Transcript 웹 기획_초급_Step1

웹 기획 스터디 – 초급
Step1. Ready & Start
기획자란?
 웹 사이트 제작 :: 시작
기획
디자인
 커뮤니케이션 :: 중심
기획
자
개발
클라이언
트
디자이너
개발자
사용자
운영 및 유지보
수
기획자의 필요 능력
 서비스 플랫폼에 대한 이해 : 서비스 플랫폼 결정
•
운영체제(Desktop OS ), 웹 플랫폼( Explorer, Chrome, Safari… ),
디바이스( iOS, Android, WindowMobile.. )
 문서작성 능력 : 문서를 통한 커뮤니케이션
•
자신의 생각 또는 아이디어를 체계적으로 문서화
 정보 수집 및 분석 능력
•
최신 트랜드 조사
•
시장조사 ( 유사 사이트 또는 경쟁 사이트 분석 )
•
자료 취합 및 분석
 커뮤니케이션 능력
 프로젝트 이해 및 관리 능력
Map
 사이트 구축 목적 정의

아이디어 구상 및 정리( Mindmap )

벤치마킹

컨셉 기획 및 사업 기획

메뉴 구성( 메뉴 구조도 )

기능 정의 ( 기능 정의서 )

프로세스 기획( 화면 흐름 및 사용 프로세스 정의 )

화면 정의 ( 스토리보드 )
웹 사이트 제작의 시작
 확실한 구축 목적을 정해라.
 WHY ?
왜 만드는가? : 목적( 상업, 교육, 공익.. 등 )
 What ?
무엇을 제공할 것인가? : 컨텐츠
 Who ?
누구를 위한 것인가? : 타겟 선정(사용자)
아이디어 구상 및 정리
 사전작업
• 사이트 구축 목적 정의
• 자료 조사 및 분석
• 아이디어 정리
 아디이어 정리
• Mindmap :
생각을 도식화 하여 한눈에 볼 수 있게 정리
• Brainstorming :
여러 사람이 자유롭게 자신의 생각과 의견을 제시하면서
창의적인 아이디어를 도출
 Mindmap 참고
알마인드(ALMind)
프리마인드( FreeMind : http://freemind.sourceforge.net/wiki/index.php/Main_Page )
XMind(http://www.xmind.net/)
아이디어 구상 및 정리(계속)
 Mindmap Sample
참고 : http://hseui.tistory.com/470
Mindmap - 커피이야기
메뉴 구성
 기준에 맞는 통합 & 분류
 차고 넘치지 않는 메뉴 ( 적당한 갯수로 구성 )
 간결한 스텝( 하위 메뉴로 내려가는 단계 제한 )
 사용자 접근이 용이( 직관적인 메뉴 제공 )
메뉴 구성 Sample
Gallery
- Artworks
- Hall of Fame
- (Hall title)
My Artroom
- My Artworks
- My Friends
Drawing
Store
기능 정의 Sample
Depth1
Main
Depth2
회사소개
솔루션
ID
P_0001
P_0002
Depth3
ID
설명
비고
CEO 인사말
P_0001_0001
이미지로 처리
이미지 처리
회사 연혁
P_0001_0002
년도별 연혁 표시.
최근 년도가 상위로 올라옴.
관리자 페이지 연
동
조직도
P_0001_0003
회사 조직을 도식화 하여 보여줌.
오시는길
P_0001_0004
본사 위치 및 교통 안내
솔루션 소개
P_0002_0001
솔루션 패키지와 가격 소개
지도연동
기능 정의 Sample
출처 : http://blog.naver.com/PostView.nhn?blogId=chojh1178&logNo=90140290
830
기능 정의 Sample
출처 : http://blog.naver.com/PostView.nhn?blogId=webstorming&logNo=30135352
602
Tip – 최근 트렌드
Tip – 최근 트렌드
Tip – 최근 트렌드
Tip – 최근 트렌드
Tip – 최근 트렌드
Tip – 참고 사이트 링크
•
http://www.jjim.com/
•
UX & UI
http://www.5day.co.kr/main.php
http://www.gdweb.co.kr/
http://www.thefwa.com/
http://www.thebestdesigns.com/
감사합니다.