기획자 코스/IT서비스 기획 입문10 [Do it] 이용자 화면 설계 2 1. 소개 화면 설계 - 보통 클라이언트에게 요청하여 받은 자료룰 바탕으로 구성한다. - 제품의 성격, 회사의 규모, 브랜드 인지도 등을 파악하여 '무엇'을 '어떻게' 소개할 것인가를 고민해야 한다. - 회사가 작거나 1인쇼핑몰 : 운영 마인드, 창업 스토리, 기준 관점, 독특한 스타일, 제품에 대한 자신감 등을 강조 - 아이디어 상품인 경우 : 제품이 현실화되는 과정과 대표의 열정을 강조 - 브랜드 인지도가 높은 제품의 경우 : 제품의 우수성을 증명할 수 있는 점유율, 회원 수 등을 강조 2. 스타일숍 상품 소개 화면 설계 상품 목록 화면 - 카테고리를 어디에 위치시키느냐에 따라 레이아웃이 결정된다. - GNB를 카테고리로 사용하거나, LNB를 따로 두기도 한다. - 인지도/신뢰도가 낮은 쇼핑몰/사이트.. 2024. 2. 19. [Do it] 이용자 화면 설계 1 1. 헤더 설계 요령 - 경우에 따라 타입을 변경하여 몇 가지를 구분하여 설계한다. (회원가입이 있는 경우 등) - GNB는 왼쪽부터 중요한 순으로 배치한다. - 로그인 전 화면에는 웹사이트의 특징을 강조해서 회원가입을 유도하는 것이 좋다. - 홍보메시지나 메뉴구성도 로그인 전과 후로 나눠서 설계할 수 있다. - 유틸리티메뉴는 GNB의 보조역할(로그인/회원가입/마이페이지 등)로 사용한다. - 마우스 호버 옵션을 사용해서 서브메뉴를 구성하기도 한다. 2. 푸터 설계 요령 - 가장 하단에 위치하며, 상단에서 제공하지 않는 서비스 중 이용 빈도나 중요도 낮은 메뉴를 주로 배치한다. - 이용자에게 추가로 알리고 싶은 정보, 법률 표기 사항 등이 있다. - 회사 소개 / 이용 약관 / 개인정보 처리방침 / 인재 .. 2024. 2. 19. [Do it] 화면정의서 작성 상세 1. 서비스 기획서 살펴보기 - 사업의 필요성 공유하기 -> 웹사이트 소개하기 -> 경쟁사 분석 및 제작 계획 -> 필요 기능 정리하기 사업의 필요성 공유하기 - 사업을 시작하는 이유는 무엇인가 ? - 시장 분석 - 고객 분석 웹사이트 소개하기 - 앞서 정의한 필요성에 착안하여 웹사이트를 구축하고 도입하여 궁극적으로 사용자에게 모든 혜택이 돌아갈 수 있도록 기획 - 여기에는 웹사이트의 큰 소개, 특징, 이용 방법, 매출계획(수익모델) 등을 소개한다. - 앞으로의 확장성이나 운영의 이득 등을 소개할 수도 있다. 경쟁사 분석 및 쇼핑몰 제작 계획하기 - 경쟁사 분석을 통해 사업의 필요성을 제고하고, 제작 계획을 구체화한다. - 제작 계획에는 인원(기획자 1명, 디자이너 2명, 퍼블리셔 1명, 개발자 3명)과.. 2024. 2. 19. [Do it] 화면 정의서 1. 기획자는 화면정의서로 말한다 - SB/화면기획안/화면설계서 등으로 불린다. 화면정의서는 청사진이다. - 웹사이트의 기능과 정책 등을 모두 반영한 주요 산출물이다. - 기획자는 앞으로 발생할 모든 문제점을 미리 고민하여 대책을 세우고, 발생하는 경의 수를 예상하여 화면 정의서에 해결책을 담아야 한다. - 디자이너 퍼블리셔 개발자 모두가 이거만 보고 기획자의 역량을 파악한다. 기획에 뜻이 있다면 목숨걸고 만들어야 할 문서. 화면정의서는 작업지침서다. - 웹사이트의 모든 움직임을 상세히 담아야 한다. - 화면정의서는 소통의 문서이므로, 디자이너/퍼블리셔/개발자의 입장에서 고민하는 습관이 중요하다. - 한번 더 검토하기 : 본문의 설명은 오해가 없도록 명확히 작성하는 것이 중요하다. - 깔끔하게 작성하기 .. 2024. 2. 19. [Do it] 기획에 필요한 주요 문서 1. 기능 정의서 기능정의서란 - 웹사이트를 제작할 때 필요한 주요 기능을 정리해놓은 문서이다. - 웹사이트의 규모나 기능을 빠르게 알아보기 위해서 반드시 필요하다. - 의뢰사와 제작사가 하나의 기능을 서로 다르게 이해하지 않도록 명확하게 작성한다. - 기능정의서를 기준으로 비용을 산출하므로 난이도와 작업시간을 어느정도 알아두면 좋다. - 총 작업기간을 산출해볼 수 있다. 클라이언트는 언제끝나는지 하루종일 물어본다. 문서화해두고 업데이트하면 귀찮은 메일을 덜 받을 수 있다. 기능정의서 작성하기 - 한 화면의 주요 기능을 하나씩 정리하는 것이다. - 화면이 그려지지 않은 상태에서 화면을 유추하며 기능을 하나씩 정리해야 하는 상황이다. - 웹사이트 구조 문서를 잘 정리해놓았다면 그걸 기준으로 정리해나가면 된.. 2024. 2. 19. [Do it] 웹사이트 구조 설계 - 웹의 정보구조설계를 완료하면 주요 메뉴를 추려 사이트맵을 구성한다 1. 준비단계 : '기능'의 의미 - 기능은 특정한 동작을 뜻한다. - 기능은 크게 프로세스와 엘리먼트로 구분할 수 있다. - 프로세스 : 이용자가 특정한 목적을 달성할 때 필요한 화면을 합한 것이다. (회원가입, 결제, 게시판 등) - 엘리먼트 : 화면을 구성하는 여러 요소 가운데 특정 기능을 수행하는 것이다. (에디터 기능, 옵션 기능, 등록 기능 등) 2. 1단계 : 프로세스나 정보를 화면 단위로 설계하기 - 기능의 성격과 이용자의 특성을 파악해 구성해야 한다. - 프로세스를 여러 화면으로 설계할 경우 : 게시판의 글 작성/수정/목록 등으로 나누는 거 - 프로세스를 한 화면으로 설계할 경우 : 한 화면에 담아야 편리한 경우도 있다.. 2024. 2. 18. [Do it] 웹서비스의 구현 과정 1. 서비스 분석 - 앞으로 구현할 서비스를 분석/이해하고 사이트 구조를 설계한다. (요구사항 분석단계) - 서비스 분석단계에서는 구체적으로 구현서비스를 이해하고 화면 산출, 구조를 설계한다. 이를 정보 구조 설계 (IA) 라고 한다. - IA는 서비스에 필요한 메뉴를 정의하고 분류하여 그룹을 만드는 것을 말한다. - IA를 완료하면 그에 맞게 기능 정의서와 정책 정의서를 작성한다. 2. 화면 설계하기 - 화면구성을 설계하고 화면정의서를 산출한다. - 화면정의서 똑바로 안쓰면 디자이너/퍼블리셔/개발자 심지어는 PM도 뭐라 많이 한다. 님이 PM이면 상관없음 - PPT나 피그마로 하자 업계 표준이다. - 화면 설계단계에서 백엔드개발자가 서비스 기획안과 정보 구조 설계 문서, 기능정의서를 토대로 서버와 네트.. 2024. 2. 18. [Do it] 웹사이트 유형별 개념 1. 브랜드 홍보형 웹사이트 - 가장 간단한 유형 - 화면과 구조 설계도 중요하지만, 담을 내용을 기획하는 데에 더 중점을 두어야 한다. - 기업의 핵심 가치나 상품의 매력을 소비자에게 설득력 있게 전달해야 한다. - 한 화면에 표현할 개념 요약해서 보여주기 : 많은 정보를 노출했을 때 오히려 소비자에게 좋지 않은 영향을 줄 수 있다. - 밀러의 법칙 : 보통 사람은 정보를 한 번에 최대 7개 정도밖에 저장할 수 없다는 이론이다. - 인지적 구두쇠 현상 : 인간은 기본적으로 깊게 생각하는 것을 싫어해서 선택지가 많으면 선택을 미룬다는 이론이다. - 힉의 법칙 : 선택지의 개수가 많아지면 의사 결정 시간이 오래 걸린다는 이론이다. - 결론적으로, 알려주고 싶은 사항이 많아도 중요도를 따져서 3~4개로 정리.. 2024. 2. 18. 이전 1 2 다음
