STUDY/기획

[용어] 와이어프레임_스토리보드_프로토타입

sorrow16 2021. 5. 3. 10:33

 

 

와이어프레임(Wireframe)

와이어프레임은 화면 단위의 레이아웃을 설계하는 작업입니다.. 의사소통 관계자들과 레이아웃을 협의하거나 서비스의 간략한 흐름을 공유하기 위해 사용하며, UI, UX 설계에 집중되어 있습니다.


스토리보드(Storyboard)

디자이너/개발자가 참고하는 최종적인 산출물로써 정책, 프로세스, 콘텐츠 구성, 와이어프레임(UI, UX), 기능 정의, 데이터베이스 연동 등 서비스 구축을 위한 모든 정보가 담겨 있는 문서입니다. 현업에서는 해당 문서를 바탕으로 커뮤니케이션을 진행합니다.


프로토타입(Prototype)

프로토타입은 실제 서비스와 흡사한 모형을 만드는 작업입니다.. 정적인 화면으로 설계된 와이어프레임 또는 스토리보드에 인터랙션(동적 효과)을 적용함으로써 실제 구현된 것처럼 시뮬레이션 할 수 있으며, 단시간에 구현이 가능하기 때문에 사용자 경험에 대한 테스트를 진행해 볼 수 있습니다. 이를 통해 설계 단계의 리스크를 사전에 예방할 수 있습니다.