FrontendMar 26, 20221 min readUpdated Jun 13, 2022

스토리보드 간단하게 알아보기

완성해야할 앱서비스와 예상되는 UX를 미리보기 위한 방법론이다.

Author

Younggun Park

Frontend engineer and builder · Seoul, South Korea

I'm building Vision AI products at P2ACH AI, writing about frontend systems, AI tooling, and the quiet parts of shipping.

TL;DR

완성해야할 앱서비스와 예상되는 UX를 미리보기 위한 방법론이다.

On this page

스토리보드

디자이너/개발자가 참고하는 최종적인 산출 문서

서비스 구축을 위한 모든 정보가 담겨져있는 문서. 스토리보드를 바탕으로 커뮤니케이션 진행

완성해야할 앱서비스와 예상되는 UX를 미리보기 위한 방법론

구성 :

화면 단위의 레이아웃 설계 작업. 서비스의 간략한 흐름을 공유하기 위함.

큰 틀을 디자인하는데에 집중

툴 : 손그림, 파워포인트, 키노트,스케치,일러스트,포토샵 등

실물과 흡사한 정적인 형태의 모형

실제 서비스와 흡사한 모형을 만듬. 와이어프레임이나 스토리보드에 인터렉션을 적용함으로 실제 구현된 것 처럼 시뮬레이션. 최종 제품을 미들 피델리티에서 하이 피델리티 사이의 품질로 재현한 것으로, 유저 인터페이스의 상호 작용을 시뮬레이션합니다.

(더 깊게 견고하게 만들 수 있지만, 최대한 단순하게 처음부터 종료까지 핵심 부분, 흐름에 관련된 동작만을 고려하여 만들어짐)

FAQ