Kakao T
Kakao T
Kakao T
Redesign a Requesting a Ride for Someone Else
Redesign a Requesting a Ride for Someone Else
Role
Role
UXUI Designer
UXUI Designer
Timeline
Timeline
2024.7 - 2024.8
2024.7 - 2024.8
Team
Team
Personal Project
Personal Project
Overview
이미 '대신 잡기' 기능이 존재함에도 불구하고, 많은 사용자가 이를 알지 못했습니다. 사용자들이 이 기능을 더욱 쉽게 찾고 이용할 수 있도록 인터페이스를 재설계하고, 전반적인 사용성을 개선했습니다.
이미 '대신 잡기' 기능이 존재함에도 불구하고, 많은 사용자가 이를 알지 못했습니다. 사용자들이 이 기능을 더욱 쉽게 찾고 이용할 수 있도록 인터페이스를 재설계하고, 전반적인 사용성을 개선했습니다.
유저 목소리
유저 목소리
기존 기능에 대한 인지 부족
'대신 불러주기' 기능이 이미 탑재되어 있었음에도 불구하고, 해당 기능을 요구하는 사용자 목소리에 대한 공감이 많았습니다. 이는 해당 기능의 존재를 인지하지 못하는 사용자들이 많다는 점을 보여줍니다.
'대신 불러주기' 기능이 이미 탑재되어 있었음에도 불구하고, 해당 기능을 요구하는 사용자 목소리에 대한 공감이 많았습니다. 이는 해당 기능의 존재를 인지하지 못하는 사용자들이 많다는 점을 보여줍니다.
인지 부족의 이유
인지 부족의 이유
탑승자 변경 과정
탑승자 변경 과정
Problem
눈에 잘 띄지 않는 버튼과 모호한 문구
호출 요청을 확정하기 직전 화면에서, 사용자는 '본인탑승'이라는 작은 버튼을 눌러 탑승자를 대신 탑승할 사람의 연락처를 입력해야 합니다. 그러면 버튼의 문구는 탑승자의 이름으로 바뀌어 표시됩니다.
그러나 이 버튼은 주요 CTA인 '호출하기' 근처에 작게 배치되어 있어 사용자가 쉽게 놓치기 쉬운 위치에 있습니다. 또한 '본인탑승'이라는 문구는 사용자가 이 버튼으로 탑승자를 변경할 수 있다는 사실을 인지하기에 불분명합니다.
호출 요청을 확정하기 직전 화면에서, 사용자는 '본인탑승'이라는 작은 버튼을 눌러 탑승자를 대신 탑승할 사람의 연락처를 입력해야 합니다. 그러면 버튼의 문구는 탑승자의 이름으로 바뀌어 표시됩니다.
그러나 이 버튼은 주요 CTA인 '호출하기' 근처에 작게 배치되어 있어 사용자가 쉽게 놓치기 쉬운 위치에 있습니다. 또한 '본인탑승'이라는 문구는 사용자가 이 버튼으로 탑승자를 변경할 수 있다는 사실을 인지하기에 불분명합니다.
가설과 테스트
가설과 테스트
두 가지 가설과 그룹
해결책으로는 크게 두 가지 아이디어가 있었습니다. 첫 번째는 버튼 크기를 키우고 용어를 변경하는 것이고, 두 번째는 절차(단계)의 순서를 재배치하는 방법이었습니다.
이에 대해 간단한 프로토타입을 제작한 뒤, 이미 대신 불러주기 기능을 사용해본 경험이 있는 사용자와 한 번도 사용해보지 않은 사용자, 이렇게 두 그룹을 대상으로 테스트를 진행했습니다.
해결책으로는 크게 두 가지 아이디어가 있었습니다. 첫 번째는 버튼 크기를 키우고 용어를 변경하는 것이고, 두 번째는 절차(단계)의 순서를 재배치하는 방법이었습니다.
이에 대해 간단한 프로토타입을 제작한 뒤, 이미 대신 불러주기 기능을 사용해본 경험이 있는 사용자와 한 번도 사용해보지 않은 사용자, 이렇게 두 그룹을 대상으로 테스트를 진행했습니다.
가설 A에 대한 해결방안
A.
버튼 크기가 작고 문구가 모호해, 사용자가 탑승자를 변경할 기회를 놓치는 사례가 발생했을 것이다.
탑승자 변경 버튼을 더 크게 만들어 사용자가 쉽게 찾을 수 있도록 하고, '본인탑승'이라는 용어를 직관적인 '탑승자 변경'으로 교체하였습니다.
탑승자 변경 버튼을 더 크게 만들어 사용자가 쉽게 찾을 수 있도록 하고, '본인탑승'이라는 용어를 직관적인 '탑승자 변경'으로 교체하였습니다.
기존 택시 호출 방식을 그대로 따르기 때문에, 사용자가 이용하는 데에 진입 장벽이 없습니다.
기존 택시 호출 방식을 그대로 따르기 때문에, 사용자가 이용하는 데에 진입 장벽이 없습니다.
'대신 불러주기'를 한 번도 사용해보지 않은 사용자 중 20%는 해당 작업을 완료하지 못했습니다.
'대신 불러주기'를 한 번도 사용해보지 않은 사용자 중 20%는 해당 작업을 완료하지 못했습니다.
성공한 80%의 사용자도 해당 기능에 익숙한 사용자보다 평균 약 5초 더 소요되었습니다.
성공한 80%의 사용자도 해당 기능에 익숙한 사용자보다 평균 약 5초 더 소요되었습니다.
가설 B에 대한 생각의 과정
B.
탑승자 정보 먼저 입력하는 것이 나을 것이다.
기존 택시 호출 과정에서는 택시를 호출하는 사람이 곧 탑승자이기 때문에 별도의 승객 정보를 입력할 필요가 없습니다. 그래서 사용자는 단순히 출발지와 목적지만 입력하고 누가 실제로 탑승할지는 지정하지 않아도 됩니다.
그러나 택시를 대신 불러주는 경우, 요청자와 실제 탑승자가 다르므로 호출 과정을 보다 직관적으로 만들기 위해서는 초기 단계에서 탑승자 정보를 먼저 입력하도록 변경하는 것이 더 적절해 보입니다.
기존 택시 호출 과정에서는 택시를 호출하는 사람이 곧 탑승자이기 때문에 별도의 승객 정보를 입력할 필요가 없습니다. 그래서 사용자는 단순히 출발지와 목적지만 입력하고 누가 실제로 탑승할지는 지정하지 않아도 됩니다.
그러나 택시를 대신 불러주는 경우, 요청자와 실제 탑승자가 다르므로 호출 과정을 보다 직관적으로 만들기 위해서는 초기 단계에서 탑승자 정보를 먼저 입력하도록 변경하는 것이 더 적절해 보입니다.
가설 B에 대한 해결방안
'대신 불러주기' 기능을 한 번도 사용해본 적 없는 모든 사용자가 작업을 완료했습니다.
'대신 불러주기' 기능을 한 번도 사용해본 적 없는 모든 사용자가 작업을 완료했습니다.
기능을 처음 사용하는 사용자와 기존 사용자 간의 작업 완료 시간 차이가 없었습니다.
기능을 처음 사용하는 사용자와 기존 사용자 간의 작업 완료 시간 차이가 없었습니다.
두 그룹 모두 새로운 호출 과정 순서에 익숙하지 않았습니다.
두 그룹 모두 새로운 호출 과정 순서에 익숙하지 않았습니다.
"과정의 순서가 낯설게 느껴졌음에도 불구하고,
과업을 수행하는 데에는 큰 어려움이 없었습니다."
- 대신 불러주기를 처음 사용하는 사용자
지정된 승객에게 먼저 요청하는 단계를 추가하는 '대신 불러주기' 방식(가설 B)을 선택했습니다. 이렇게 하면 진입 장벽이 약간 높아질 수 있지만, 작업 완료율을 높이고 전체 소요 시간을 단축하는 것이 주요 과제였기 때문에 가설 B에 대한 해결방안이 더 효과적이라고 판단했습니다.
지정된 승객에게 먼저 요청하는 단계를 추가하는 '대신 불러주기' 방식(가설 B)을 선택했습니다. 이렇게 하면 진입 장벽이 약간 높아질 수 있지만, 작업 완료율을 높이고 전체 소요 시간을 단축하는 것이 주요 과제였기 때문에 가설 B에 대한 해결방안이 더 효과적이라고 판단했습니다.
홈 화면
홈 화면
기존 / 리디자인
기존 / 리디자인
검색창
기존 검색창은 화면 상단에 위치해 있어 엄지손가락으로 접근하기 어려웠습니다. 이에 따라 검색창을 더 낮은 위치로 이동하여 접근성을 개선하고, 원래 검색창이 있던 자리에는 광고 배너를 배치했습니다.
기존 검색창은 화면 상단에 위치해 있어 엄지손가락으로 접근하기 어려웠습니다. 이에 따라 검색창을 더 낮은 위치로 이동하여 접근성을 개선하고, 원래 검색창이 있던 자리에는 광고 배너를 배치했습니다.
히스토리
기존의 최근 도착지 영역은 작고 좁아서 표시되는 정보가 제한적이었습니다. 해당 영역을 넓혀서 사용자들이 이전 기록을 더 쉽게 확인하고 선택할 수 있도록 개선했습니다.
기존의 최근 도착지 영역은 작고 좁아서 표시되는 정보가 제한적이었습니다. 해당 영역을 넓혀서 사용자들이 이전 기록을 더 쉽게 확인하고 선택할 수 있도록 개선했습니다.
메뉴 간소화
홈 화면의 메뉴에는 너무 많은 아이콘이 배치되어 있어 사용자에게 혼란을 줄 여지가 있었습니다. 이를 해결하기 위해, 렌터카 예약과 항공권 예약과 같은 부가 기능을 제거하여 아이콘 수를 줄였습니다.
홈 화면의 메뉴에는 너무 많은 아이콘이 배치되어 있어 사용자에게 혼란을 줄 여지가 있었습니다. 이를 해결하기 위해, 렌터카 예약과 항공권 예약과 같은 부가 기능을 제거하여 아이콘 수를 줄였습니다.
대신 잡기(대신 불러주기) 바로가기
홈 화면에 '대신 잡기' 아이콘을 배치하여, 사용자가 다른 사람을 대신해 택시를 호출할 때 더 직관적으로 기능에 접근할 수 있습니다.
홈 화면에 '대신 잡기' 아이콘을 배치하여, 사용자가 다른 사람을 대신해 택시를 호출할 때 더 직관적으로 기능에 접근할 수 있습니다.
새로운 호출 과정
새로운 호출 과정
Solution
새로운 진입 화면
사용자는 연락처에서 탑승자를 선택하거나 전화번호를 직접 입력할 수 있습니다. 탑승자 선택 페이지를 출발지 및 도착지 선택 페이지와 통합하여, 추가적인 페이지 없이 하나의 화면에서 입력할 수 있습니다.
사용자는 연락처에서 탑승자를 선택하거나 전화번호를 직접 입력할 수 있습니다. 탑승자 선택 페이지를 출발지 및 도착지 선택 페이지와 통합하여, 추가적인 페이지 없이 하나의 화면에서 입력할 수 있습니다.
Solution
재배치된 프로세스
사용자는 먼저 대신 탑승할 승객을 선택한 후, 기존 호출 요청 과정과 동일하게 출발지와 도착지를 설정하는 방식으로 진행됩니다.
사용자는 먼저 대신 탑승할 승객을 선택한 후, 기존 호출 요청 과정과 동일하게 출발지와 도착지를 설정하는 방식으로 진행됩니다.