메뉴 건너뛰기

조회 수 15419 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

스토리 보드 짜기



 IT 기획자로서의 능력을 평가받을 때, 가장 먼저 스토리보드의 완성도를 볼 것이다. 

스토리보드는 '커뮤니케이션'이다. 웹이나 모바일 프로젝트를 시작하기에 앞서, 요구사항을 파악하고 개발자와 디자이너, 퍼블리셔, 클라이언트들 ( 종종 클라이언트들도 스토리보드를 요구하기도 한다. ) 끼리 소통할 수 있도록 만드는 문서가 스토리보드이다. 

 

 하지만 주의해야할 것은 디자인 시안이 아니라는 점이다. 너무 레이아웃에 치중한 화려한 스토리보드는 오히려 객관적인 정보전달에 방해물이 될 뿐이다. 디자인 시안은 디자이너가 만들어야할 몫이라는 점을 기억하고, 원 목적에 충실한 스토리보드를 제작하는 것이 키포인트다.


 가장 평범하게 , 널리 쓰는 양식을 샘플로 준비해보았다. 보통 PPT로 많이 작성한다. 

비록 단일페이지이더라도, 한장속에는 flow가 잘 나타나야 한다. 샘플을 보자.



1. 스토리보드의 시작은 개요와 프로세스, IA 등이다. 샘플에는 개요와 IA가 빠졌다.

2. 오른쪽에 Description 부분을 보자 (설명). 사실 스토리보드에서 가장 중요한 부분이라 할 수 있다. 예를들어 게시판 구축을 jsp로 할지 html형태로 할지.. 기술적인 부분까지 개발자와 미팅 후 스토리보드에 기재해야 한다. 보다 상세한 설명이 요구되는 곳이다. 



3. 보이는 부분뿐 아니라, 이벤트가 발생할 시에 뜨는 팝업이나 경고 메시지에 대해서도 꼼꼼히 기록해주는 것을 잊지 말자. ( 그 누구보다 프로젝트에 대해 꼼꼼히 분석해야한다. )

 

Tip. 모바일 프로젝트 시 , 안드로이드와 아이폰의 버튼 구성, 해상도의 다름을 이해하고 각기 다른 방식으로 분석하는 것이 좋다. 








이런식으로 스토리보드의 틀을 짤 수 있다.

특히, 스토리보드는 일관성이 중요하다. 타이틀의 폰트, 크기, 색상, 위치는 다른 슬라이드의 타이틀들과 똑같아야 한다. 이를 위해서 그리드 기능과 슬라이드마스터 기능을 활용하는 것이 효율적이다. 또한 신뢰성에 영향을 끼칠 수 있는 '오탈자' 등을 마지막까지 꼼꼼이 체크하는 습관을 기르자.


List of Articles
번호 제목 날짜 조회 수
177 Volley 로 웹요청하고 응답받기1 - Get방식 file 2020.12.14 348
176 Volley 로 웹요청하고 응답받기2 - Post방식 , 로그인-회원가입 (php,mysql 연동) file 2020.12.14 1430
175 Fragment를 통한 하단탭 예제1 file 2020.12.14 242
174 Fragment에서 Toast 사용하기 2020.12.14 371
173 Volley 이용시에 한글 깨질때 UTF-8로 변경 2020.12.14 343
172 줄바꿈 문자 치환 2020.12.14 289
171 구글맵 snippet을 두줄이상으로 구현하기 file 2020.12.14 479
170 Volley 로 웹요청하고 응답받기3 - Get방식 , json 읽기 (php,mysql) file 2020.12.14 377
169 android.support.v4.content.FileProvider not found file 2020.12.14 308
168 WebView에서 카메라 및 이미지 업로드 (선택적용가능) file 2020.12.14 2690
167 WebView 작업할때 Net::ERR_UNKNOWN_URL_SCHEME 에러 발생할때 (전화걸기,문자보내기 안된다) 2020.12.14 1064
166 WebView를 사용할때 HttpClient를 이용한 Session 유지 2018.12.27 4380
165 하이브리드 앱에서의 세션관리(로그인 상태 유지) 2018.12.27 4998
164 MediaPlayer 클래스 사용법 file 2018.10.02 1803
163 위젯 업데이트 주기 빠르게 하기 2018.10.02 2142
162 Android Studio에서 SQLCipher 라이브러리 추가 방법 file 2018.10.02 1776
161 안드로이드 WebView 에서 tel: 이 되지않는 경우. 2018.10.02 1632
160 안드로이드스택(Android Stack) 확인 file 2016.06.10 7778
159 AndroidManifest에 선언한 메타데이터(meta-data) 가져오기 2016.06.10 9313
158 버튼(Button) 패딩 제거 2016.06.10 7651
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved