데일리호텔 호텔/레스토랑 업장 상세 UX 개선

2018.03월 - 2018.05월 | 프로덕트 디자이너

Overview

데일리호텔은 숙박과 레스토랑 예약 서비스를 제공하는 서비스입니다. 업장 상세 화면이 제일 많이 이탈하는 화면 중 하나라는 GA 데이터 확인 후, 사용자들에게 더 나은 예약 경험을 제공하기 위한 UX 개선 프로젝트를 진행하였습니다.

 

My Role

UX 설계: 60% + UI 디자인: 50%
참여 인원: 디자이너 2명, PM 1명

저를 제외한 디자이너 1명과 문제점을 분석하고 다양한 UX 아이데이션을 협업하며 진행하였습니다. 전체적인 플로우는 같이 논의하며 잡았고 저는 업장 상세 화면 전반적인 구조 설계를 하였으며, 협업 디자이너는 룸 리스트쪽에 집중적으로 참여하였습니다. 개발 단계에서는 최적화된 경험을 제공하기 위해 개발자들과 적극적인 소통을 하며 협업하였습니다.

 

화면 이탈에 영향을 주는 기존 플로우

💁🏻‍♀️날짜 변경에 따른 객실을 즉각적으로 확인하고 싶어요.

확인한 데이터 — 업장상세 화면에서 클릭율이 1, 2번째로 제일 높은 곳은 ‘날짜 선택’과 ‘객실 선택’ 버튼이였습니다.

발견한 문제 — 날짜 팝업에서 날짜 선택 후 예약 가능한 객실을 확인하려면 여러번의 단계를 거쳐 확인할 수 있었습니다.

개선 포인트 — 날짜 선택에 따라 즉시 객실을 확인 할 수 있게 사용성 개선을 진행하기로 하였습니다.

daily_booking1.png
 
💁🏻‍♀️객실에 대한 정보 확인을 해당 화면에서 하고 싶어요

확인한 데이터 — 객실 선택 팝업에서 30%가 팝업을 닫고 이전 화면인 업장 상세로 돌아가는걸 확인하였습니다.

발견한 문제 — 객실에 대한 상세 정보를 확인하기 위해서는 업장상세로 돌아가 정보 소비를 해야했습니다.

개선 포인트 — 객실 선택을 할때 객실 상세 정보를 확인할 수 있게 사용선 개선을 진행하기로 하였습니다.

 

리서치를 통한 발견

daily_booking3.png

#1. 리뷰와 쿠폰 다운로드 버튼도 클릭율이 높은 편 — 객실과 날짜 선택 다음으로 클릭율이 높은 편이였고, 쿠폰 다운로드와 리뷰에 있어 개선 포인트들을 추가로 이후 고민을 할 수 있었습니다.

#2: 쿠폰을 다운받고 리뷰를 확인한 유저들의 결제전환율 또한 높은 편 — 일반 유저들에 비해 리뷰를 확인한 유저들의 구매전환율이 20%가 더 높은 편이였고, 쿠폰 다운로드를 한 유저들의 구매전환율 또한 다른 메뉴들에 비해 월등히 높았습니다. 쿠폰 사용시 평균 구매주기가 일반 사용자 보다 높은 편이라는 인사이트 또한 얻게 되어 쿠폰과 리뷰 영역을 목적에 맞게끔 더 고도화시켜 적용하기로 하였습니다.

  최종 솔루션 주요 하이라이트

UX POINT #1
객실 선택 플로우 최적화
 

#1. 날짜 선택에 따른 즉각적인 객실 확인 가능

선택한 날짜에 대한 객실을 즉시 확인할 수 있도록 기존 객실 선택 팝업을 없애고 미리보기 리스트 형태로 업장 화면에 직접적으로 노출하는 방향으로 구조를 재설계하여 플로우 변경을 하였습니다.

daily_booking4b.png
 

원하는 객실을 더 세분화해서 찾을 수 있도록, 객실 필터 버튼을 날짜 선택 버튼 옆에 두어 원하는 베드타입과 객실 내 시설을 필터링 할 수 있도록 사용성 개선을 하였습니다.

daily_booking4.png
 

릴리즈된 업장화면 내 객실 리스트는 이렇게 생겼어요!

 
 
 

#2. 업장과 함께 묶여 있던 객실 정보를 별도 DB로 분리

기존에는 업장과 객실 정보가 하나의 DB로 묶여 있어 객실 선택 팝업에서 객실에 대한 정보를 보기 위해서는 다시 업장화면으로 돌아가야 되는 번거로움이 있었습니다. 이번 개편때는 DB를 별도로 분리하기로 하여 PM과 논의하여 백앤드와 협업을 하였으며, 어떻게 정보를 나누어줄지에 대해 논의를 하여 객실 정보는 개별 객실 상세화면에서 확인할 수 있게 정보 흐름 개선을 할 수 있었습니다.

daily_booking5b.png
 

#3. 좌우 스와이프를 통해 쉽게 비교할 수 있는 객실

업장 화면에서 다른 객실을 보기 위해 왔다 갔다하는 뎁스 또한 줄이기 위해, 객실상세 화면에서는 객실 선택 경험을 캐로솔 형태로 설계하여 다양한 객실 패키지 타입을 한 화면에서 비교할 수 있도록 사용성 개선을 하였습니다.

daily_booking6.png
 

릴리즈된 객실 상세 화면은 이렇게 생겼어요!

 
 

UX POINT #2
리뷰와 쿠폰 정보 강화
 

일반 유저들에 비해 리뷰를 확인한 유저들의 구매전환율이 20%가 더 높다 라는 인사이트를 바탕으로, 제일 높은 평점을 갖고 있는 리뷰 중 긍정 리뷰 하나를 미리보기 형태로 노출해주어 해당 업장 예약을 유도하였습니다.

기존 리뷰 미리보기

기존 리뷰 미리보기

릴리즈 후 리뷰 미리보기

릴리즈 후 리뷰 미리보기

 

운영팀과 초반 과정에 논의를 하다 업장에 대한 좋은 딜이나 밀고 싶은 룸 패키지 상품이 있을 경우 노출해 줄 공간이 마땅히 없다보니 업장과 객실 정보 쪽에 이런 혜택 정보도 혼재해서 작성하고 있다는걸 알게 되었습니다. 해당 니즈를 파악하여 업장 혜택이라는 구좌를 만들어 이 안에 쿠폰 다운로드 버튼과 혜택에 대한 정보를 강조해줄 수 있도록 디자인 개선을 하여 사용자들에게 조금 더 합리적인 금액으로 업장 예약을 할 수 있도록 경험 개선을 하였습니다.

기존 쿠폰 다운로드 영역

기존 쿠폰 다운로드

릴리즈된 업장 혜택 영역

릴리즈된 업장 혜택 영역

 

릴리즈 후 성과

 

상세화면 이탈율 1.5배 정도 감소, 해당 화면을 통한 최종 결제완료까지의 전환율은 개선 전 대비 하락폭이 확인되지 않았고 구매 전환율이 소폭 상승하였습니다.

 

 

다른 프로젝트도 둘러보세요