스토리보드 설계

디자인 가이드를 위한 스토리보드

스토리보드(Storyboard)란 본래 영화나 애니메이션, 광고와 같은 영상매체를 만들기 전, 주요 장면을 사진 혹은 일러스트와 같은 시각적 형태로 정리해 놓은 문서를 의미하며, 영상매체를 제작하는 과정에서 스텝들 간의 원활한 의사소통을 하기 위해 제작된 문서이다

스토리보드의 구성

• 스토리보드는 표지, 개정 이력, 화면 설계, 서비스 흐름도의 구성으로 하며, 프레임의 사용 여부와 메뉴의 구성 위치, 콘텐츠의 위치 등 전체적인 화면 구성을 보여 주어야 한다. 이 때 메뉴 구성을 포함한 페이지의 구성은 디자인 요소 중 아주 중요한 부분을 차지하게 된다.
• 각 페이지의 정보를 요약하며, 저장될 디렉터리, 파일 이름, 페이지 타이틀 등을 메모하듯이 작성한 후 링크 정보를 정리하여 작성하고 다양한 방법으로 후반 작업에 유리하도록 작성하고, 스크립트 기능, ASP나 PHP 등의 프로그램을 표시하고, 그 기능을 적는다.

스토리보드의 서비스 흐름도

• 표지와 사이트 구조도를 작성한다. 사이트 구조도는 의뢰자가 요청한 내용과 제작자의아이디어, 벤치마킹을 통한 개선 부분, 최근 인터넷의 흐름 등 기획적인 요소를 복합적으로 고려하여 작성한다. 사이트 구조도를 작성할 때에는 우선 페이지 내에 들어가야 할 모든 내용을 나열한 다음 콘텐츠의 특성에 따라 그룹화하고, 이를 트리 구조로 엮어 완성한다.
• 사이트 맵을 작성하는데, 이는 스토리보드의 목차 역할을 한 다음 웹 사이트 제작의 기초가 된다. 이 사이트 맵에는 기획된 모든 페이지를 구성한다

스토리보드의 화면 스케치

스토리보드 화면을 스케치할 때에는 디자인적 요소를 표현하는 것이 아니라 페이지에 노출되는 정보, 즉 주요한 구성요소가 표현되도록 하며 제작자의 의도가 정확하게 전달될 수 있도록 자세하게 작성하는 것이 중요하다. 스토리보드는 화면 설계와 더불어 화면 설명이 매우 중요하다. 즉, 실질적인 페이지 디자인 작업을 수행하기 위해 각 페이지의 구성 요소에 대해 설명이 반드시 명시되어야 한다. 스토리보드는 다양한 기능 및 콘텐츠 등 최대한 상세한 정보를 나타내야 하며, 화면 설명으로만 부족할 때에는 보다 자세한 설명을 위하여 별도의 서비스 프로세스 페이지가 필요하다