brunch

You can make anything
by writing

C.S.Lewis

by 켈리폴리 Jul 04. 2021

요기요 UX - 유저 리뷰와 할인혜택에 집중한 배달 앱

요기요 UX/UI 분석

음식 배달 앱 요기요 어떤 UI/UX를 가지고 있을까? 치열한 배달 앱 사이에서 요기요만의 차별점이 무엇인지 요기요(YOGIYO) UX/UI 지금부터 뜯어보겠습니다!

- device: iphone 11 pro | version : 6.12.0


[이부분에 집중해서 볼거에요!]

01.메인화면

02.메뉴담기

03.클린리뷰

04.배달안내

05.검색하기

06.요타임딜

07.선물하기


안녕하세요! UX에디터 켈리폴리입니다! 이번에는 요기요 UX/UI에 대해 뜯어보려고 하는데요! 우선 제가 요새 지하철 광고에서도 눈에 띄는 요기요 광고 문구가 있었어요.

바로, '입맛은 몰라도 선물은 요기요'라는 문구인데요.

이걸 보자마자, '어? 요기요는 배달 앱에서 차별화 전략으로 선물하기 기능에 중점을 두고 있나?'라는 생각이 들었어요. 사실 맛에 대한 건 가게마다 편차가 있고, 개인별로도 편차가 있어서 플랫폼차원에서 어떻게 보장해주겠다라고 말하는게 애매할 수 있는데, 선물하기는 기능적인 부분이라 이쪽은 우리가 책임지고 편하게 해줄게! 라는 자부심이 느껴진 문구였습니다. 그럼 이런 점이 앱 내에도 어떻게 녹아있는지 한번 살펴봐볼까요?



01.광고배너와 요기요의 기능(익스프레스,선물하기)를 강조한 메인

음식 배달앱이라고 하면 뭔가 음식 카테고리가 제일 상단에 위치할 것 같았는데, 요기요는 광고배너 영역이 생각보다 크고, 익스프레스, 요타임딜, 포장, 선물하기와 같은 핵심 기능을 상단에 위치해두었어요.

스크린샷 출처 : 요기요 앱

저는 이런 구성도 스마트하다고 느낀점이, 이부분이 하단에 있었으면 이런 기능이 있는지도 몰랐을 것 같았는데, 상단에 있으니 확실히 한번 눌러보게 되더라구요.

그리고 눌러서 해당 페이지로 이동했을때, 나에게 관련없는 페이지라면 바로 이탈할수도 있는데...

익스프레스, 요타임딜은 빠르게 올수 있는 곳과 할인점을 볼 수 있어서 생각보다 각 페이지들에 오래 머물면서 구경하게 됐었어요.

핵심 기능을 강조하되, 그게 유저들의 니즈랑 연결되게 구성해두기!


'할인하는 곳을 구경하고, 빠르게 배달오는 곳 미리 알아두기!' 요기요를 보니이런게배달 앱에서는 리텐션을 잡을 수 있는 요소로 보이네요!


스크린샷 출처 : 요기요 앱

그리고 카테고리별 페이지로 들어가거나, 익스프레스 페이지로 들어가면 상단에 조건에 맞게 필터링 할 수 있는데요. 사실 이부분은 다른 앱들과 특별히 다른 점은 없지만, 저는 리스트 정렬 필터에서 '사장님댓글 많은 순'은 배달의 민족, 쿠팡이츠에서도 못봤던 부분이었어요.


사실, 이런 배달앱은 특히 리뷰가 생명이고, 그 리뷰에 사장들이 얼마나 댓글을 많이 달아주시는 지도 '이 가게가 손님을 많이 신경쓰는 구나' 평가하게 되는 지표가 되는데요.

요기요는 이런 배달 앱 사용 유저의 행동을 파악해서 필터 리스트로 넣어둔 점이 유저 행동 파악을 치밀하게 잘 했다고 느껴졌어요!



02. 메뉴 담는 UX는 배달 앱의 핵심!

저는 사실 배달앱에서 핵심을 두가지 꼽자면, 1)메뉴를 얼마나 쉽게 담을 수 있나? 2)음식 주문-완료-배달의 과정을 얼마나 tracking해서 볼 수 있나? 라고 생각하는데요.

스크린샷 출처 : 요기요 앱

요기요의 차별점은 메뉴를 담는 부분에서 두가지 액션을 할 수 있다는 점이에요. 보통은 이 화면에서 주문표에담기(카트에 담기)만 가능하고, 그 뒤에 바로 주문할 수 있는 flow를 넣어 2단계로 나눠두는 UX를 쓰고 있는데요.


요기요는 메뉴 주문하는 화면에서 바로 결제창으로 넘어갈 수 있어요!

요기요는 '주문표에 추가', '주문하기' 이렇게 투버튼이 있어서, 카트에 담아서 다음 스텝으로 결제를 할 수도 있고, 바로 이상태에서 주문하기를 눌러서 결제로 이동시킬수도 있어요!

이런 UX가 편한 점은? 이미 한 메뉴를 담을때 최소주문 금액을 넘었고, 다른 메뉴를 담지 않을 예정이라면, 보다 결제까지 이어지는 프로세스를 빠르게 경험할 수 있는 점이에요.


하지만, 아쉬웠던 점도 있었는데요!

바로 저는 '주문표'라는 단어를 사용했는데, 상단에 '카트모양' 아이콘을 사용한 점이 아쉬웠어요. 다른 앱은 '카트에 담기'라는 용어를 사용해서 카트모양 아이콘이랑 매칭이 잘 되었는데, 저는 첨에 이 주문표가 카트모양 아이콘과 매칭이 되는지 몰랐거든요... 그래서 주문표에 넣어둔 메뉴들 어디가서 볼 수 있는거지? 좀 헤맸던 것 같아요.



03. 클린리뷰로 실제 이용한 유저들의 생생한 리뷰를 볼 수 있어요!

요기요는 '클린 리뷰'라는 워딩을 사용해서, 직접 주문한 사람들만 쓸 수 있는 리뷰를 보여주는데요. 사실 다른 앱들도 직접 사용해본 사람만 리뷰 쓸 수 있게 권한을 주는 곳들도 있는데, 요기요는 같은 기능이라도 '클린 리뷰'라는 용어를 써서 뭔가 더 신뢰감을 준 것 같아요.

스크린샷 출처 : 요기요 앱

그리고 리뷰 상세페이지를 가면, 차별점으로 보이는 두 가지가 보였어요.

1) 사진 리뷰만 모아서 상단에 보여주는것

2)'사장님 댓글'이 몇 개 달렸는지 보여주는 것

일단, 저는 음식 배달은 특히 텍스트보다는 사진 리뷰로 어떻게 구성이 오고, 대략 양은 어느정도고 위생이나 서비스는 얼마나 신경쓰는지를 보기 쉽다고 느끼는 편인데요. 이렇게 상단에 사진들만 미리 볼 수 있어서 접근성이 좋다고 느꼈어요.

그리고 아까 필터쪽 설명하면서, 사장님 댓글 많은 순이 차별점이라고 보였다고 했는데, 리뷰 상세페이지에도 사장님 댓글에 대해 강조하면서 카운팅 해주는 게 앱에서 강조하는 포인트가 일관성이 있다고 느껴졌답니다.



최소 주문 안내 이렇게 하는 건 어땠을까?(제안)

사실 요기요에서 최소 주문 관련 편하다고 느낀 포인트도 있었는데요. 바로 최소 주문 금액 미만으로 담아도 업체에 따라서 추가 메뉴 주문안하고, 부족한 금액만틈 현금으로 지불하고 주문할 수 있는 곳도 있어서 좋았는데요.

그런데, 최소주문이상 채워야만 주문 가능한 업체들에서 주문할 때 조큼 아쉬운 UX가 보였어용 ㅠㅠ

스크린샷 출처 : 요기요 앱 / 제안 디자인 : 켈리폴리

하단에 주문하기 버튼을 탭했을때, 최소주문 이상 주문 안내를 다이얼로그로 워주는 형태 이걸 다시 닫기 누르고 음식을 담고 다시 주문하기 버튼을 누르는 프로세스가  길다고 느껴졌던  같아요.(성격 급한편..ㅋㅋ)

그래서 아예 최소 주문 이하로 주문을 못하는 업체일 경우, 버튼을 회색으로 비활성화 된것처럼 처리하고, 탭했을때 토스트로 얼마이상 주문하라고 버튼 바로위에 띄워주면 다이얼로그를 닫는 행동만큼 시간을 줄여서 편하지 않을까?하는 스몰 아이디어가 떠올랐습니다.



04. 배달은 잘 받았나요? 음식은 어땠나요?

클린 리뷰 강조하는 요기요. 배달  받고 음식을 먹고 있을때  배달  받았는지 푸시가 오고, 들어가면 바로 다이얼로그가 떠서 바로 버튼을 누르기 쉽게 되어있고,  후에는 음식을 메뉴별로도 평가 가능하고, , , 배달 이렇게 크게 세가지 부분으로도 평가할  있어요.

리뷰쪽은 크게 차별화된 UX는 아니었지만, 맛,양,배달 이렇게 배달앱에서 중요한 부분만 콕 집어서 보여주는 건 센스있다고 느껴졌어요. 사실 이미 음식을 먹은 후라서 평가 창이 너무 길어져도 하기 귀찮은데 3개 정도면 딱 적당하다고 느꼈던 것 같습니당. ㅎㅎ



05. 검색화면에서 한줄 리뷰를 볼 수 있다?

검색화면에서 센스있고 차별화로 느낀점! 바로 실제 이용했던 유저들이 이 곳에 대해 작성한 리뷰를 한줄로 미리 볼 수 있다는 점이에요!

스크린샷 출처 : 요기요 앱

보통은 한단계 더 들어가야만 가게 상세 정보와 리뷰탭을 볼 수 있는데, 이렇게 depth로 들어가기 전에 미리 베스트 한줄 리뷰를 볼 수 있으니, 이 화면에서 가게들을 결정하는데 큰 도움이 되었던 것 같아요.

이 리뷰는 제가 보니 최신 순 리뷰를 노출하는 건 아니고, 다른 유저들의 '좋아요'를 가장 많이 받은 리뷰를 노출해주는 것 같았아요 (100%확신은 아니고 짐작입니다!)


06.요타임딜로 할인 혜택 받아가기!

저는 주변에 요기요가 다른 앱과 차별점이 뭘까?라고 물어보면, 거의 대부분 할인혜택과 쿠폰을 많이 뿌려준다는 점이었는데요. 저 역시도 첫주문에 할인 혜택이 상당히 매력적이라 유입된 유저 중 한명이기도 합니다.

스크린샷 출처 : 요기요 앱

타임세일만 모아둔 '요타임딜'로 들어가면, 이렇게 지금 할인인 곳들을 볼 수 있는데요.

여기서 눈여겨볼만한 UX는 바로! 닫기 버튼을 눌렀을때 한번 더 할인혜택을 보여주면서, 진짜 나갈건지 물어보는 bottom sheet였어요.


사실 한번 더 물어보는데 귀찮게 여길수도 있는데, 요타임딜은 '할인'에 대한 것이다 보니, 저는 '아 한번만 더 둘러볼까?'하는 마음에 저 단계에서 생겨서 '더 볼래요!'버튼을 눌러보게 되더라구요.

사실 이렇게 '진짜로 나갈거냐?'라고 물어보는 모달이나 bottom sheet를 남용하면 굉장히 피로한 앱이 되는데, 요기요는 딱 이부분에만 사용해서 괜찮다고 느껴졌어요:)



07.선물하기는 요기요의 핵심이었을까?!

생각보다 띠용?했던 건 바로 선물하기 페이지였는데요. 선물하기 기능 편하고 좋은데...사실 요기요만의 차별점은 아니라고 느껴져서 광고문구에 '선물하기'를 왜 강조했을까?라는 의문이 들었던 것 같아용!

스크린샷 출처 : 요기요 앱

제가 직접 써봤을때는, '사장님 댓글', '클린 리뷰' 이쪽에 대해 강조해줘서 약간 '사장님, 유저에게 입증된 믿고 먹는 신뢰 있는 배달 앱' 혹은 '초특가 음식 세일은 요기요'이런 느낌이었는데, 선물하기에 어떤 차별점이 있을까? 내가 못찾은 걸까? 이런 생각이 들었던 부분인 것 같아요.


아니면 사실 광고는 현재 요기요에서 밀고싶은 기능과 연관지을 수도 있는데, 제가 개인적으로 핵심 차별점과 광고 문구가 이어졌으면 좋겠다라고 생각해서 디용했을 수도 있을 것 같아요!


✨요기요 앱, 이런 분들께 추천드려요!


✅ 클린 리뷰로 믿고 먹을 수 있는 음식점을 찾는 분들

직접 음식을 먹어 본 유저들이 리뷰를 남길 수 있기 때문에 유저 올린 사진 리뷰, 텍스트 리뷰를 통해서 깔끔하고 양도 적당하고 맛있는 곳을 신뢰있게 판단해볼 수 있어요!


✅ 사장님들이 손님을 얼마나 신경쓰는지 '서비스'가 중요하신 분들

사장님이 음식을 준비하시고, 먹는 소비자들에 대해 얼마나 신경쓰는지의 태도를 통해서 그 음식점이 어떨 것 같은지 판단하는 지표가 되기도 하죠! 백선생님의 골목식당에서도 이런 점이 언급되면서 점점 사장님에 대해 신경쓰는 소비자들도 많아진 것 같아요. 이런 부분에 대해 신경쓰시는 분들은 요기요에서 사장님 리뷰 많은 순으로 필터링 해보는게 어떨까요?


✅ 할인 혜택으로 보다 싸게 음식 주문 하고 싶은 분들

요타임딜로 보다 할인된 가격으로 주문 가능한 음식점들 모아볼 수도 있고, 첫 주문 혜택도 크기때문에! 다른 앱보다 좀 더 싸게 먹을 수 있는 기회를 찾고있다면? 요기요 한번 사용해 보시는 것을 추천드립니다.



이렇게 구석구석 뜯어보다보니, 요기요의 경우 특히 UX 포인트로 뜯어볼 곳이 많아서 글이 좀 길어지긴 했는데요! 저는 사실 배달의 민족-쿠팡 이츠-요기요 세개 모두 직접 써보다 보니, 요기요만의 차별점에 대해 더 집중하면서 보게 되었던 것 같아요!

그래서 어쩌면 전에 리뷰한 쿠팡이츠, 배달의 민족에 비해 좀더 strict하게 요기요 뜯어보기를 했을 수도 있는데요. 그래도 요기요만의 차별점을 찾아보고, 이런 점도 있구나 새로운 발견을 해서 의미가 컸던 UX분석이었다고 생각합니다:)


그럼 다음에도 흥미로운 앱 UX/UI 리뷰로 돌아올게용!

kellypoly



매거진의 이전글 음(mm) UX - 카카오에서 나온 음성기반 SNS
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari