스토리 보드 설계하기

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

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

스토리보드의 구성

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

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

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

스토리보드의 화면 스케치

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