웹기획/설계
-
웹기획을 도와주는 툴 - MockFlow웹기획/설계 2011. 10. 26. 13:59
설계을 함에 있어서 가장 중요한것은 Communication 이다. 클라이언트와의 Communication, 작업자들과의 Communication 설계는 그런 모든 대화를 문서로(프로그램) 진행하는것이다. 기획자에게 항상 얘기하는것 중에 하나가 당신이 만든 그 문서 하나면 다른얘기 안나올 수 있도록 해야 한다. 이런 설계에 있어 역동성 있는 툴들이야 말로 기획하는데 많은 도움이 되고 중요한 Communication에 도움이 된다. 이전에 Balsamiq Mockups For Desktop 에 대한 안내를 진행 한적이 있었는데 최대의 단점(?)이 한글지원이 안되는거였다. 하지만 MockFlow는 동일한 기능구현에 한글지원까지 된다는 장점이 있다. 사이트 : http://www.mockflow.com/ 회원..
-
웹기획을 도와주는 툴 - Balsamiq Mockups For Desktop웹기획/설계 2011. 5. 23. 14:01
일년전쯤 기획팀 세미나에서 툴 소개를 하면서 알게된 기획을 도와주는 툴 중에 눈에 띄였던 툴을 소개 하겠다. 특히 이 툴은 Air로 개발하여 모든 OS에서 사용가능하다. 사이트 : http://balsamiq.com/ 동영상 : http://balsamiq.com/products/mockups 다운로드 : http://balsamiq.com/products/mockups/desktop 웹데모 : http://builds.balsamiq.com/b/mockups-web-demo/ 사이트에서 전반적인 내용을 이해 하시고 동영상과 웹데모로 참고 하시고 다운받으셔서 사용하시면 되는데 유료(79$) 입니다. 물론 데모버전도 있습니다. 기획을 하다가 보면 작업자들과의 커뮤니케이션에도 힘듬을 느낄때가 있습니다. 이때..
-
Card Sorting - IA를 사용자에게서 묻다.웹기획/설계 2011. 5. 3. 00:05
웹기획자들은 항상 고민한다. 기능에 대해서 콘텐츠에 대해서.... 하지만 무엇보다 사용자들에 대한 고민은 하지 않는듯 하다. 솔찍히 힘들다 에이전시를 예를 든다면 한명에서 두명정도의 기획자가 프로젝트의 기획파트 인력으로 잡히면 큰 프로젝트로 인식될 정도이다. 과중된 업무에 사용자를 신경 쓸 겨를이 없다... 하지만 가장 중요한것이 버려지고 있음을 모른다. 사이트를 만드는데는 사용자의, 사용자에 의한, 사용자을 위한 기획이 되어야 한다. 가장 큰것을 잃어 버리고 기획을 한다는것이다. 그렇다면 사용자가 사이트를 접했을때 가장 처음 접하게 되는 기획요소는 무엇인가? IA(information architecture) 정보구조 이다. 사용자는 사이트를 접했을때 가장 빨리 자신이 원하는 무엇(정보)을 가지고 나가..
-
회원가입 프로세스 맵 (Time Scenario) - 퍼옴웹기획/설계 2011. 4. 15. 14:03
http://riemann.tistory.com/102 회원 가입 과정을 정리한 맵으로 전체 프로세스를 한 장으로 요약 정리함 (클릭하면 크게 나옴) 회원 가입은 대부분의 사이트가 기본적으로 진행하는 기초 프로세스이다보니, 이미 정형화된 기본틀을 수용하는 경우가 대부분이다. 그러나 해당 사이트의 특성이나 마케팅적 관점을 고려한다면 전략적 차이를 고려해야 한다. 회원가입에 성공했을 경우, 메인페이지로 이동시키는 것이 좋은지, 회원가입 성공을 알리는 페이지를 한 번 보여주고 메인으로 가게 하는 것이 좋은지를 판단해보자. 만약 회원 가입자에게 쿠폰을 지급하거나 별도의 이벤트를 통해 상품구매를 유발하는 것이 중요한 쇼핑몰이라면 무엇이 좋을까? 혹은 빨리 로그인하여 상품을 구매할 수 있도록 불필요한 과정을 없애고..
-
설계 이전에 기능별 제안을 해라웹기획/설계 2011. 4. 11. 11:22
기획자들이 설계단계에서 가장 많이 실수 하는것이 화면설계서 하나로 커뮤니케이션을 하는데 있다. 분명한것은 설계 이전에 제안이 있어야 한다. 제안으로 각 담당자들의 의중과 담당자들이 원하는 건설팅을 해야 한다. 모든 클라이언트는 이전과 다른, 경쟁업체와 다른 사이트 시스템을 원한다. 이런 충족이 없을때 그들은 설계서를 이해하지도 못할 뿐 아니라 믿음도 줄어들게 된다. 적어도 중요한 시스템 기능에 대해서는 설계이전에 기획안을 PT 하고 그리고 화면흐름도와 같은 UML을 이용한 추가적인 설 계안으로 기본적인 초기설계를 완료해야 한다. 뒤에 화면설계서를 통해 클라이언트와 작업자들간의 커뮤니 케이션을 진행 하는것이다. 기획자들이여 설계는 제안 이후에 진행하라. Posted by 김상환
-
메뉴구조(IA 정의) 정리하기웹기획/설계 2011. 4. 11. 09:54
개인적으로 웹기획에 있어서 메뉴 구조를 정리하는데 가장 심혈을 기울이는 부분중에 하나이다. 그만큼 시간도 많이걸린다. 기존사용자에게는 기존의메뉴구조에 익숙해 있는 인식을 깨지 않도록해야하며 잠재고객들에게는 컨텐츠별로 의미전달이 쉽도록 그리고 시선을 흐틀어지지 않도록 해야한다. 다음의 사항들을 주의하여 진행한다면 조금 편한 메뉴구조를 만들 수 있다. 1. 컨텐츠 분석 모든 컨텐츠의 성격과 내용을 100% 이해해야한다. 2. 컨텐츠 마다 레이블링 붙이기 모든 컨텐츠에 사용자가 이해 하기 쉽도록 메뉴명을 붙인다. (내용을 메뉴명만으로도 이해하기 쉽도록 붙여야 한다) 3. 레이블링의 완성도 높이기 매뉴명이 올바르게 되었는지 확인을 한다. 기존사이트로도 확인해야하며 경쟁사의 사이트들도 비교 분석한다. 이때 비교분..
-
화면설계서(스토리보드)웹기획/설계 2011. 4. 11. 08:10
기획자들이 가장 신경많이쓰는 문서가 화면설계서이다. SI 업체에선 화면설계란 이름을 쓰고 웹에이전시에선 스토리보드(SB)란 이름을 많이쓴다. 두 문서의 차이를 많이 물어 보는데 개인적으로 화면설계서가 더 맞지 않나 싶다. 스토리보드는 광고쪽에서 넘어온 듯하여 화면설계서라는 문서를 개인적으로 사용했다. 화면설계서는 화면상의 기능과 디자인을 작업자와 현업들과 대화하는 문서이다. 설계서에서 가장 중요한부분은 discription이다. 기능에대한설명 그리고 기획의도, 요구사항 등을 문서에 남기고 작업자들과 문서 리뷰를하여 기획의 의도를 분명하게 전달해야 한다. 개인적으로 화면설계서에 이미지나 컬러톤을 넣지 않도록 권하고 싶다. 혹시라도 디자이너의 몫을 침범하는것 같아서이다. 그러나 개발자를 위해서는 많운 내용을..