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

date
Mar 26, 2022
slug
storyboard-overview
status
Published
tags
frontend
Design
mockup
prototype
UIUX
summary
완성해야할 앱서비스와 예상되는 UX를 미리보기 위한 방법론이다.
type
Post

스토리보드

notion image

스토리보드 (동의어 : 화면정의서, 화면설계서, MMI(Man Machine Interface))

디자이너/개발자가 참고하는 최종적인 산출 문서
서비스 구축을 위한 모든 정보가 담겨져있는 문서. 스토리보드를 바탕으로 커뮤니케이션 진행
완성해야할 앱서비스와 예상되는 UX를 미리보기 위한 방법론
구성 :
  • 정책
  • 프로세스
  • 와이어프레임
  • 콘텐츠 구성
  • 기능 정의

와이어프레임 = 골격

notion image
화면 단위의 레이아웃 설계 작업. 서비스의 간략한 흐름을 공유하기 위함.
큰 틀을 디자인하는데에 집중
툴 : 손그림, 파워포인트, 키노트,스케치,일러스트,포토샵 등
  • Layout
  • UI
  • UX

목업

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

프로토타입

notion image
실제 서비스와 흡사한 모형을 만듬. 와이어프레임이나 스토리보드에 인터렉션을 적용함으로 실제 구현된 것 처럼 시뮬레이션. 최종 제품을 미들 피델리티에서 하이 피델리티 사이의 품질로 재현한 것으로, 유저 인터페이스의 상호 작용을 시뮬레이션합니다.
(더 깊게 견고하게 만들 수 있지만, 최대한 단순하게 처음부터 종료까지 핵심 부분, 흐름에 관련된 동작만을 고려하여 만들어짐)

레퍼런스


© jadru 2022 - 2024