(에디터🐥) 생각보다 지도 UI가 활용되는 서비스가 많습니다. 내 위치를 기반으로 주변의 정보를 표기해주는 서비스에 주로 사용됩니다. 최근에는 모빌리티 서비스가 많이 활성화되면서 지도UI가 굉장히 친숙한 화면이 되었는데요. 지도에는 다양한 정보가 표기되죠? 거리와 빌딩 이름 등 지도 내에 표현되는 요소들과 함께 표기되는 정보가 혼선되어 보이지 않도록 보여주는 것이 중요한 화면입니다. 어떻게 표현하면 좋을지 모빌리티 서비스와 여행-중개 서비스들을 중심으로 사례를 살펴보시죠!

차량 호출 서비스에서 지도 UI는 첫 화면이 될 가능성이 높습니다. 내 위치를 중심으로 원하는 장소까지 이동 하기 위한 가장 직관적인 모습을 하고 있기 때문입니다. (지도가 아닌 다른 모습을 한다면 어떨까 생각해봤는데 쉽게 떠오르지 않네요!) 국내 대표적인 택시 호출 서비스인 카카오T택시와 티맵 택시 역시 마찬가지인데요.

카카오 택시는 실행과 동시에 내 위치와 가장 가까운 도로를 '출발'점으로 표기해줍니다. 차량이 어느 방향으로 오는지 함께 보여줘 가고자 하는 방향에 맞게 정확히 탑승 위치를 설정할 수 있다는 장점이 있습니다. 타 택시 호출 서비스 대비 꽤 정확하게 출발지점을 지정해주기에 탑승객이 할 일은 도착지를 직접 입력하거나 즐겨찾기 한 장소에서 고르면 끝! (카카오 택시의 탑승 장소 표기 방법 업데이트 자세히 보기)

티맵은 카카오 택시와 순서가 조금 다르게 적용되어 있는데요. 현재 위치를 보여 주지만 도착지 선택 후 출발지를 상세히 지정하게 되어 있습니다. 즉, 앱을 실행하면 내 위치를 대략적으로 알 수 있게 하고, 도착지를 설정한 다음 핀 형태로 구체적인 탑승 위치를 선택할 수 있는 것인데요. 내가 어디에서 어떻게 타게 될 지를 지도 상 미리 인지하고 도착지를 설정하는 것과, 건물 안에 있는 그대로 위치가 찍힌 상태에서 도착지를 설정, 다시 탑승 위치를 설정하는 것에는 꽤 많은 차이가 존재한다고 생각합니다. 특히 처음 방문하는 장소라면 탑승 위치를 정확하게 설정하는 것 자체가 어렵게 다가올 수도 있고요.

국내 마이크로 모빌리티 서비스 중 전동 킥보드 공유 서비스가 가장 먼저 떠오르는 분들이 많을 것 같습니다. 라임과 같은 글로벌 서비스들은 물론 킥고잉, 씽씽 등 여러 스타트업이 뛰어든 곳이기도 하죠. 이들에게 중요한 것은 '서비스 제공 지역'과 '반납 불가능지역'입니다. 차량 호출 서비스들이 지도 내 '탑승 위치'가 중요한 기준이 되는 것처럼, 자전거나 전동 킥보드 등을 공유하는 서비스에게는 대여, 반납 등 서비스 이용 지역을 명확히 보여주는 것이 중요한 것이죠. 그래서 앱 실행 후 지도 UI 내 컬러 또는 밝기 등의 대비로 가능 지역을 가능한 구체적으로 안내하고 있습니다.

(왼쪽) 킥고잉은 가능 지역을 밝게, 불가능한 지역을 어둡게 처리해 한 눈에 보여 줍니다. (가운데) 라임은 자신들의 주요 컬러인 연두색으로 지도 내 가능 지역을 보여 줍니다. (오른쪽) 씽씽은 흰 영역이 추가 요금 없이 사용 가능한 곳이며 노란색 계열로 칠해진 곳은 추가 요금을 지불해야 반납 할 수 있는 곳입니다. (공통) 세 서비스 모두 반납 불가능한 지역은 지도 내 '붉은색' 계열로 표기를 해두었네요.

일반적으로 '지도'가 들어간 서비스들은 '사용자' 현 위치를 중심으로 정보를 제공하게 되는데요. 공지 등을 통해 서비스 가능 지역을 충분히 안내하겠지만, 이는 부차적인 요소일 뿐 사용자가 실제 보고 있는 화면 내 해당 정보들을 확인 할 수 있는 것이 중요합니다. 내 위치에서 킥보드를 대여 할 수 있는지?를 쉽게 확인 할 수 있어야 한다는 것이죠. 지도상으로 크게 구분되는 정보들이 없다면 대여가 가능하다는 판단을 할 수 있기에 여러 단계를 거친 후에야 그 사실을 알게 될 수 있습니다.