[MVP UI/Prototype 설계] 3. UI 디자인, 컴포넌트

[과제] 사용자 문제를 해결할 수 있는 MVP UI와 프로토타입 설계

[주제] 중고거래 앱의 '상품 상세 → 거래 요청 → 대화 시작' 흐름

 

 

UI 디자인

와이어프레임을 기반으로 UI 화면을 디자인하였다.

"사용자는 빠르게 거래를 완료하고 싶다"라는 목적에 따라 불필요한 채팅을 최소화할 수 있는 UI를 설계하였다.

 

 

➀ 최소한의 페이지로 사용자의 목적을 완수할 수 있도록 구성

 

[상품 상세 페이지] 판매자는 거래 방식을 등록

[거래 방식 선택 페이지] 구매자는 채팅 전, 미리 거래 방식을 선택하여 번거로운 채팅을 줄임

[채팅 페이지] 거래 방식에 적합한 자동 입력 텍스트 제공으로 채팅 작성 과정 최소화

>> 빠른 거래 유도

 

 

➁ 화면에 필요한 요소들 컴포넌트화

 

 

➂ 사용자 행동에 맞춰 화면이 자연스럽게 연결되도록 추가 페이지를 설계