[1. 소프트웨어 설계] 스토리보트, 와이어프레임, 프로토타입

스토리보드(Stroyboard)란?

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

: 디자이너와 개발자가 최종적으로 참고하는 산출 문서

 

UI 화면 설계

1) 와이어프레임(Wireframe)

: 이해관계자들과의 화면 구성을 협의하거나 서비스의 간략한 흐름 공유를 위해 화면 단위의 레이아웃을 설계

: 도구 - 파워포인트, 키노트, 스케치, 일러스트

 

2) 스토리보드(Storyboard)

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

: 도구 - 파워포인트, 키노트, 스케치

 

3) 프로토타입(Prototype)

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

: 도구 - HTML/CSS