[코드스테이츠 PMB부트캠프 17기]

(본 포스팅은 PC 환경에서 보시는 것을 권장합니다.

)

이전에 W4D3에서 공부했던 내용을 정리해 보았습니다.

이제 시간을 내어 이 기사의 2부에서 배운 내용을 적용해 봅시다.

'추천 관련글,

W4D3의 내용이 궁금하시다면 아래 링크를 확인해주세요

03/02/2023 – (PM Beepy) – (Code States PMB 부트캠프 17학년) W4D3_UX 디자인, 와이어프레임 및 프로토타이핑 1부

(코드 상태 PMB 부트 캠프 17학년) W4D3_UX 디자인, 와이어프레임 및 프로토타이핑 파트 1

갑자기…갑자기 감기에 걸렸어요 코맹맹이 소리에 정신이 멍해지네요..ㅠ 암튼 존버야 힘내자…!
개선을 촉진하기 위해 서비스의 제품 콘텐츠, 정보, 단계, 인터페이스, 상호 작용 및 기능을 개선합니다.

chaemrry.tistory.com

과제: 제품의 사용자 행동 경로(User Flow)를 파악한 후 출력(와이어프레임, PRD)을 빌드해 봅니다.

분석할 제품 선택: 캐치 테이블

https://play.google.com/store/apps/details?id=co.kr.catchtable.android.catchtable_app&hl=ko&gl=US

캐치 테이블 – Google Play 앱

전화 없이 간단하게!
핫 레스토랑 예약

play.google.com

https://apps.apple.com/us/app/%EC%BA%90%EC%B9%98%ED%85%8C%EC%9D%B4%EB%B8%94-catchtable/id1485193566

캐치 테이블

■ 200만 명이 넘는 사용자가 선택한 레스토랑 예약 앱 파인다이닝, 힙한 레스토랑 등 5,000개 이상의 레스토랑을 예약할 수 있습니다.

■ 24시간 실시간 예약 날짜, 시간, 인원수 등

apps.apple.com

사용자 흐름:

Catch Table의 주요 기능은 사용자가 원할 때 24/7 레스토랑 예약을 할 수 있다는 것입니다.

그래서 메인 기능에 따라 처음부터 끝까지 사용자 흐름을 그렸습니다.

메인 기능을 충실히 따르기 위해 왼쪽과 같이 페르소나를 설정하여 전 과정을 구현하였습니다.

위의 유저 플로우 이미지에서 “Choose a Date Course”는 5번에 따라 페르소나 스타일이지만, 본질적으로 어떤 주제를 선택하든 따라오는 플로우는 동일하다는 점에 먼저 유의해야 합니다.

개선이 필요한 부분:

1) 로그인

마지막 업데이트 날짜가 2022년 12월 7일이라고 했는데, 이후 구글 플레이 스토어에서 ‘로그인 실패’라는 주제와 관련된 리뷰가 많은 것을 확인했습니다.

저도 캐치차트 앱을 분석하려고 앱을 업데이트하고 오랜만에 접속했는데 로그인을 해보니 위의 이미지처럼 노출되어 당황스러웠습니다.

네이버로 로그인을 시도했는데 이미 등록된 이메일 계정이라 로그인이 되지 않았습니다.

Catch Table을 사용하면 먼저 로그인하지 않고도 앱을 탐색할 수 있습니다.

그래서 처음에는 그냥 포기하고 앱을 보고 앱의 메인과 사용자 흐름을 생각하다가 좋아보이는 맛집을 클릭해서 평점을 보려고 했으나 평점은 로그인한 유저들에게만 보여지더군요 그래서 선택의 여지가 없었습니다.

다시 로그인을 시도했습니다.

전화번호로 로그인을 시도했고 비밀번호도 변경해 보았지만 여전히 로그인이 되지 않았습니다.

그런 다음 몇 번 시도한 후…로그인되었으며 로그인한 상태에서 앱을 볼 수 있었습니다…(우리 뭐 할까??)

플레이스토어 인증 로그인 오류에 대한 불만이 많은데 로그인이 원활하지 않고 간편하지 않다면 분명 UX에 큰 영향을 미칠 것이고 사람들이 떠나는 것을 막을 수는 없을 것 같습니다.

2) 디포 관리

Catch Table을 통해 각 레스토랑은 예약 수수료를 받을지 여부와 얼마를 받을지 결정할 수 있습니다.

하지만 잡아

제품 사용자의 관점에서 제품의 사용자 흐름에서 UX 개선이 필요한 부분(문제가 되는 부분)을 정의하고 분석합니다.

(함수명과 화면을 명확하게 적어주세요.)
3단계의 개선 사항 중 시급한 문제를 선택하고 화면(UI)을 개선할 수 있는 방법을 와이어프레임(모든 도구 또는 손으로 그리는 것이 좋습니다).
개선 사항을 개발한다고 가정합니다.

PRD(WHY 기반 기획서 양식), 1페이지 기획서 출력글을 쓰자(아래의 구성요소를 모두 작성하기는 어려우나 최대한 작성하도록 노력하라. 정답은 없다.

그러니 정리하기 어려우면 어떤 내용을 포함해야 할지 고민해봐도 좋다.

그리고 적어보기. 다음 구성에서는 실제 개발 전에 지원 문서/배포 계획을 작성하고 작업에서 확인만 하고 건너뜁니다.

)

PRD 구성요소

1. 요약 및 배경 : 무엇이 문제이며 왜 중요한가? 계획의 중요성을 확인하거나 강조하기 위해 사용자 연구 콘텐츠를 포함하는 것이 좋습니다.

2. 대상 사용자 : 주요 사용자는 누구이며 이 사용자 그룹이 우리 제품에 중요한 이유는 무엇입니까? (우선 순위를 강조 표시해야 함)

3. 중요한 사용자 여정(CUJ) : 문제를 해결한 후 우리가 정의한 사용자가 제품(기능, 서비스)을 어떻게 사용할 것인지에 초점을 맞추고, 고객의 니즈에 초점을 맞춥니다.

4. 기능 요구사항 : 솔루션에 대한 세부 계획을 작성합니다.

최대한 자세히 적어주시는게 좋습니다.

그러나 특정 솔루션을 강요하지 않도록 주의하십시오.