탐색 템플릿은 기본 지도와 경로 정보(선택사항)를 표시합니다.
사용자가 텍스트 기반 세부 경로 안내 없이 운전하는 경우 앱에서 실시간으로 업데이트되는 전체 화면 지도를 표시할 수 있습니다. 내비게이션이 진행 중일 때 앱에서는 조작 및 표시 경로 세부정보와 내비게이션 알림이 포함된 카드(선택사항)를 표시할 수 있습니다.
이 템플릿을 탭 템플릿에 삽입하여 탭 탐색 기능을 제공할 수 있습니다.
포함 항목:
- 앱에서 그린 전체 화면 기본 지도
- 예정된 조작이 포함된 라우팅 카드 (선택사항)
- 예상 도착 시간 (ETA), 목적지까지 남은 시간, 남은 거리가 포함된 예상 이동 시간 카드 (선택사항)(또는 맞춤 텍스트 및 아이콘 옵션과 함께 대체 정보가 표시됨)
- 최대 4개의 앱 작업이 있는 작업 스트립(작업 스트립의 공개 상태에 설명된 대로만 표시됨)
- 지도 상호작용을 위한 최대 4개의 버튼이 있는 선택적 지도 작업 스트립
![탐색 템플릿의 와이어프레임](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-template.png?authuser=8&hl=ko)
계기판에 지도 표시
내비게이션이 진행 중일 때 앱은 내비게이션 템플릿을 사용하여 계기판에 지도를 표시할 수 있습니다. 클러스터는 핸들 뒤에 있는 대시보드의 영역입니다. 이 옵션은 현재 사전 체험판 파트너만 사용할 수 있습니다.
![지도 클러스터의 와이어프레임](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/nav-template-map-cluster.png?authuser=8&hl=ko)
클러스터의 지도의 용도는 다음과 같습니다.
- 독립적으로 렌더링되지만 원하는 경우 기본 디스플레이를 복사할 수 있습니다.
- 비대화형. 버튼과 같은 상호작용 요소가 삭제됩니다.
- 어두운 테마: 운전자가 도로에서 벗어나게 될 가능성을 줄이려면 어두운 테마 버전의 계기판 지도를 그리는 것이 좋습니다.
클러스터의 앱 지도는 내비게이션 상태, 차량 OEM 환경설정 (AAOS), 기본 디스플레이에 표시되는 항목 (AAP) 등의 요인에 따라 특정 시간에만 표시됩니다.
클러스터와 관련된 사용자 흐름 샘플은 클러스터에서 지도 보기를 참고하세요.
계기판 및 중앙 화면의 예
![경로 개요 지도가 표시된 지도 클러스터의 와이어프레임](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/nav-template-map-cluster.png?authuser=8&hl=ko)
![설정이 포함된 지도 클러스터의 와이어프레임](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/nav-template-map-cluster-2.png?authuser=8&hl=ko)
라우팅 카드 세부정보
![라우팅 상태의 라우팅 카드 세부정보 예시](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-routing-card-details.png?authuser=8&hl=ko)
라우팅 카드가 메시지 상태가 아닌 라우팅 상태이면 다음 정보를 표시합니다.
- 현재 단계: 아이콘 (일반적으로 방향 화살표), 거리 및 큐 텍스트 (경로 마커와 같은 이미지 범위가 포함될 수 있음) 포함
- 차선 안내 (선택사항): 간단한 차선 지원 이미지 또는 더 큰 교차로 이미지로 표시됩니다 (유연한 크기, 최대 높이 200dp).
- 다음 단계 (선택사항): 아이콘과 큐를 포함하며 분기점 이미지를 포함하지 않는 라우팅 카드 하단에만 표시될 수 있습니다.
라우팅 상태의 또 다른 옵션은 라우팅 카드에서 로드 중, 계산 중 또는 경로 재설정과 같은 일시적인 상태를 나타내는 스피너 애니메이션 (여기에 표시되지 않음)을 표시하는 것입니다.
경우에 따라 운전 중 경유지 추가에 표시된 대로 경로 정보가 플로팅 탐색 메뉴에 대신 표시될 수 있습니다.
라우팅 카드의 메일 상태
라우팅 카드가 message 상태이면 라우팅 경로 대신 메시지가 표시됩니다. 메시지는 목적지 도착 또는 경로 오류와 같은 상황을 전달하는 데 사용할 수 있습니다.
메시지 상태에서 라우팅 카드에는 다음이 포함될 수 있습니다.
- 비어 있지 않은 라우팅 관련 메시지(최대 2줄 길이)
- 이미지 또는 아이콘 (선택사항)
![라우팅 카드 메시지 상태의 예시](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-message-state.png?authuser=8&hl=ko)
내비게이션 알림: 세부 경로 안내 (TBT) 및 일반
![TBT 알림이 있는 라우팅 카드](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-tbt-notification.png?authuser=8&hl=ko)
![일반 알림이 있는 라우팅 카드](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-regular-notification.png?authuser=8&hl=ko)
TBT 알림: 앱이 텍스트 기반 TBT 경로를 제공하는 경우 TBT 알림도 트리거해야 합니다. 이러한 알림은 탐색 템플릿 외부에 TBT 경로를 노출하는 데 사용됩니다. 앱에서 TBT 알림 배경 색상을 맞춤설정하여 가시성을 높일 수 있습니다.
일반 알림: 경로 설정 변경과 같은 기타 내비게이션 관련 메시지를 전달하기 위해 내비게이션 앱에서는 정기적 (TBT가 아닌) 알림 (여기에 나와 있음)을 보내거나 내비게이션 알림을 사용할 수도 있습니다. 라우팅 카드가 표시된 경우에도 표시될 수 있습니다.
내비게이션 알림
내비게이션 알림은 탐색 경로를 차단하지 않는 형식으로 간단한 임시 메시지와 선택적 작업을 제공합니다. 콘텐츠는 단순하고 탐색 작업과 관련이 있어야 합니다. 예를 들어 알림은 교통상황의 변화를 설명하거나 운전자가 고객을 태울 수 있는지 물어볼 수 있습니다.
각 알림에는 다음이 포함됩니다.
- 제목 및 부제목(선택사항)
- 아이콘(선택사항)
- 진행률 표시기 – 막대 또는 (선택사항) 시간이 지정된 버튼에 내장됨
- 최대 2개의 버튼 - 버튼을 기본 또는 시간 표시 버튼으로 지정할 수 있습니다(이전 그림과 같이 진행률 표시기 포함).
알림은 다음 중 한 가지 방법으로 닫을 수 있습니다.
- 사용자의 액션 선택
X
초 후 시간 초과 (구성 가능)- 사용자 작업 없이 앱 닫기
![내비게이션 알림](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-alert.png?authuser=8&hl=ko)
탐색 템플릿 예
![탐색 템플릿, 상호작용 없음](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-full-screen.png?authuser=8&hl=ko)
![탐색 템플릿, 상호작용 없음](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigate_to_saved_location_2.png?authuser=8&hl=ko)
탐색 템플릿 UX 요구사항
앱 개발자:
필수 | 경로 카드에 1개 이상의 요법을 표시합니다. |
필수 | 사용자 플로우를 사용 설정하려면 작업 표시줄에 작업 버튼을 하나 이상 포함합니다. |
필수 | 앱이 화면 이동 동작을 지원하는 경우 지도 작업 스트립에 화면 이동 버튼을 포함합니다. |
해야 하는 작업 | 클러스터에 표시되는 지도에 어두운 테마를 사용하세요. |
해야 하는 작업 | 지도 작업 스트립에는 지도 상호작용과 관련된 버튼만 포함합니다 (예: 나침반, 중심 재설정 또는 3D 모드). |
해야 하는 작업 | 세부 경로 안내를 제공할 때 내비게이션을 종료하는 버튼을 포함합니다. |
해야 하는 작업 | 국제 또는 국가별 기호와 표준화되거나 일관된 기호를 사용하세요. |
해야 하는 작업 | 교차로 이미지는 카드 너비와 이미지를 포함하여 탐색과 관련된 콘텐츠를 표시할 때만 사용합니다. |
해야 하는 작업 | 라우팅 카드 배경과 혼합되도록 투명한 배경이 있는 레인 이미지를 제공합니다. |
해야 하는 작업 | 현재 내비게이션 작업과 관련된 주의를 분산시키지 않는 정보에 대해서만 알림을 사용합니다. |
가능한 작업 | 차선 아래에 짧은 지원 텍스트 (Roboto 24 권장)를 표시하고 강조 표시되지 않은 차선의 대비율을 낮게 표시합니다. |
가능한 작업 | 빠르게 연달아 발생하는 경우 라우팅 카드에 2가지 조작을 표시합니다. |
가능한 작업 | 라우팅 카드 텍스트에 경로 마커와 같은 이미지를 포함합니다 (현재 단계 및 다음 단계). |
가능한 작업 | 사용자가 텍스트 기반 세부 경로 안내 없이 운전 중이거나 무료 운전 모드인 경우 전체 지도를 표시합니다. |
가능한 작업 | 필요에 따라 경로 카드 및 예상 이동 시간 구성요소를 표시하거나 숨길 수 있습니다. |
가능한 작업 | 지도에 현재 속도, 제한 속도, 전방 카메라와 같은 운전 관련 세부정보 및 알림을 그립니다. |
가능한 작업 | 경로 카드 배경 색상을 맞춤설정하고 도로 유형 또는 기타 관련 조건을 반영하도록 탐색 세션 중에 배경 색상을 변경합니다. |