메뉴 건너뛰기

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

단축키

Prev이전 문서

Next다음 문서

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

단축키

Prev이전 문서

Next다음 문서

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

스토리 보드 짜기



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

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

 

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


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

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



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

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



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

 

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








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

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


List of Articles
번호 제목 날짜 조회 수
177 안드로이드 - switch를 사용법 및 구현 file 2021.04.02 1280
176 [하이브리드앱] userAgent를 이용해서 웹 / 앱 접속 구분하기 2021.09.30 1282
175 안드로이드 - 타이머(Timer) 구현하기 2021.04.01 1368
174 Volley 로 웹요청하고 응답받기2 - Post방식 , 로그인-회원가입 (php,mysql 연동) file 2020.12.14 1430
173 안드로이드 - BottomNavigationView 사용하여 하단 메뉴 만들기 file 2021.04.02 1436
172 Apk manager 이용해 Decompile (디컴파일) 하기 file 2021.03.16 1619
171 안드로이드 WebView 에서 tel: 이 되지않는 경우. 2018.10.02 1633
170 안드로이드 - 날짜 및 시간 정보 입력받기 (DatePickerDialog / TimePickerDialog) file 2021.04.01 1762
169 Android Studio에서 SQLCipher 라이브러리 추가 방법 file 2018.10.02 1776
168 MediaPlayer 클래스 사용법 file 2018.10.02 1803
167 안드로이드 - 네비게이션 드로어(Navigation Drawer)를 활용하여 슬라이드 메뉴 구현하기 file 2021.04.01 1858
166 위젯 업데이트 주기 빠르게 하기 2018.10.02 2142
165 구글맵으로 GPS 현재위치 실시간 연동하기 file 2020.12.14 2440
164 WebView에서 카메라 및 이미지 업로드 (선택적용가능) file 2020.12.14 2690
163 안드로이드 - 에디트텍스트(EditText) 사용법 정리 file 2021.03.29 2754
162 WebView를 사용할때 HttpClient를 이용한 Session 유지 2018.12.27 4380
161 하이브리드 앱에서의 세션관리(로그인 상태 유지) 2018.12.27 4998
160 HTML5 Web Storage -01- file 2014.09.04 5587
159 HTML5 시작하기 file 2014.09.04 5660
158 Events - Unbind() 메서드 (이벤트 처리기 해제) file 2014.10.16 5749
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved