사용자에게 딱! 맞는 숙소 찾기
일러스트 메인 이미지 일러스트 그림자 이미지
물결 이미지



Brand

야놀자는 국내 숙박 어플리케이션 상위권에 위치한 브랜드로,
단순 숙박 외에도 레저, 여가, 오프라인 서비스 등 다양한 분야로의 확장에 노력하고 있다.

Our Mission

밤새 술마시고 떠들고 싶을 때,
친구들과 한껏 꾸미고 파티를 하고 싶을 때,
밤새 과제를 해야할 때 등

개개인의 특성이 강한 20대 사용자들이 앱을 사용하는 목적은 다 다르다.

" 어떻게 하면 원하는 목적과 분위기에 맞는 숙소를 빠르고 쉽게 찾을 수 있을까? "

물결 이미지 1 물결 이미지 2


Brand Research 현재의 야놀자는 국내 사용자도 처음에는 사용하기 어려운 구조로, 복잡하고 숨겨진 UX를 가지고 있다.

사용자에게 필요한 정보를 직관적으로 제공하지 않는다.




물결 이미지 1 물결 이미지 2

Research Analysis

어떻게 하면
목적이 확실한 사용자가
원하는 숙소를 쉽게 찾을 수 있을까?






Persona
천윤지 (24)
프리랜서 영상 편집자, 브이로거
[vlog일상편] 야간 작업을 위해
회사 근처 호텔에서 숙박했어요
[vlog휴식편] 서울 마포구 호텔에서
호캉스 보내기
[vlog여행편] 친구들과 춘천으로
여행을 다녀왔어요
[vlog일상편] 프리랜서 영상편집자의
일상 로그
[vlog생일편] 파티룸에서 친구들과
생일파티했어요

숙소 예약은 주로 야놀자로!
이벤트 때문에 사용하긴 하지만.. 숙소 찾기로는 그닥..










UT

현재 야놀자는 지역만 선택하면 바로 결과를 볼 수 있는 구조로
검색 결과를 본 후에 날짜, 인원등을 설정해야한다.

Process
숙소 검색 과정 화면
숙소 검색 결과 화면
숙소 상세 화면
기존의 야놀자
홈 (숙소 유형)
지역 선택
검색 결과

자신에게 맞는 조건을 하나하나 선택하여
원하는 숙소를 찾아야하는 구조

수 많은 검색결과들!
어디서 무엇을 할지는
이미 다 정했는데요?

Q.

'지역-날짜-인원'

숙소 예약 전                                을 한번에 먼저 선택한다면
사용자는 현재보다 더 간결한 숙박 예약 과정을 가질 수 있지 않을까?

1차 시도)
지역 선택
날짜
인원
검색 결과
상세 필터
바로 이렇게…
UT 결과

* UT진행 후 진행자들의 답변을
   바탕으로 정리한 내용입니다.

24세 / 남성 / 직장인
처음 과정은 확실히 줄었는데..
23세 / 여성 / 대학생
숙소 결과에서
이리저리 설정하는게 없어져서 좋아요!
24세 / 여성 / 취직준비생
원하는 숙소를 찾기 위해서는
결국 필터로 찾아봐야할거 같아요.
숙소찾기 시작에서의 번거로움은 줄일 수 있었으나..
여전히 사용자는 원하는 숙소를 찾기 위해 탐색 해야한다.





Q. 어떤 조건을 추가하면 나에게 더 맞는 결과를 볼 수 있을까?

그렇다면, ‘지역, 날짜, 인원’과 ‘목적(테마)’을 먼저 선택한다면,
정확하게 간추려진 검색결과로 숙소를 예약할 수 있을 것이다!

2차 시도)
목적 (테마)
지역
날짜
인원
검색 결과
상세 필터
결과를 보기 전, 간단하게
설정할 수 있도록 설계
명확한 데이터들을 제공
23세 / 여성 / 대학생
목적이 필터링 역할을 해주어서
쉽게 찾을 수 있었어요.
24세 / 여성 / 취직준비생
이미 선택지가 아닌건 제외하고
결과를 볼 수 있다는게 편해요.
24세 / 남성 / 직장인
숙소 결과에서 어차피 필터를 쓸거니까
초반에 선택하는 것도 좋네요!
24세 / 여성 / 대학생
중간에 목적을 한번 선택하고
간다는 점이 명확해서 좋았어요.
사용 목적이라는 선택지를 예약 과정에 추가한 후의 결과 화면이
기존의 결과 화면보다 명확하고 검색결과도 적었으며,
필요 데이터를 입력하는 과정도 더 간단했다.




UT Analysis
*기존 야놀자의 검색 결과 값과 특정 목적을 필터로 검색하여
나타난 검색 결과들을 비교해본 결과 값 (오차가 있을 수 있습니다)

사용목적 페이지 추가

Insight
1. 필요 데이터를 입력하는 과정의 단순화
2. 기존 결과화면 보다 명확한 검색결과
번거로움은 줄이고 결과는 정확하게!









Interface

01

메인화면

빠른 접근이 가능하도록 ‘야놀자’의 메인화면 내에
목적이 확실한 사용자를 위해 ‘나만의 맞춤 숙소찾기’
버튼을 배치하였습니다.

02

나만의
맞춤 숙소 찾기

숙소 결과들이 무분별하게
나열되는 것을 방지하기 위해
'나만의 맞춤 숙소 찾기'기능을
추가하여 사용 '목적'을 한번
선택할 수 있게 하였습니다.

사용 목적은 숙소를 예약하는 사람들이
가장 대중적이고 많이 사용하는 경우를 고민하여 6가지를 선정해 디자인 하였습니다.

▶   지역선택

또한,
사용자가 최대한 결과 화면에
집중하도록 맞춤 숙소화면 내에서
지역, 날짜, 인원을 선택할 수 있게
구성하였습니다.

▶   날짜선택

▶   인원선택

03

검색 결과

숙소 예약의 효율을 높이기 위해 추가적으로 결과 화면 내의 불필요한 콘텐츠들을 제거하고
오직 정보에 집중할 수 있도록 화면을 재구성하였습니다.

Before

After

Scroll

1.
공간을 활용하여 목적에 맞는 그래픽 요소를 더하고
사용자의 경로 이탈을 최대한 줄였습니다.

2.
가장 필요한 정보만 배치하여 한 화면 내,
많은 정보들을 볼 수 있도록 하였습니다.

Before

After




04

필터

정렬과 같은 중복되는 기능을 제거하고 필터내용을 재정의하였습니다.
기존의 야놀자가 테마로 무분별하게 나열한 아이콘을 업소내 시설, 객실 내 시설로 분류하고
동일한 성격의 아이콘을 제거하는 작업을 진행하였습니다.

Before

After



이제 원하는 숙소도
목적에 맞게 야놀자로 찾자!