인생 공략집을 만들자

Design Thinking Process로 분석한 WeEat Delight (3) : MVP 기획 구체화 하기 (UX/UI 개선&개발) 본문

PMB 16기✒️

Design Thinking Process로 분석한 WeEat Delight (3) : MVP 기획 구체화 하기 (UX/UI 개선&개발)

이기홍 2023. 1. 8. 21:10
728x90
반응형

 

MVP기획 : 배송 가능 지역 알림톡 서비스를 구체화해보자.

 

 

 

오늘은 지난 글을 통해 고안했던  MVP기획 : 배송 가능 지역 알림톡 서비스를 구체화해보겠습니다. 이 MVP가 제작될 수 있도록 요구사항 정의서를 작성하고 이를 바탕으로 와이어프레임과 스토리보드를 제작하는 방식으로 만들어 보았습니다. MVP기획 : 배송 가능 지역 알림톡 서비스에 대한 자세한 내용은 지난글을 통해 확인할 수 있습니다.

 

지난글 보기 ↓↓↓

더보기

2022.12.23 - [PMB 16기] - Design Thinking Process로 분석한 WeEat Delight

 

Design Thinking Process로 분석한 WeEat Delight

앞서 연습해본 Design Thinking Process에 따라 프로덕트를 분석해보고 어떤 개선점을 찾을 수 있을지 진행해 보겠습니다. 저는 푸드 딜리버리 분야에 많은 관심을 가지고 있습니다. 푸드 딜러비리는

lkhh.tistory.com

 

2022.12.31 - [PMB 16기] - Design Thinking Process로 분석한 WeEat Delight (2) : MVP

 

Design Thinking Process로 분석한 WeEat Delight (2) : MVP

2022.12.23 - [PMB 16기] - Design Thinking Process로 분석한 WeEat Delight 새로운 기능의 MVP Design Thinking Process로 분석해본 WeEat Delight에서 정의한 문제 수도권 외 서비스 지역이 한정되어 있음(일부 지역은 사용

lkhh.tistory.com

 

 

 

 

요구사항 정의서

 

 

 

배송 지역 알림톡 요구사항 정의서

 

 

개발자,디자이너가 서비스에 대한 개요를 확인하고 해당 MVP가 어떤 목표를 가지고 출시되는지 알 수 있도록 전체적인 서비스 흐름과 필요한 기능을 리스트업했습니다. 최소 기능과 최소한의 리소스만을 활용하기 위해 새로 만들어야 할 페이지는 신청페이지 하나 뿐이며 배송 지역 알림톡 서비스 안내 텍스트를 기존 서비스 가능 지역 영역에 노출해 신청페이지로 안내하는 방안으로 MVP를 기획했습니다. 추가로 구독 중 배송지 입력 과정에서 배송지 불가 영역을 입력할 경우 새로 팝업창을 띄워 배송 지역 알림톡 신청 페이지로 유도하는 방법도 같이 작성하였습니다. 해당 내용은 링크로도 확인 가능합니다.

 

 

https://docs.google.com/spreadsheets/d/1S8SYx8vdHQfcPPZ_-IWCGLk8g6eTq9gLdi-dcQGNlNQ/edit?usp=sharing 

 

배송 지역 알림톡 : 요구사항 정의서

시트1 구분,서비스(메뉴),필요 기능,기능 설명,서비스 이용 흐름,레퍼런스,우선순위 사용자,배송 지역 알림톡 신청하기,안내 문구,- 서비스 가능 지역 안내 영역 하단에 배송 지역 알림톡 서비스

docs.google.com

 

 

 

정보 구조도

 

 

 

 

 

WeEat Delight의 정보계층구조도 입니다. 제가 임의로 작성한 구조도이기 때문에 실제 정보계층구조도와 다를 수 있습니다. 어플을 쓰지 않고 있으며 웹에서 홈화면의 의존도가 높은 허브 앤 스포크 패턴을 가지고 있습니다. 메인 화면을 중심으로 아래로 스크린하면서 서비스를 이용하는 방식입니다. 이번에 MVP로 만들 배송 지역 알림톡이 들어갈 공간은 하늘색으로 채워 표시했습니다.

 

https://docs.google.com/spreadsheets/d/1duEfHrWxMFprcNNgymSs-_XgnbWaTJFTuEDC_xsbUfs/edit?usp=sharing 

 

배송 지역 알림톡 : 정보구조도

시트1 분류,1 Depth,2 Depth,3 Depth,Description,디자인,퍼블리싱,개발,Form MAIN,Home,점심 구독하기,- 점심 구독 안내 텍스트 - 점심 구독하기 버튼 - 메뉴 보고 신청 / 메뉴 안보고 신청방식 분류 - 메뉴선택 /

docs.google.com

 

 

 

 

와이어프레임

 

 

 

 

 

 

기존 이미 존재하는 페이지(서비스 가능지역,배송지 추가)에 배송 지역 알림톡 서비스에 대한 안내를 추가하고 신청 버튼을 통해 새로 만든 배송 지역 알림톡 신청페이지로 안내합니다. 요구사항 정의서에는 생략되어 있던 구체적인 텍스트와 이미지 배치를 구체화 하여 와이어프레임을 만들었습니다. 전체적인 흐름은 아래 프로토타입 시연 영상으로 자세히 확인 가능합니다.

 

 

 

서비스 가능지역 -> 배송 지역 알림톡 신청 페이지
배송지 추가 페이지 -> 배송 지역 알림톡 신청 페이지

 

 

 

 

 

스토리보드

 

 

 

 

배송 지역 알림톡 안내를 서비스 가능 지역의 어느 부분에 노출할 것인지 어떤 문구를 사용할 것인지 설명을 덧붙였습니다.

 

 

 

 

배송 지역 알림톡 신청페이지 스토리보드입니다. 서비스 안내와 혜택을 구체적으로 설명하고 고객 정보를 수집할 수 있도록 작성했습니다.

 

 

 

배송 불가 팝업창 스토리보드입니다.

 

 

전체적으로 브랜드 마스코트, UX Writing 디자인컨셉을 유지하는 방안으로 스토리보드를 작성했습니다.자세한 이미지는 아래 링크를 통해 확인할 수 있습니다.

 

 

https://docs.google.com/presentation/d/1nampFn6yTT1wXrADOvzZnKD3btPjlTK6cOC8swTIKYA/edit?usp=sharing

 

배송 가능 지역 알림톡 : 스토리보드

1 2 4 3 5

docs.google.com

 

 

 

 

앞선 포스팅에서 배웠던 UX/UI 개념을 실제로 적용하면서 WeEat Delight의 MVP를 구체화해보았습니다. 실제로 결과물을 만들면서 부족한 점이 많이 느껴지는 과정이었으며 계속 같은 작업을 진행하면서 부족한 점을 매꿔나가야겠습니다.

반응형
저작자표시 (새창열림)

'PMB 16기✒️' 카테고리의 다른 글

세상의 모든 안식처로 당신을 안내합니다 : 블림프로 보는 AARRR 분석  (0) 2023.01.10
그로스해킹 : 누구나 가슴속에 삼천원쯤은 있다. [코드스테이츠 PMB 16기 ]  (0) 2023.01.09
코드스테이츠 PMB 16기 : 피그마를 이용해 와이어프레임 만들기(스토리보드, 유저스토리,UX라이팅) #KFC KOREA  (0) 2023.01.05
코드스테이츠 PMB 16기 : 서비스의 UX / UI 개선 분석 해보자 #여다  (0) 2023.01.04
코드스테이츠 PMB 16기 : 앱 리뷰 분석해보자 #여다  (0) 2023.01.03
'PMB 16기✒️' Related Articles more