brunch

You can make anything
by writing

C.S.Lewis

by 오브 Oct 02. 2024

생활을 연결하는 올인원 플랫폼 '네이버 지도' 분석 2

서비스 / UI∙UX 분석 노트 03

*분량 문제로 이번 분석 노트는 1, 2편을 나눠 업로드합니다. 

1편은 서비스 소개, 산업 분석, 유저 정보, 주요 기능/서비스, 비즈니스 모델 캔버스 

2편은 주요/신규 서비스 분석, UI/UX 분석 내용을 담고 있습니다.

참고 아티클은 두 편 다 동일한 링크입니다.

두 편 모두 재밌게 봐주세요! :)


<네이버 지도 1편>



기능/서비스 분석

✔️ 주요 서비스   

• 스마트어라운드 서비스 → AI 기반 현재 위치/설정 위치 기준 사용자의 연령∙성별, 시간대별 인기도에 따른 장소 추천

- 2018년 출시, 2020년부터 네이버 지도에 탑재 → SME 매장 노출 접점 확대

- 오늘의 PICK! / 주변 / 이번 주에 가볼 만한 / 이번 주에 많이 저장한 / 새로 오픈한 등 각 카테고리별 장소 추천 큐레이션 → 모달, 상하 스크롤 방식


• 장소 저장 기능 개편 → 저장 장소 업종별 카테고리 필터 기능, 다른 이용자들과 나만의 저장 리스트를 공유하는 저장 리스트 공유 기능

- 장소 최대 5,000개까지 저장 가능

- 저장 리스트 중 폐업했거나 영업을 일시 중지한 장소 별도의 탭으로 안내(저장 리스트 - ‘폐업했거나 정보가 없는 장소 (숫자)’ 탭 → 이동)

- 리스트 공유 → 공유받은 리스트 '리스트 저장' 버튼 클릭 시 저장

SNS에서 지역별 로컬 맛집, 인플루언서 추천 맛집, 연예인 방문 장소, 드라마 촬영지 등 다양한 주제로 저장 리스트를 만들어 공유, 단순 장소 저장뿐 아니라 저장 기능 내 메모, URL 추가 등을 활용해 해당 장소와 관련된 정보, 에피소드를 함께 작성해서 업로드 e.g. 웰컴투 삼달리 촬영스팟

- 추후 장소 리스트를 친구와 함께 관리할 수도 있게 업데이트할 예정

출처: 네이버지도 공식 블로그
출처: 트위터


• 별별저장소 서비스 → 사람들이 많이 저장한 숨은 맛집 찾기

이용자들이 많이 저장한 장소를 여러 주제의 리스트로 모아 소개, ⭐️을 통해 리스트에 포함된 가게들의 저장 수 합계 안내 → 주제별 맛집 리스트를 저장 탭에 한 번에 저장

- NEW 새로운 발견 / PICK 지금 딱 좋아 / ALL 저장 많은 맛집(등록순, 최신순)으로 세분화해 리스트업

출처: 네이버지도 별별저장소


• 애견인을 위한 ‘애견 동반’ 탭과 별별저장소 ‘갈수있어 강아지도’

- 상단 필터 버블에 업종 카테고리 - 상세 필터에 '애견동반' 탭 버튼 배치 → 반려견 동반이 가능한 장소 필터링

- (23.03 업데이트) 3/30까지 홈 상단 필터 버블에 ‘애견 동반 식당’ 배치 - 반려견 동반이 가능한 맛집, 베이커리, 카페 등 필터링 제공   

별별저장소 내 '갈수있어 강아지도' 탭 신설, 전국 지역별 애견 동반 맛집, 카페, 숙소 리스트 제공

출처: 네이버지도 강아지도


 2천만 이용자의 관심을 담은 관심지역 서비스 → 빅데이터 기반 트렌드 지도

- 네이버 지도 이용자 검색·저장·리뷰 등 활동을 데이터화 및 분석해 오프라인 트렌드 안내, 지도 내 옅은 살구색 표시로 직관적 확인 가능

- 매번 같은 정보를 보여주는 것이 아닌 시간의 흐름, 계절, 트렌드 변화 등 이용자들의 관심에 따라 변화된 정보 안내

출처: 네이버지도 공식 블로그


✔️ 신규 서비스

 유고 정보(도로 통제, 공사, 사고, 재해 등) 서비스  → 도로 위 각종 사고소식 전달, 재해정보 강화해 사용자의 안전 이동 지원

사용자 위치에 기반해 지도 홈에서 유고 정보를 요약 카드 형태로 제공

- 홍수 경보, 댐 방류 예보 안내·대형 화재를 신규 정보로 포함

- 교통정보 버튼을 켜야 확인할 수 있었던 유고 정보를 도로, 교량, 터널, 지하차도 통제, 지하철역 통제 상황을 지도 위 아이콘으로 바로 안내

- 유고 아이콘을 누르면 상세 정보 확인 가능

출처: 네이버지도 공식 블로그


 날씨 기능 개편 → 주변 / 저장 / 대중교통 / 내비게이션 탭에서 현재 보고 있는 지역의 최신 날짜 정보 바로 확인

- 날씨 버튼 클릭 시 체감온도, 대기질 정보를 포함한 현재 날씨 시간대별 날씨, 일별 날씨 확인

- 태풍, 호우, 대설, 한파 등 주의보/경보 기상특보 표시

출처: 네이버지도 공식 블로그


 계단 회피 경로 기능 → 대중교통 길 안내로 확대 적용, 교통 약자의 편의성 증대, 유모차, 캐리어 등을 끄는 사용자에게도 유용

기존 도보 길 찾기 기능 내 선택지로 추가

- 계단 이용이 어려운 사용자를 위해 이동 과정에서 계단 회피 경로 안내, 계단을 우회해 도착지에 도달할 수 있는 경로 안내


• 사회서비스 바우처 제공기관 검색 기능 → 사회서비스 이용자 및 제공자 편리성 향상

기존 사회서비스 전자바우처 홈페이지 / 정부 누리집을 통해 제공기관과 주소 확인

- 보건복지부와 협약, 10개 사업, 12,000여 개 제공기관 검색 가능

지도 내 사회서비스 전자 이용권 제공기관 검색∙조회, 이용 가능시간 등 정보 파악, 초기 상담 예약 가능 e.g. ‘산모·신생아바우처’ 검색 → 주변 기관 확인

지도에 표시되는 기관 정보 중 결제수단에 현금, 신용카드 외 사회서비스 바우처 추가, 사회서비스 바우처 사용 가능한 기관인지 여부 확인 가능



UI/UX 분석

✔️ 홈 화면 - 스마트어라운드 서비스 강조, 주변 장소 추천 → SME 홍보

홈 화면 - 스마트어라운드

• 검색창 / 카테고리별 필터 버블 / 날씨 / 추천 장소 탭으로 각 기능 클릭 시 화면 이동/확장

• 지도 화면 탭 해서 탐색 시, 스마트어라운드 바텀 시트 축소

• 스마트어라운드(주변 장소 추천) 기능 - 바텀 시트, Non-Modal 타입(기존 화면과 상호작용 가능), 스크롤 시 검색창, 필터 버블 하단까지 바텀시트 확장 → 시간대, 거리 필터 / 추천순/리뷰순/거리순 필터

• 스마트어라운드 구성 - 오늘의 PICK! / 주변 / 이번 주에 가볼 만한 / 이번 주에 많이 저장한 / 새로 오픈한

• 탭바 구성 → 주변 / 저장 / 대중교통 / 내비게이션 / MY


✔️ 카카오맵 비교

카카오맵 홈 화면 - 트렌드 랭킹

• 홈화면 바텀시트에 기존 지도 기능(지하철노선, 위치공유, 안전주행)과 주변 장소 추천 기능(트렌드 랭킹, 테마지도)를 동일한 중요도로 같은 시각 계층 구조 사용 → 장소 추천 기능은 1-depth 추가

• 트렌드 랭킹 기능 - 지역, 음식 종류 필터를 강조, 지도 보기 클릭 시, 지도에 랭킹 순번 표시

• 트렌드 랭킹 구성 → 사용자 데이터 기반 정보이기 때문에 신뢰도가 높음

- 행정 구역 분류에 따라 지역 분류(e.g. 시/구/동) 

검색순 / 길 찾기 순 / 즐겨찾기순 / 친구공유순 4가지의 랭킹 기준 제공

• 지도 탐색 시 바텀시트는 사라지지만, 탭바에 홈이 있어서 홈 클릭 시 다시 기능 사용 가능


Good Point 좋은 점

• 바텀시트 애니메이션이 부드러움.

• 지도 화면과 상호작용이 뛰어남. 바텀시트가 사라지지 않고 하단에 위치하고 있어 지도 탐색 중 언제든 다시 기능을 사용할 수 있음.

• 지도에서 날씨, 유고 정보를 바로 확인할 수 있어 따로 찾아보지 않아도 됨.


Bad Point 아쉬운 점

• 스마트어라운드 구성 중 원하는 정보를 확인하려면 스크롤 방식으로 모든 콘텐츠를 봐야 함. 원하는 구성의 정보만 확인할 수 없다는 점에서 번거로움 + 추천 이유를 알 수 없는 구성이 섞여 있어 광고의 느낌이 두드러짐. 

 Idea 필터별 정보 탐색이 가능하게 해 고객 중심으로 정보를 제공한다면 광고의 느낌이 덜어져 장소 탐색용 기능의 인식이 높아질 것 같음.

• 스마트어라운드에서 가게별 사진이 차지하는 크기가 너무 큼. 또 1개의 사진이 대표로 보이기 때문에 보통 가게 로고 등이 대표 사진으로 지정돼 있는데, 실제 고객이 장소를 탐색할 때 얻고 싶은 정보가 아님. 

→  Idea 현재보다 사진 크기를 줄이고 대표 사진이 아닌 여러 장의 사진을 보여주는 것으로 시각적 계층 구조를 조정하면 좋을 것 같음.

• Idea 상단보다 하단에 홈 탭이 있는 것이 접근 편리성이 좋아질 것 같음.


✔️ 장소 검색 화면 - 다양한 조건의 플레이스 필터를 통한 탐색 용이성


'카페' 검색 화면 - 플레이스 필터(위) / 검색 장소 목록 - 광고 적용 장소 표시(아래)

• 검색 시 아이콘으로 업종을 구분해서 지도에 표시, 가게 상세 정보는 바텀시트

• 다양한 플레이스 필터 목록

정렬, 영업시간, 속성, 네이버 예약∙주문 등 정량 데이터 기반 필터 + 음식 종류, 목적, 테마, 분위기, 시설∙서비스 등 정성 데이터 기반 필터로 다양한 선택지 제공

- 필터 선택 시 하단 결과보기 00건 버튼을 통해 선택에 따른 결과치 예측 가능

• 광고가 적용된 장소의 경우 아이콘 모양의 차별화 표시/안내

• 스크롤 시 가게 목록을 확인할 수 있고 가게별 네이버 예약, 톡톡, 쿠폰 사용 가능 표시 뱃지 / 쿠폰 세부 내용 안내 / 영업시간, 별점, 리뷰수 / 스와이프 형식으로 리뷰 사진, 상세 리뷰 확인 가능


Good Point 좋은 점

• 가게별 상세 페이지를 들어가지 않아도 기본 정보를 확인할 수 있어서 장소 탐색에 용이함.

• 영업 중 필터가 상단에 위치해 있어 탐색 후 바로 이동하는 과정에서 편리함을 제공함.

• 지도에서 광고 적용 장소는 직관적으로 인식이 가능함.


Bad Point 아쉬운 점

• 바텀시트 장소 목록 상단은 광고 장소가 먼저 뜨기 때문에 하단 장소의 신뢰성이 떨어지는 느낌을 줌.

• Idea 카페의 경우, 업종에 따라 커피 맛집 / 디저트 맛집 / 베이커리 맛집 같이 필터를 세부화해도 좋을 것 같음.

• Idea 장소를 탐색할 경우, 휴무일이 중요하기 때문에 휴무요일이나 영업요일을 체크하는 필터를 제공하면 좋을 것 같음.


✔️ 장소 정보 화면 - 네이버 예약부터 쿠폰 다운로드까지 한 페이지에서!

장소 정보 화면 - 기본 정보 / 메뉴 / 방문자 사진∙영상 / 방문자 리뷰 / 블로그 리뷰
주변 장소 추천 화면 / 장소 정보 SNS 링크 접속  화면(인앱 브라우저) 

• 네이버 플레이스와 연동 - 네이버 예약, 플레이스 쿠폰 다운로드 가능

• 기본 정보, 메뉴, 방문자 사진∙영상, 방문자 리뷰, 이 장소가 포함된 테마리스트, 블로그 리뷰, 주변 정보 제공

• 주변 장소 추천 - 이 장소와 비슷한 맛집(카페), 함께 가볼만한 카페(맛집), 주변(맛집∙카페, 취미생활, 놀거리, 명소, 아이와함께 필터)

• 장소 정보에 업로드된 캐치테이블, 인스타그램 등 링크 클릭 시 인앱 브라우저 방식 사용.


Good Point 좋은 점

• 네이버 플레이스와 연동돼 있어 따로 검색할 필요 없이 네이버와 연동된 모든 활동이 가능함.

• 주변 장소를 추천해줘 주변을 탐색해 이동 동선을 짜기가 쉬움.


Bad Point 아쉬운 점

• 인앱 브라우저 방식의 경우, 장단이 있지만 웹페이지 없이 앱으로만 존재하는 서비스의 경우 오류가 생기기 때문에 엣지 케이스에 대한 안내나 처리(앱 설치 페이지로 이동하는 방식)을 고려해봐야 함.

• 플레이스 사장님 관련 내용이 일반 사용자에게도 노출됨. 플레이스 권한 부여도 SME 관리 페이지에서만 노출∙관리할 필요성이 있어 보임.


✔️ 마이페이지 화면 - 홈 / 타임라인 / 리뷰 / 피드

마이페이지 화면 - 홈/ 타임라인 / 리뷰 / 피드

• 네이버 MY플레이스 홈과 연동 돼 방문 장소, 영수증 리뷰, 팔로잉 피드까지 한 번에 확인이 가능

• 예약에 따른 스케줄 확인과 내가 남긴 리뷰 확인 및 관리가 용이함.


Good Point 좋은 점

• 따로 페이지에 방문하지 않아도 방문 및 리뷰 관리, 리뷰 영향력 등을 확인할 수 있어 편리함.

• 리뷰, 팔로워, 팔로잉, 테마지도 만들기 등 기능을 통해 장소를 추천하고 받으며 SNS처럼 사용이 가능.


Bad Point 아쉬운 점

• 리뷰 장소를 클릭했을 때 플로우가 네이버 지도 앱으로 연결되는 것이 아닌 인앱 브라우저 방식으로 열리기 때문에 추가적으로 지도를 탐색하기는 어려움이 있음.


✔️ 길 찾기 화면 - 직관적 UI의 집합체

동일 경로의 네이버 지도 길 찾기 화면(왼) / 카카오맵 길 찾기 화면(오)

• 15초를 기준으로 길 찾기 자동 업데이트

• 대중교통은 전체(버스+지하철) / 버스 / 지하철 경로 제공, 도착정보와 혼잡도, 버스정류장 정보(중앙) 제공

• 고정 경로 저장 기능 제공


Good Point 좋은 점

• 대중교통 이용 시, 버스 종류, 지하철 노선 색에 따른 직관적인 표시로 이동 수단에 대한 인식이 편이함.

• 이동 방법과 이동 시간을 표기해 전체 이동 시간과 이동 수단별 세부 이동 시간에 대해 알 수 있음.

• 버스의 경우, 도착 예정 시간에 기반해 2대의 도착정보를 표시해 줘서 대기 시간 파악에 용이함.

• 카카오맵과 비교했을 때, UI가 이동 시간, 수단 등을 파악을 파악하는 데 더 직관적임. 또한 경로별 피드를 확실히 분리해 놔서 경로별 구분이 편리함.


Bad Point 아쉬운 점

• 전체 경로 정보에 대한 정보가 무엇을 의미하는지 헷갈릴 수 있음.

• ‘바로 안내시작’ 버튼을 누르지 않고 경로 안내 부분은 어디를 클릭해도 지도 안내 화면으로 이동하기 때문에 안내 버튼이 있지 않아도 괜찮을 것 같음.

• 카카오맵은 버스 어플, 지하철 어플이 따로 있는 만큼, 버스 정류장 명칭, 정류장 번호 등 세부 정보 제공에 집중한 것으로 보임. 대신 UI 측면에서 중요도를 낮춰 도보 / 대중교통의 차이만 표시함. 또한 지하철 어플에서 제공하는 승하차 알림 기능을 통해 하차 예정시간에 알림을 받을 수 있음.

• Idea 단순 위치 공유뿐 아니라 각자 출발지의 중간 지점을 고려한 기능이 추가되면 좋을 것 같음(e.g. 위밋플레이스)



눈여겨봐야 할 업계 및 경쟁사 동향


작가의 이전글 생활을 연결하는 올인원 플랫폼 '네이버 지도' 분석 1
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari