스토리보드는 원래 영화나 cf 제작에 있어서 필요한 문서를 말하는 것이였습니다.이 부분이 웹사이트를 만드는데 필요한 상세한 부분을 문서로 만들어 놓는 스토리보드로변형이 된거죠. 이 스토리보드라는게 사이트를 제작할때 하나의 양식으로만 되어 있는것이 아니라 여러가지종류로 구별이 됩니다. 상세하게는 스토리보드전 들어가는 개발 시나리오나 유저시나리오도 포함되지만그건 서비스기획에 넣어서 설명드리고 일반적인 스토리보드라고 명명되어지는 부분만 설명드립니다. 크게 4가지로 구분할 수 있습니다. 1. 영역정의스토리보드 2. 시안용 스토리보드 3. 간략스토리보드 4. 세부스토리보드 1. 영역정의 스토리보드 처음 스토리보드를 구상할때 나오는 부분입니다.기본적으로 프래임을 나눌지 몇단으로 구성할지 좌측에는 어떤 영역을 넣을지 큰 틀을 잡아주는 역할을 합니다. 또한 가장 핵심 포인트 요소나 중요 표인트를 표시해줌으로써 기획시 중점을 두는 부분을 표현해 줄 수 있습니다. 2. 시안용 스토리보드 사이트 메인 시안을 만들고자 할때 제작되어지는 스토리보드로 상세 스토리보드와는 달리 메인과 기본서브 한장만으로 구성되어 집니다. 시안용 스토리보드의 핵심은 구성입니다. 내용이나 세세한 것들보다는 핵심 서비스의 위치나 요소 영역, 중요도 표시등 큰 가이드를 잡아서 디자이너가 문서를 통해 감을 잡을 수 있도록 해주는게 좋습니다. 특히 이때 사이트맵과 디자인적인 컨셉 사이트 컨셉이 함께 나와주면 앞으로의 작업을 미리 예측 할 수 있어서 디자인시더욱 좋은 퀄리티를 내줄 수 있습니다. 3. 간략 스토리보드 아주 간단한 사이트를 만들꺼나 작업자와 잘 아는 사람들과 작업할때 이용되어지는 스토리보드입니다. 상세하고 세세한 내용이 나오지 않고 간략하고 중요한 정보만을 제공합니다. 이는 사이트기획적 요소 없이 디자인적 요소만을 강조하는 디자인리뉴얼시에도 이용할 수 있습니다. 또한 디자인적 요소가 많이 들어간 사이트제작에 큰 도움이 됩니다. 상세한 기획적 요청은 디자인의 창의성을 떨어트릴 수 있기 때문입니다. 또한 항상 들어가는 메뉴라 기본구성요소만 설명해주는 부분도있습니다. (예를들어 자유게시판 공지사항 게시판, 회원가입 관련 요소등과 같은 자주쓰는 메뉴들은 어떤 기능이 들어간다는 설명만으로도 디자이너나 개발자가 작업할수 있습니다.) 4. 세부 스토리보드 시안작업이 끝나고 확정이되어서 본격적으로 사이트를 제작할때 필요한 스토리보드입니다. 세부 스토리보드는 기능에 대한 설명 링크 페이지 이름 표시 및 연결 페이지 팝업이나 알림 오류창등도 상세하게 나와주어야 합니다. 이를 통해 작업자들이 빠르게 작업할 수 있는 기반을 마련해주고 빠진 부분을 손쉽게 채크할 수 있도록 해주어야 합니다.
[실무]스토리보드의 종류
이 부분이 웹사이트를 만드는데 필요한 상세한 부분을 문서로 만들어 놓는 스토리보드로
변형이 된거죠.
이 스토리보드라는게 사이트를 제작할때 하나의 양식으로만 되어 있는것이 아니라 여러가지
종류로 구별이 됩니다.
상세하게는 스토리보드전 들어가는 개발 시나리오나 유저시나리오도 포함되지만
그건 서비스기획에 넣어서 설명드리고 일반적인 스토리보드라고 명명되어지는 부분만 설명드립니다.
크게 4가지로 구분할 수 있습니다.
1. 영역정의스토리보드
2. 시안용 스토리보드
3. 간략스토리보드
4. 세부스토리보드
1. 영역정의 스토리보드
처음 스토리보드를 구상할때 나오는 부분입니다.
기본적으로 프래임을 나눌지 몇단으로 구성할지 좌측에는
어떤 영역을 넣을지 큰 틀을 잡아주는 역할을 합니다.
또한 가장 핵심 포인트 요소나 중요 표인트를 표시해줌으로써
기획시 중점을 두는 부분을 표현해 줄 수 있습니다.
2. 시안용 스토리보드
사이트 메인 시안을 만들고자 할때 제작되어지는 스토리보드로
상세 스토리보드와는 달리 메인과 기본서브 한장만으로 구성되어 집니다.
시안용 스토리보드의 핵심은 구성입니다.
내용이나 세세한 것들보다는 핵심 서비스의 위치나 요소 영역, 중요도 표시등 큰 가이드를 잡아서 디자이너가 문서를 통해 감을 잡을 수 있도록 해주는게 좋습니다.
특히 이때 사이트맵과 디자인적인 컨셉 사이트 컨셉이 함께
나와주면 앞으로의 작업을 미리 예측 할 수 있어서 디자인시
더욱 좋은 퀄리티를 내줄 수 있습니다.
3. 간략 스토리보드
아주 간단한 사이트를 만들꺼나 작업자와 잘 아는 사람들과 작업할때 이용되어지는 스토리보드입니다. 상세하고 세세한 내용이 나오지 않고 간략하고 중요한 정보만을 제공합니다.
이는 사이트기획적 요소 없이 디자인적 요소만을 강조하는 디자인리뉴얼시에도 이용할 수 있습니다.
또한 디자인적 요소가 많이 들어간 사이트제작에 큰 도움이 됩니다.
상세한 기획적 요청은 디자인의 창의성을 떨어트릴 수 있기 때문입니다.
또한 항상 들어가는 메뉴라 기본구성요소만 설명해주는 부분도있습니다. (예를들어 자유게시판 공지사항 게시판, 회원가입 관련 요소등과 같은 자주쓰는 메뉴들은 어떤 기능이 들어간다는 설명만으로도 디자이너나 개발자가 작업할수 있습니다.)
4. 세부 스토리보드
시안작업이 끝나고 확정이되어서 본격적으로 사이트를 제작할때 필요한 스토리보드입니다.
세부 스토리보드는 기능에 대한 설명 링크 페이지 이름 표시 및 연결 페이지 팝업이나 알림 오류창등도 상세하게 나와주어야 합니다.
이를 통해 작업자들이 빠르게 작업할 수 있는 기반을 마련해주고
빠진 부분을 손쉽게 채크할 수 있도록 해주어야 합니다.