데이먼의 일상 기록

웹/모바일 사이트를 기획할 때 프론트 페이지를 만들기 위해서는 반드시 백오피스가 먼저 구성되어 있어야 합니다. 이제 막 기획을 시작하는 주니어들을 위해 각각의 개념을 간단히 정리해보겠습니다. 프론트 페이지(Front Page) 일반 고객이 접근하는 웹/모바일 페이지. 백오피스에 입력된 데이터를 기반으로 페이지를 구성하며, 설계 단계에서는 사용자 편의성에 중점을 둔 UI/UX 기획력이 중요합니다. 백오피스(BackOffice) 일반적으로 관리자 페이지라고 통칭합니다. 프론트 페이지의 운영 관리를 위해 상품 관리, 콘텐츠 관리, 마케팅 관리, 경영관리, 회계 관리 등 서비스 운영과 관련된 모든 내용을 포괄하고 있습니다. 설계 단계에서는 사용자 편의성도 중요하지만, 그보다 먼저 논리적인 데이터의 흐름이 중요합..

모바일 서비스를 설계할 때 기준 해상도는 어떻게 결정하시나요? 일반적으로는 가장 많이 사용하는 기기와 화면비율을 고려하여 기준 해상도를 결정합니다. 이때 기기별 상세스펙 정보가 필요한데요. 디바이스별 스펙 정보를 확인할 수 있는 4개의 사이트를 소개합니다. 구글 Device Metrics구글에서 제공하는 디바이스별 스펙 정보. 기기정보 클릭 시 상세정보를 확인할 수 있습니다.https://design.google.com/devices iOSRES아이폰, 아이패드, 애플워치 iOS 디바이스의 상세 스펙을 제공합니다. http://iosres.com SCREEN SIZES스마트폰, 태블릿, 모니터 등 모든 디바이스의 사이즈 정보를 제공합니다. 화면 우측의 정렬/필터 옵션을 통해 원하는 내용만 간추려 볼 수 ..

기획 업무를 진행하다 보면 셀 수 없이 많은 산출물을 작성합니다. 당장 문서 작업을 해야 하는데 맨땅에 헤딩하려면 눈앞이 막막합니다. 샘플이라도 있으면 좋으련만 기획자의 문서는 대부분 대외비라 잘 유통되지 않습니다. 개발은 오픈소스도 잘 구축되어 있고, 디자인은 참고할 수 있는 채널이 많은데. 기획은 자료 하나 구하기가 정말 어렵습니다. 제가 직접 만들어 하나씩 유통하려 했으나, 웹만사 카페의 “macbethi 맥비”님께서 프로젝트에 필요한 S급 산출물을 공유해주셨습니다. 맥비님보다 더 나은 산출물을 만들 자신은 없기에 많은 분이 볼 수 있도록 산출물 링크로 대신합니다. 좋은 산출물을 공유해주신 맥비님께 다시 한 번 감사드립니다. 비회원은 파일 다운로드를 할 수 없으니, 웹만사 카페 가입 후 이용해주세요..

기획자는 업무 특성상 본인이 구상한 기획안을 리뷰하고 서로의 협의를 이끌어내는 회의를 자주 진행하게 됩니다. 이때 모든 참석자가 내가 제시한 기획안에 동의해준다면 너무나 이상적이겠지만, 실제로 우리가 겪는 대부분의 기획 리뷰는 논쟁과 설전으로 가득합니다. 하루 종일 회의를 진행해도 명확한 답이 안 나오고 서로 지쳐갑니다. 그래서, 기획 리뷰가 길어지는 이유를 생각해봤고 다음과 같은 결론에 도달했습니다. 기획자가 제시하는 기획안이 잘 납득되지 않는다. 나쁘지는 않지만 더 나은 방법이 있을 것 같다. 근데, 그게 뭔지는 잘 모르겠다. 디자인, 개발 단계에서 문제가 발생할 것으로 예측된다. 기획자가 제시한 방법이 최선이 아니라고 생각하기 때문에 서로 이견이 생기고 이 과정에서 논쟁이 발생합니다. 그렇지만 모두..

개인적인 습관이지만 기획 일할 때 도움되는 사소한 팁을 공유합니다. 주제는 "괜찮은 이메일은 모아두자!" 입니다. 기획 작업을 하다 보면 이메일 기획을 해야 하는 상황이 종종 발생합니다. 이 경우 본인에게 수신된 이메일을 참고하게 되는데요.평소 이메일을 확인할 때 괜찮은 메일을 Keep 해두면 필요한 시점에 유용하게 활용할 수 있습니다. 저의 경우 하단 이미지와 같이 E-mail 수집 폴더를 만들고 앞으로 써먹을 만한 이메일을 따로 모아둡니다.2009년부터 수집한 이메일이 어느새 660개나 모였네요. 메일을 성격별로 분류하면 다음과 같습니다.프로모션 메일회원관련 메일주문관련 메일약관개정 메일오픈,리뉴얼,종료 메일활동알림 메일 이 메일함만 있으면 어떠한 이메일 기획도 단숨에 해결할 수 있습니다.업무 속도를..

뻔한 말이지만 웹, 모바일 기획도 기획의 한 줄기입니다. 따라서 웹 기획을 잘하려면 당연히 기획력이 있어야 합니다. 여기서 말하는 기획력은 흔히 말하는 스토리보드를 잘 그리거나 웹 관련 전문지식을 많이 안다는 걸 의미하지는 않습니다. 기획력은 왜 그것을 해야 하는가에 대한 이유를 찾는 사소한 생각에서부터 시작합니다. 그리고 그 이유를 해결하기 위해 특성과 행동 패턴을 연구하고 이를 하나의 솔루션으로 만들어 사람을 움직이는 능력이 바로 기획력입니다. 하지만 실무를 담당하는 웹, 모바일 기획자 중 상당수는 기획의 초점을 단순히 웹사이트나 모바일 서비스를 예쁘게 만드는 것에 맞추고 있어서 결과적으로 ‘웹 기획 = 스토리보드를 만드는 일’이라는 제한된 틀 안에서 생각합니다. IT 기획 연구소는 이런 웹 기획에 ..

📌 이 글은 벌써 4년도 넘은 글인데요. 2020년 9월 기준으로 최신 내용을 업데이트 했습니다. 아래 링크를 클릭해주세요! [웹/앱 설계의 기본] 화면설계서 작성방법 프로덕트 매니저의 툴, UI 디자이너의 툴 건축물을 짓기 위해서는 구체적인 설계도면이 필요하듯이 웹사이트 또는 모바일 앱 서비스를 제작하기 위해서도 설계도면이 필요합니다. IT 현장에서는 이를 화면 설계라 지칭하며 와이어프레임, 스토리보드, 프로토타입으로 구분하고 있습니다. 국내에서는 파워포인트로 제작한 스토리보드가 표준 설계 방법으로 사용되고 있지만, 보다 원활한 커뮤니케이션을 위해 점차 다양한 툴로 확장되고 있습니다. 알듯 말듯 조금은 헷갈리는 각 용어들이 어떠한 차이가 있는지 살펴보겠습니다. 와이어프레임(Wireframe) 와이어프레..