[아티클 스터디] 카카오맵은 왜 상세화면을 탭으로 구분했을까?

🔗 아티클 출처

https://maily.so/tipster/posts/643e5160?utm_source=oneoneone

📍 카카오맵은 왜 상세화면을 탭으로 구분했을까?

---

🗨️ 선정 이유

▪️ 화면을 구성하면서 어떤 방식으로 페이지를 나누어 제공할 것인지 고민해야 했던 적이 많다. 페이지의 메인 기능이 무엇이냐에 따라 결정이 달라지겠지만, 무엇이 더 편리한지 논리적인 근거와 함께 이해하고 싶어서 선정했다.

---

📑 내용 정리

1. 카카오맵 상세화면

✔️ 지도 서비스에서 상세화면은 특정 장소에 대한 여러 정보를 담는다.

✔️ 카카오맵의 상세화면은 스크롤하여 정보를 확인해야 하는 구조에서 탭 구분으로 변경되었다.

기존 카카오 맵 상세화면	변경된 탭 구조의 상세화면
• 주소, 영업여부와 시간, 웹사이트 주소, 전화번호 등의 기본 정보 및 리뷰 사진 출력
• 페이지 아래 어떤 정보가 이어지는 지 알 수 없으며 스크롤하여 화면을 내려야만 하는 구조
• 다양한 정보를 담고 있고 리뷰 등 사용자의 참여로 인해 정보의 양이 달라지는 경우 스크롤 구조는 불편할 수 있음	탭 선택 시 해당 정보만 모아볼 수 있음
원하는 정보를 바로 확인하기 어려움	어떤 정보가 담겨있는지 더 빠르게 확인 가능

탭 도입 시 고려해야할 점: 정보의 중요도

• 서비스의 성격에 따라 상세 화면에서 보여줄 수 있는 정보가 달라짐
• 정보의 중요도 및 순서 우선순위에 따라 기능의 편의가 달라질 수 있음

 

은 스크롤하여 정보를 확인해야 하는 구조에서 탭 구분으로 변경되었다.

 

1-1. 카카오맵, 네이버지도, 구글지도의 상세화면 구분

✔️ 상세화면에 포함된 정보가 비슷하더라도 어떤 정보를 먼저 보게 할 것이냐에 대한 구성은 달라질 수 있다.

• 카카오맵: 홈 - 사진 - 메뉴 - 랭킹 - 후기 - 리뷰
• 네이버지도: 홈 - 메뉴 - 리뷰 - 사진 - 지도 - 주변
• 구글지도: 개요 - 메뉴 - 리뷰 - 사진 - 업데이트 - 정보

 

1-2. 야놀자, 인터파크투어, 스카이스캐너의 상세화면 구분

✔️  어떤 정보를 강조할 것인지에 따라 바로가기 역할을 하거나 특정 정보를 바로 확인할 수 있는 탭의 구성이 달라진다.

• 야놀자: 객실선택 - 위치/교통 - 안내/정책 - 시설/서비스 - 후기
• 인터파크투어: 객실선택 - 시설정보 - 리뷰
• 스카이스캐너: 특가 - 후기 - 세부정보

 

2. 번개장터 상품등록

✔️ 번개장터는 ‘상품상태’를 텍스트가 아닌 공통의 기준에 따라 직접 선택하도록 기능을 변경하였다.

---

💡 생각 정리

▪️ 상세화면 구조는 사용자 경험을 개선하고 정보에 어떻게 빠르게 접근할 수 있게 할지 결정짓는 요소같다. 다양한 어플간의 비교를 통해 사용자 중심의 디자인은 다양할 수 있다는 것을 인식하게 되었다.

 

---

린의 맛집 블로그 https://blog.naver.com/lynnyeonjulee

맛있는 게 좋아 : 네이버 블로그