brunch

매거진 UI Insight 시리즈

라이킷 8 댓글

You can make anything
by writing

C.S.Lewis

계정을 잊어버리셨나요?

by 김현준 Jan 05. 2024

우버(Uber) ²

UI Insight 시리즈 02

대중교통 ³

대중교통을 통한 길찾기 기능을 이용할 수 있습니다. 근처 정류장의 대중교통 정보가 세로 스크롤할 수 있는 카드로 나타납니다. 카드의 레이아웃이 정보에 따라 반응형으로 늘어나고 스택됩니다. 본 기능 역시 최하단에 지도뷰가 있고 바텀시트를 통해 정보를 확인할 수 있습니다.

차량 렌트: 검색 ⁴

날짜, 시간, 픽업 위치, 반납 위치 등을 설정하고 렌트할 차량을 검색할 수 있습니다. 캘린더 뷰 위에 바텀시트가 올라와 날짜와 시간의 위계를 쉽게 이해할 수 있습니다.

차량 렌트: 예약 ⁴

차량과 부가 옵션, 픽업 위치 등을 선택하고 결제하면 차량을 예약할 수 있습니다. 예약 관리를 누르면 페이지가 모달처럼 나타나며 정보를 확인할 수 있습니다.

차량 렌트: 스쿠터 ⁴

기타 옵션 메뉴에서 스쿠터 대여를 선택할 수 있습니다. 자전거를 선택하고 스캔 버튼을 누르면 카메라 풀스크린 모달이 발생하여 라임 스쿠터의 QR을 인식할 수 있습니다.

활동 ⁵

활동 탭에서 지난 활동 기록을 확인할 수 있습니다. 카드를 탭하면 자세한 정보를 확인할 수 있는 모달이 나타납니다. 도움말에는 다양한 상황에 대한 안내를 리스트로 제공합니다.

프로필: 도움말 ⁶

계정 탭에서 도움말로 진입하여 다양한 상황에 대한 도움말을 확인할 수 있습니다. 도움말의 카테고리는 칩을 통해 선택할 수 있습니다.

프로필: 프로필 이미지 ⁶

우상단의 프로필 메뉴를 탭하여 프로필 이미지를 선택할 수 있습니다. 일반적인 프로필 메뉴보다는 크기가 커 보이며, 프로필 메뉴에서 전체 모달이 나타나 나가기를 해야 이탈할 수 있습니다.

프로필: 인증 설정 ⁶

탑승 시 인증을 위한 PIN을 사용할지 선택할 수 있습니다. 프로필에서 설정에 진입 후 안전 메뉴에서 탑승 시 인증을 선택합니다. 이후 스위치 버튼을 통해 세부적인 설정을 제어할 수 있습니다.

프로필: 로그아웃 ⁶

프로필에서 설정에 진입한 후 최하단의 로그아웃 버튼을 선택할 수 있습니다. 최하단에 빨간 텍스트로 표현되어 한번에 로그아웃의 위치를 찾을 수 있습니다. 로그아웃 선택 시, 한번 더 여부를 물어보는 모달이 발생합니다.

우버(Uber) ¹

UI Insight 시리즈 02 | 온보딩 ¹ 스플래시 페이지에 로고가 발생하며, 시작 페이지가 추가적으로 발생합니다. 이때 위치정보에 대한 다이얼로그(dialog)가 온보딩 전 발생합니다. iOS에서는 얼럿(al

brunch.co.kr/@hnjnkm/13

인터랙션 ★★★☆☆
페이지 이동 시 컴포넌트가 부자연스럽게 끊긴다는 느낌을 받는 경우가 종종 있습니다. 칩과 버튼의 모서리 곡률, 스트로크와 면의 비주얼 등 전체적으로 통일성이 조금 더 높아진다면 좋을 것 같습니다.

직관성 ★★★☆☆
택시 호출의 기능 외에 부가적인 기능이 많이 추가되어 전체 네비게이션의 위계가 헷갈릴 수 있습니다. 프로필과 셋팅 내 프로필의 위계 등 유사한 기능이 여러 페이지에 존재하는 것처럼 보이기도 합니다.