싸이 웹기실에서 펌질한 자료입니다.

` 스토리보드란?

원론적으로 제가 이 용어를 처음 접한 것은 91년 학교를 다닐 적입니다. 광고수업에서 CF 기획을 하는데 이 용어를 교수님께서 쓰시더군요. 그땐 '아 씬을 설명할 수 있는 만화그림 같은 것이 스토리보드구나' 했습니다.

이 만화그림 같은 것은 촬영감독과 기사, 배우들과의 커뮤니케이션 역할을 하게됩니다. 이때 중요한 것은 시나리오 작가 혹은 조연출가가 스토리보드만을 가지고 설명할 수는 없다는 점입니다. 모두 대가리를 맞대고 궁시렁 거리면서 그 만화같은 것에 대해 부연 설명을 하기 마련입니다.

그렇다면 부연 설명 할 것을 왜 그리 상세하게 그리는가에 대해 의문도 가질 겁니다.

그 이유는 '기억력' 때문이겠죠. ㅎㅎ

제가 얼마 전 모 프로젝트 PM을 하면서(지금도 진행 중) 프로젝트 3개월이 지난 시점에 기획자를 변경한 적이 있습니다. 짱나더군요. 기획 5년차가 어떻게 저럴수가.. 한심하기도 했고, 이것이 현재 웹에이전시 기획자들의 모습이구나 싶었습니다.

물론 이 글을 보시는 분들 중에서도 스토리보드가 왜 필요한지 또 어느정도까지 해줘야는지 정확한 판단을 하실 분은 없을 겁니다. 그 이유는 각기 다른 웹구축 방법론을 가지고 있기 때문이겠죠.

` 스토리보드를 짱나게 잘 만드는 법

스토리보드는 이해를 위한 스켓치입니다. 그 이해의 핵심은 작업자와 고객일 것입니다.

1. 고객에게 프로젝트 결과물에 대해 사전 이해를 시키기 위한 도구

2. 디자이너, 코더, 플래셔, 프로그래머들에게 이해시키기 위한 도구

이런 목적을 갖고 스토리보드 작업을 해야하며 그 순서는 아래와 같습니다.

가. 사이트 목적에 대한 이해

나. 사이트 컨텐츠/서비스들의 목적에 대한 이해(최종목표, 연관성) 

다. 사이트 I.A 고객확인, U.I기획

라. 컨텐츠 수급

마. 스토리보딩

기획자는 위와 같은 순서로 스토리보드를 그리게 됩니다.

각 단계별 숙지를 하신 후 작업을 진행하는데 '라'번의 경우 보통은 100% 완벽한 상태가 아닌 상태로 진행되죠. 물론 임시 데이터를 입력한 후에 진행하는 것이 기본이지만. 보통은 종합테스트전까지 완료해야 할 부분입니다. 위 '가'부터 '마'까지 각각을 읽어서 이해하기에는 쉬울겁니다. 하지만 다시 학습하고자 하는 분을 위해 각각의 실행 방법론을 적는다면..

아래를 참조하시기 바랍니다.

가. 사이트 목적에 대한 이해

고객사와 요구분석 시기에 고객사 비즈니스에 대해 충분한 인지를 하시기 바랍니다.

물론 대다수의 기획자들이 놓치고 있는 부분이지만 학습을 꼭 해야합니다. 이것을 안하는 기획자와 이것을 하는 기획자는 차이가 큽니다. 물론 대다수의 웹기획자들은 이것을 안합니다. 참 안타까운 일이죠. 고객사의 비즈니스를 공부하셨다면 고객의 니즈를 더 쉽게 파악하실 겁니다. 파악된 니즈분석을 통해 고객사와의 요구분석시기에 대응하신다면, 상당한 만족도를 이끌 수 있습니다. 물론 몇 일간의 학습으로 고객사의 비즈니스를 알기란 매우 힘듭니다. 다만 고객은 그것을 잘 압니다. 이사람이 학습하고 온것인지 아닌지를. 마찬가지로 초기 대응 시 비용을 넘어서는 제안을 할 필요는 없습니다. 다만 고객에게 인식시켜 줌은 필요합니다.  

나. 사이트 컨텐츠/서비스들의 목적에 대한 이해(최종목표, 연관성)

사실 이 부분이 제일 힘든 부분이기도 하며 중요한 부분이기도 합니다. 위 '가' 단계를 훌륭하게 진행했다면 각각의 컨텐츠들의 구성의도와 목표가 분명 할 겁니다. 또한 연계성 구조도 파악되셨을 겁니다. 이 단계부터는 개발자들과 미팅을 가지시길 바랍니다. 물론 '가' 단계부터 개발자와 같이 달릴 수도 있습니다. 사용 컨텐츠를 구성하고, 그룹핑하고 연동유무를 체크합니다. 기획자는 머리속으로 그것들의 최종 흐름을 깨고 있어야 합니다. 그리고 최종적으로 레이블링을 합니다.

다. 사이트 I.A 고객확인, U.I 기획

위에 레이블링된 I.A를 가지고 고객에게 컨펌을 받습니다. 물론 이때 필요한 산출물로는 '서비스기획서' '레이블링설명서' 등이 될 것입니다. 고객이 ok한다면 U.I기획단계로 넘어갑니다. U.I기획에서는 크게 하진 마시고 '메인페이지 구성기획'과 '서브페이지 구성기획'을 하시면 됩니다. 보통 메인/서브페이지 스토리보딩 작업이라고들 하죠. 주의하실 부분은 서브페이지 기획은 가장 중요한 이슈가 될만한 페이지를 기획하시기 바랍니다. 보통은 서브메인, 일반페이지(3,4depth)를 기획합니다.

구성안을 고객에게 컨펌받은 후 디자이너에게 전달하여 시각화 합니다. 고객이 구성안에 컨펌했을 경우 '라','마'단계로 넘어갑니다. 보통 '라'와 '마'단계는 동일한 사람이 진행 할수도 있고, 각기 다른 분들이 맡아 진행하기도 합니다. 또는 '라'단계보다는 '마'단계를 먼저 진행하기도 합니다. 개인적으로는 별 큰 차이가 없다 판단됩니다.

라. 컨텐츠 수급

수급되는 컨텐츠로는 텍스트, 이미지, 기타로 분류됩니다. 텍스트 컨텐츠로는 각 페이지마다 삽입 되어야 하는 문구를 말하며, 이미지 컨텐츠로는 각 페이지마다 삽입 되어야 하는 이미지를 말합니다. 기타로 분류되는 것들은 제작되어야 하는 컨텐츠를 말합니다. all플래시로 들어가는 것들이나 mini pop-up형태의 독립성을 갖는 페이지들을 말합니다. 이처럼 기타 컨텐츠들은 주 사이트 개발에 장애를 주지 않는 것들을 말합니다.

마. 스토리보딩

스토리보드는 위에 말한 것처럼 고객사에게 컨펌받기위한 목적과 개발을 위한 기준 문서 역할이 있습니다. 절대 화려하게 만드시지 마시길 바랍니다. 가장 쉽게 인터페이지스를 구성하시기 바랍니다. 방법은 다양하나 기본적으로는 좌측공간과 우측공간을 9:1 비율로 나누고 좌측공간은 화면설계공간으로 우측공간은 좌측광간에 대한 설명과 위치정보공간으로 활용하시면 됩니다. 메뉴별로 만드는 스토리보드의 첫페이지는 기본정보를 꼭 입력하시길 바랍니다.