스토리보드와 프로토타입

스토리보드와 프로토타입

스토리보드 개념

출처 - pinterest

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

디자이너와 개발자가 최종적으로 참고하는 산출 문서이며 UI 화면 설계를 위해서는 와이어프레임, 스토리보드, 프로토타입이 활용된다.

UI 화면 설계 구분

와이어프레임(WireFrame) : 이해 관계자들과의 화면 구성을 협의하거나 서비스의 간략한 흐름을 공유하기 위해 화면 단위의 레이아웃을 설계하는 작업

스토리보드(Storyboard) : 책이나 프로세스 및 콘텐츠의 구성, 와이어 프레임, 기능에 대한 정의, 데이터베이스의 연동 등 서비스 구축을 위한 모든 정보가 담겨 있는 설계 산출물

프로토타입(Prototype) : 정적인 화면으로 설계된 와이어프레임 또는 스토리보드에 동적 효과를 적용하여 실제 구현된 것처럼 시뮬레이션 할 수 있는 모형

프로토타입의 개념과 의의

프로토타입은 컴퓨터 시스템이나 소프트웨어의 설계 또는 성능, 구현 가능성, 운용 가능성을 평가하거나 요구사항을 좀 더 잘 이해하고 결정하기 위하여 전체적인 기능을 간략한 형태로 구현한 시제품이다.

사전에 프로토타입을 먼저 제작하고 이를 기반으로 UI의 적정성을 평가하고 수정 보완함으로써 추후 발생 가능한 오류들을 사전에 방지하는 효과가 있다.

시스템 설계 및 개발에 소요되는 총 비용과 노력을 절감할 수 있다.