Embed Size (px)
Citation preview
기획서 쓰는 사람 이야기A Planner’s Story
최민상@radiofun8
UX LAB @ Daum communications
기획서 쓰고 있습니다.
기획서 쓰기
오늘 이야기 할 내용
기획자로 일하기
기획서 쓰기
오늘 이야기 할 내용
기획자로 일하기
기획서전략안, 전략기획서, 사업기획서, @#@!#!@#….
상위
상세 기획서서비스 시나리오 스토리보드
오늘 이야기 할 기획서는
3 Factors이 외에도 많겠습니다만…
Feature기능 명세
1
사진 공유 서비스 기획
• 카메라나 컴퓨터에 있는 사진을 웹에 올릴 수 있다.!• 사용자들은 다른 사용자의 사진을 볼 수 있다.!• 다른 사용자의 사진에 댓글을 남길 수 있다.!• 다른 사용자의 사진을 좋아할 수 있다.
Screen Definition화면 구조
2
홈 화면
1 타이틀
2 업로드 버튼
3 네비게이션 메뉴 (GNB)
4 사진이 표시됨
5 코멘트 영역
Instantgram
Photo
John Appleseed
Nice Pic!
Feed
Explore
Me
Upload
Description
Interactions스토리보드
3
사진 업로드
Instantgram
Photo
John Appleseed
Nice Pic!
Feed
Explore
Me
Upload
+ upload here
Upload
!!!uploading….
!!!!Upload Failed !
Retry
!!!Success!
Progress
Success Fail
1초 뒤 자동으로 사라짐 재시도 버튼 노출
모바일 서비스
Photos
Instantgram
Camera View
Uploading…
Instantgram
Photo!
찍으면 바로 업로드카메라로 촬영
복잡한 프로세스
?
!
? !
!
이용권 A 권한을 가지고 있는 사용자는 무조건 C로 간다.
이용권 C는 D의 권한까지 가지고 있다.
아아 이 서비스 너무 어려워요
Notes
기획서_1201_draft.pptx 기획서_1202_revised.pptx 기획서_1203_revised_2.pptx 기획서_1203_final.pptx 기획서_1207_final_revised.pptx 기획서_1209_final_real.pptx 기획서_1213_final_진짜_real.pptx 기획서_1225_final_제발.pptx 기획서_0101_new_draft.pptx 기획서_0104_new_revised.pptx
망하지 않기 위해 기억해야 할 것들
내가 어려우면 남도 어렵다
에라 모르겠다
?
!
? !
!
?
? !
?
?
이 버튼을 누르면 저리로 가기도 하고 이리로 가기도 하는데 사용자가 두번 누르면 어떻게 하지?? 에이 버튼이나 하나 더 만들지 뭐 아 근데 결제도 시켜야 하는데 결제 버튼도 하나 넣어야 하고
설명도 간단히
더럽게 그리지 맙시다
홈 화면은 한 페이지로 끝내버릴거야1 타이틀
2 업로드 버튼
3 네비게이션 메뉴 (GNB)
4 사진이 표시됨
5 코멘트 영역Instantgram
Photo
John Appleseed
Nice Pic!
Feed
Explore
Me
Upload
Description
+ upload here
!!!uploading….
!!!!Upload Failed !
Retry
!!!Success!
Progress
Success Fail
1초 뒤 자동으로 사라짐 재시도 버튼 노출
• 이용권 A 권한을 가지고 있는 사용자는 무조건 C로 간다. • 이용권 C는 D의 권한까지 가지고 있다. • 아아 이 서비스 너무 어려워요 • 하지만 한장에 몰아서 끝내버릴거야
구차한 부연 설명도 여기에 들어간다
아아 너무 구차해 죽겠네
페이지 용량 초과다 임마!
여기도….
여기도 들어간다 밑이라고 방심했지
구차한 부연 설명도 여기에 들어간다
아아 이제 그만…
페이지가 터질때까지
ppt로 보면 보입니다
시작!
레이아웃은 디자인에서 알아서 예쁘게 해주세요 ^^
1 타이틀2 업로드 버튼3 네비게이션 메뉴 (GNB)4 사진이 표시됨5 코멘트 영역6 알아서 꺼내 보시던가7 글자가 다 안보여도 더블클릭하8 폰트도 내맘대로 ^^9 알아서 꺼내 보시던가10 알아서 꺼내 보시던가11 알아서 꺼내 보시던가12 알아서 꺼내 보시던가13 알아서 꺼내 보시던가14 알아서 꺼내 보시던가15 알아서 꺼내 보시던가16 알아서 꺼내 보시던가17 알아서 꺼내 보시던가18 알아서 꺼내 보시던가19 알아서 꺼내 보시던가20 알아서 꺼내 보시던가21 알아서 꺼내 보시던가22 알아서 꺼내 보시던가23 알아서 꺼내 보시던가24 알아서 꺼내 보시던가
Instantg
ram
Photo
John Appleseed
Nice Pic!
Feed
Explore
Me
Upload
Description
NEW!
광고 영역
느낌있게 넣
어주세요 ^^
John Appleseed Nice Pic!
John Appleseed
Nice Pic!
LoginCamera
여기도
광고 영역
느낌있게 넣
어주세요 ^^
바로가기1
바로가기2
바로가기3
바로가기4
바로가기5
바로가기6
바로가기7
바로가기
유구한 역사와 전통에 빛나는 우리 대한국민은 3·1운동으로 건
립된 대한민국임시정부의 법통과 불의에 항거한 4·19민주이념
을 계승하고, 조국의 민주개혁과 평화적 통일의 사명에 입각하여
정의·인도와 동포애로써 민족의 단결을 공고히 하고, 모든 사회
적 폐습과 불의를 타파하며, 자율과 조화를 바탕으로 자유민주적
기본질서를 더욱 확고히 하여 정치·경제·사회·문화의 모든 취소 확인이 기능도 넣을거야
이 기능도 넣을거야
니 마인드를 왜 내게 강요해
예측 불가능한 전개
기획서는 한번 보고 마는 문서가 아닙니다
보고 또 보고
Table of Index
• 개요!• 서비스 구조!• 메뉴별 시나리오!
• 홈!• 피드!• 마이 페이지!
• Appendix
• 개요!• 서비스 구조!• 화면 구조!• 유저 시나리오!• 예외 케이스!• Appendix
OR
무슨 기준이건, 하나의 기준으로 정렬된 목차
메뉴별 시나리오 / 홈 / 사진 올리기
P36
Photos
Instantgram
Camera View
Uploading…
Instantgram
Photo!
찍으면카메라로
현재 페이지의 정확한 위치
기획서 쓰기
오늘 이야기 할 내용
기획자로 일하기
기획
디자인
개발
QA
운영
“The Waterfall”
@pixpix
IT업체에서 일하는 흔한 풍경
Bad Examples이 외에도 매우 많겠습니다만…
모세의 십계명1
내가 계시를 받아서 기획서를 썼어
기획자는 연약한 존재, 제품 생산에 필수적인 사람이 아님!
개발도 잘 모르고, 디자인도 잘 모름 (다 그렇다는 건 아닙니다)
기획에 문제가 생겼을 때엔 되돌리기에 너무 늦어버림
방에 쳐박혀선 안되는 이유
기획자가 뭐 필요해.
기획은 모두가 할 수 있고, 모두가 같이 해야 하는 작업!
기획자는 말을 많이/잘 해야 함
기획서는 정리된 내용을 담고 있으면 됨
기획서는 작품이 아니다
기획서를 보지 않아도 제품이 나올 수 있어야
도망자2
추격전이 시작된다
기획자
어느날 야근을 하던 개발자 A씨
“기획자 또 집에 갔어?”
사람들은 원래가 허술함!
발견 / 예상하지 못한 문제들이 제작 진행 중 마구 나타남
문제를 파악하고, 결론을 지어줘야 함
기획서 완성이 바로 시작
(알고보니) 도저히 각이 안나오는 화면 구성!
(알고보니) 도저히 구현할 수 없는 스펙
암초를 피할 수 있도록 방향을 돌려주세요
…그건 결국 야근이 문제인 겁니다.
“아니 왜 뻘 대기를 해야 해요?”
제품까지 잘 나올 수 있도록 신경을 곤두세우고 지켜봐야
베짱이3
네…
기획자는 배우는 사람입니다. 모든 통찰은 어딘가에서 온 것입니다. "보통 사람은 베끼고, 천재는 훔친다"라고 하지요. 잡스와 피카소는 모두 절정의 베끼는 기술을 가진 사람들입니다. 끊임없이 배우는 사람들이라는 뜻이기도 합니다. 다시 말하건대, 호기심을 잃어버린 기획자는 ‘짜지 않은 소금이요, 열매 맺지 못하는 무화과나무’와 같습니다. !기획자는 어떤 면에서 르네상스적인 인물이라야 합니다. 스티브 잡스는 그런 점에서 가장 훌륭한 기획자인지도 모르겠습니다. 호기심에 가득 차 오래 기획을 하다 보면 자연히 폰트를, 그리드를, 카피라이팅을, 마케팅을, HTML을, 쿼리문을, DB 구조를, 네트워크의 OSI 7 Layer를 알게 됩니다. 일을 제대로 하다 보면 저절로 알게 됩니다. 혹시 “몇 년을 해도 나는 아직 그거 모르는데?”라는 생각이 든다면, 그것은 그동안 일을 ‘제대로’ 해본 적은 한번도 없었기 때문일 겁니다.
- 박태웅
Google Analytics
Human Interface Guideline
Android Design
Smashing Magazine
아무나 쓸 수 있습니다 그래서 잘 써야 합니다
Wrap-up
1. 기획서 쓰기오늘 이야기 한 내용
쉬운 말로 쓰고, 쉬운 흐름을 만드세요
디자인 하진 않더라도, 깨끗하게 그리세요
두고두고 살펴보는 문서이니 찾기 쉽게 구성하세요
2. 기획자로 일하기오늘 이야기 한 내용
기획서를 보지 않아도 될 정도로 많이 / 잘 커뮤니케이션 하세요
기획서가 제품이 될 때까지 끊임없이 신경써주세요
걸림돌을 넘어 리딩할 수 있도록 끊임없이 공부하세요
기획서
You don't design something like Facebook Home using Photoshop.
- Julie Zhou
포토샵으로는 페이스북 홈 같은 걸 디자인 할 수 없어요.
Quartz Composer
Q & A
1. 기획할 때 설문조사나 인터뷰도 하는지?
2. 기획자와 디자이너가 잘 협업할 수 있는 방법?
3. 기획자가 없는 회사에서 주의해야 할 점은?
