스토리보드

스토리보드(Storyboard)

: UI 화면 설계를 위해 정책이나 프로세스 및 콘텐츠의 구성, 와이어 프레임, 기능에 대한 정의, 데이터베이스의 연동 등 구축하는 서비스를 위한 대부분 정보가 수록된 문서

 

UI 화면 설계 구분

- 와이어 프레임: 화면 단위의 레이아웃을 설계하는 작업(손그림, 파워포인트, 키노트 등)

- 스토리보드: 모든 정보가 담겨 있는 설계 산출물(파워포인트, 키노트, 스케치 등)

- 프로토타입: 정적인 화면으로 설계된 와이어 프레임 또는 스토리보드에 동적 효과를 적용함으로써 실제 구현된 것처럼 시뮬레이션 할 수 있는 모형(시제품 / HTML, CSS, 네이버-프로토나우 등)

 

스토리보드 작성 절차

: 전체 개요 작성 -> 서비스 흐름 작성 -> 스타일 확정(레이아웃, 폰트, 색상) -> 메뉴별 화면 설계도 작성 및 상세설계 -> 추가 관련 정보 작성

 

스토리보드 작성 시 유의사항

- 일관된 기호 표시

- 공통 영역의 정의

- 영역별 세부 설계

- 버전 업 관리(ver 1 / ver 2 ...)