導覽範本會顯示基本地圖和選用路線資訊。
當使用者開車時,沒有文字式即時路線指示時,應用程式可以在全螢幕顯示即時更新的全螢幕地圖。在導航期間,應用程式可以透過自動化動作和介面詳細資料顯示選用資訊卡,以及導覽快訊。
這個範本可嵌入分頁範本以提供分頁式導覽。
包含:
![導覽範本的線框](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-template.png?authuser=0000&hl=zh-tw)
地圖顯示在叢集中
啟用導航期間,應用程式可以透過「導覽」範本在儀表板中顯示地圖。叢集是指方向盤後方的資訊主頁區域。這個選項目前僅供搶先體驗合作夥伴使用。
![地圖叢集的線框](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/nav-template-map-cluster.png?authuser=0000&hl=zh-tw)
叢集內的地圖是:
- 獨立轉譯,但可視需要複製主要螢幕。
- 非互動式。移除互動元素,例如按鈕。
- 深色主題。強烈建議您繪製深色主題的儀表板地圖,這樣就能避免吸引駕駛人注意路況。
視導航狀態、車輛原始設備製造商 (OEM) 偏好設定 (AAOS) 以及主螢幕上顯示的內容 (在 AAP 中) 等因素而定,叢集中的應用程式地圖只會在特定時間顯示。
如需叢集相關的範例使用者流程範例,請參閱「查看叢集中的地圖」一文。
叢集和中央畫面範例
![含有路線總覽圖的地圖叢集的線框](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/nav-template-map-cluster.png?authuser=0000&hl=zh-tw)
![設有設定的地圖叢集的線框](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/nav-template-map-cluster-2.png?authuser=0000&hl=zh-tw)
銀行卡片詳細資料
![轉送狀態的路由卡片資料模擬圖](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-routing-card-details.png?authuser=0000&hl=zh-tw)
當路由卡處於轉送狀態 (而非訊息狀態) 時,會顯示下列資訊:
- 目前步驟:包含圖示 (通常是方向箭頭)、距離和提示文字 (可能包含路線標記等圖片跨度)
- 車內指南 (選用):顯示為簡單的車道輔助圖片,或更大的接線圖片 (彈性大小,高度上限為 200dp)
- 後續步驟 (選用):包含圖示和提示,且只能顯示在不含路由圖片的路由資訊卡底部
轉送狀態中的另一個選項,是讓路由資訊卡顯示旋轉圖示 (未在這裡顯示) 來表示暫時狀態,例如載入、計算或重新轉送。
在某些情況下,路線資訊可以改為顯示在浮動導覽列中,如「在開車時新增停靠點」所示。
路由卡的訊息狀態
當路由卡處於「訊息」狀態時,系統會顯示訊息,而不是轉送路線。此訊息可用來傳達情況,例如抵達目的地或路線失敗。
在郵件狀態中,路由資訊卡可能包含:
- 非空白的轉送相關訊息,長度最多 2 行
- 圖片或圖示 (選用)
![路由卡訊息狀態模擬圖](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-message-state.png?authuser=0000&hl=zh-tw)
導航通知:即時路線 (TBT) 和一般導航
![含有 TBT 通知的路卡](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-tbt-notification.png?authuser=0000&hl=zh-tw)
![定期通知的路由卡](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-regular-notification.png?authuser=0000&hl=zh-tw)
TBT 通知:如果應用程式提供以文字為基礎的 TBT 路線,也必須觸發 TBT 通知。這些通知可用於在 Navigation 範本以外的位置顯示 TBT 路線。應用程式可以自訂 TBT 通知背景顏色,使其更清楚顯示。
一般通知:如要傳達其他導覽相關訊息 (例如路線設定變更),導航應用程式也可以傳送一般 (非 TBT) 通知 (如下所示) 或使用導航快訊。即使顯示路線卡,這些內容仍可能會顯示。
導航快訊
導覽快訊會以不封鎖導航路徑的格式,提供簡短的臨時訊息和選用動作。內容應簡單且與導覽工作相關。例如,快訊可能會說明路況的變化,或詢問駕駛人是否能接送顧客。
每則快訊都包含:
可透過下列方式關閉快訊:
- 使用者選取任何動作
X
秒後發生逾時 (可設定)- 應用程式在使用者未操作的情況下關閉
![導航快訊](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-alert.png?authuser=0000&hl=zh-tw)
導覽範本範例
![導覽範本、無互動](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigation-full-screen.png?authuser=0000&hl=zh-tw)
![導覽範本、無互動](https://developers.google.cn/static/cars/design/create-apps/apps-for-drivers/templates/images/navigate_to_saved_location_2.png?authuser=0000&hl=zh-tw)
導覽範本使用者體驗規定
應用程式開發人員:
必須 | 在路由卡上顯示至少 1 名車輛。 |
必須 | 在動作列中加入至少一個動作按鈕,即可啟用使用者流程。 |
必須 | 如果應用程式支援平移手勢,請在地圖動作列中加入平移按鈕。 |
建議 | 在叢集顯示的地圖上使用深色主題。 |
建議 | 只在地圖動作列 (例如指南針、重新置中或 3D 模式) 中加入與地圖互動相關的按鈕。 |
建議 | 提供即時路線導航時加入結束導航的按鈕。 |
建議 | 使用經過標準化或與國際或國家/地區專屬符號一致的符號。 |
建議 | 僅使用接線圖片來顯示與導覽相關的內容,且內容橫跨資訊卡寬度。 |
建議 | 提供透明背景的車道圖片,與路線卡背景完美融合。 |
建議 | 請只針對與目前導覽工作相關的非干擾資訊使用快訊。 |
5 月 | 在車道下方顯示輔助文字 (建議使用 Roboto 24),未醒目顯示的車道對比率偏低。 |
5 月 | 當路由卡快速連續發生時,在路由卡上顯示 2 次指令。 |
5 月 | 並將路線標記等圖片納入路線卡文字 (目前步驟和後續步驟)。 |
5 月 | 當使用者開車時,沒有文字提供即時路線指示或處於免費行車模式時,系統會顯示完整地圖。 |
5 月 | 視需要選擇要顯示或隱藏路線資訊卡和行程預估元件。 |
5 月 | 在地圖上繪製與駕駛相關的詳細資料和快訊,例如目前速度、速限和攝影機。 |
5 月 | 自訂路線資訊卡背景顏色,並在導航期間變更顏色,以反映道路類型或其他相關條件。 |