[Article Insights] 😡많은 정보 담은 지도 UI는 왜 짜증날까?

#1 오늘의 아티클

▼ 😡많은 정보 담은 지도 UI는 왜 짜증날까?

😡많은 정보 담은 지도 UI는 왜 짜증날까? (maily.so)

😡많은 정보 담은 지도 UI는 왜 짜증날까?

 

#2 아티클 정보 요약

1. 택시 호출 서비스에서 지도 UI가 활용되는 방법

카카오택시, T맵 택시, 반반택시, 온다택시

• 차량 호출 서비스에서는 지도 UI가 사용자의 위치를 중심으로 목적지까지의 이동을 가장 직관적으로 보여준다. 카카오 택시와 티맵 택시는 사용자가 정확한 탑승 위치를 설정할 수 있도록 다양한 기능을 제공한다.

2. 마이크로 모빌리티 서비스에서 지도 UI가 활용되는 방법

킥고잉, 라임, 씽씽, 타다

• 마이크로 모빌리티 서비스에서는 킥고잉, 라임, 씽씽과 같은 서비스들이 지도 UI를 활용하여 대여 가능 지역과 반납 불가능 지역을 명확히 안내한다. 사용자는 지도 상에서 밝은 색상으로 대여 가능 지역을 확인하고, 추가 요금이 필요한 지역은 다른 색상으로 표시된다. 이러한 정보는 사용자가 킥보드를 대여할 수 있는지 쉽게 확인할 수 있도록 도와준다. 때로는 지역 제한을 두어 목적지 설정 시 해당 지역에 대한 명확한 안내를 제공하는 방법도 효과적일 수 있다.

3. 주차 서비스에서 지도 UI가 활용되는 방법

카카오주차, T맵 주차, 모두의 주차장, 파킹프렌즈

• 주차 서비스에서는 카카오 주차와 T맵 주차가 사용자의 목적과 필요에 맞게 지도 UI를 활용한다. 카카오 주차는 도착지를 중심으로 거리와 도보 소요 시간을 제공하며, 제휴 주차장 정보도 표시하여 편의를 높인다. 반면 T맵 주차는 주로 주차 요금에 초점을 맞추며, 지도 내에서 주차 시간 등 세부 조건을 바로 변경할 수 있어 사용자에게 다양한 정보를 제공한다.

4. 여행 서비스에서 지도 UI가 활용되는 방법

에어비앤비, 야놀자, 데일리호텔

• 여행 서비스에서는 에어비앤비, 야놀자, 데일리호텔이 지도 UI를 사용하며, 주로 썸네일 리스트 형태로 숙소를 제공하고 지도에서는 위치를 확인할 수 있다. 각 서비스는 숙소명과 가격 정보 등을 카드 형태로 제공하며, 사용자 편의를 위해 지도와 정보가 동시에 잘 표현되도록 구성된다.

5. 배달 서비스에서 지도 UI가 활용되는 방법

배달의민족-배민오더, 요기요-테이크아웃

• 배달 서비스에서는 배민오더와 요기요 테이크아웃이 지도 UI를 활용한다. 두 서비스는 사용자가 음식점 위치를 확인하고 주문하기 위해 3단계를 거치며, 각각 식당 카테고리를 먼저 보여주거나 가게 정보를 카드 형태로 제공하여 사용자 편의를 높인다. 배민오더는 오더 기능에 초점을 두고 있으며, 요기요 테이크아웃은 포장 기능에 초점을 맞추어 서비스를 구성하고 있다.

❑ 결론 : 지도 UI를 활용한 화면을 구성할 때 체크

1. 서비스 성격에 따라 가장 중요한 ‘정보’가 무엇인지 명확하게 정의 되어야 함
2. 많은 정보를 담긴 보단, 앞서 결정 된 ‘주요 정보’를 먼저 보여줄 수 있어야 함
3. 사용자가 별도의 행동을 하지 않더라도 필요한 정보를 쉽게 확인 할 수 있어야 함
4. 지도에서 벗어나지 않고 사용자가 원하는 추가 조건을 확인 할 수 있도록 도와주어야 함
5. 서비스 성격에 가장 잘 맞는 지도 API가 무엇인지 명확한 답을 찾아야 함
6. 지도 API를 활용한다면 꼼꼼한 비교가 필요함

 

 

#3 인사이트

• 사용자가 무엇을 원하는지 핵심 정보를 파악하고 우선 순위를 정함으로 사용자에게 혼선을 주지 않고확인될 수 있도록 UI/UX 설계에 대한 중요성을 다시 한번 알게 되었다
• 모바일 기기와 같은 작은 화면에서 얻고자 하는 정보를 찾기 편하면서 사고 위험도 줄일 수 있는 UI는 많이 어렵겠구나를 이번 아티클을 통해 많이 배웠다.
• 텍스트를 굳이 읽지 않아도 바로 확인이 가능한 아이콘, 색상, UX를 많이 공부해야겠다는 생각이 들었다.

💡 <알게된 점>
      - 사용자가 서비스를 이용하는 목적인 핵심 정보에 따라 UI를 설계해야한다는 점
      -  지도를 먼저 보여준다는 것은 서비스에 따라 명확한 목적을 담고 있어야 함을 의미
      -  중요한 점은 지도 화면에서 벗어나지 않고 기본 정보 확인과 추가 정보 확인이 자유로워야 한다는 점
      -  국내에서 활용 가능한 지도 API 종류가 여럿 존재하기에 서비스 목적에 맞는 API는 무엇이며, 과금 등의 정책이 어떤지 함께 고려하는 것 역시 중요!

💡 <좋았던 점>
      - 각 회사별로 UI, 핵심 정보를 비교할 수 있어서 쉽게 파악할 수 있었다.
      -  레퍼런스 자료와 실제 서비스의 UI를 제공함으로써 설명하는 바를 이해하기 쉬웠다.