<aside> 📊 안녕하세요, 첫 주제 아이디어를 실체로! - 와이어프레임 / 프로토타입 / 플로우 차트는 본격적으로 앱런칭 프로젝트 개발과 디자인을 시작하기 전 아이디어 구체화 단계를 마무리해야 할 팀장님들을 위한 주제입니다.

기획자가 디자이너와 앱을 어떻게 만들어나갈지 소통할 도구이자, 우리 앱의 프로세스를 사람들에게 소개해줄 수 있는 도구인 와이어프레임, 프로토타입, 플로우 차트를 소개하려고 합니다.

UMC 일정 기준으로 🗓️7월 4일🗓️부터 본격적으로 개발을 시작하는데요! 그 전에 와이어프레임, 프로토타입, 플로우 차트를 만들면서 앱의 방향을 잡고 디자인 초안을 확정지으면 좋을 것 같습니다!

</aside>

🎬 목차 🎬

와이어프레임이란?

와이어프레임을 제작하는 주요 목적

와이어프레임 제작 팁

와이어프레임 예시

프로토타입이란?

프로토타입의 모양

프로토타입을 제작하는 주요 목적

User Flow

Flow Chart

User Flow를 사용하는 이유

플로우차트 예시

🎞️ 와이어프레임

와이어프레임은 제품을 구성하는 서로 다른 레이아웃을 정적인 로우 피델리티 상태로 재현한 것, 쉽게 말해 간단한 모양만으로 인터페이스를 시각적으로 묘사한 것입니다.

와이어프레임은 구조, 콘텐츠, 기능을 설명하는데 사용됩니다.

와이어프레임은 용도 측면에서 건축 청사진과 유사합니다. 건축 설계 청사진을 보면 각 방마다 특정한 공간이 할당되어 있는 것은 알 수 있지만, 완성된 집은 확인할 수 없습니다.