自訂應用程式

Android Auto 目前正與特定合作夥伴合作,一起開發自訂應用程式。


結構

Android Auto 應用程式應採用簡單的平面階層,這樣駕駛人就不必記住應用程式內的位置。採用平面階層設計時,應用程式主要畫面會顯示必要的應用程式功能,使用導覽匣導覽次要資訊。

Android Auto 應用程式不應包含行動應用程式/網站的所有功能。而應將最重要的功能放在顯眼且易於使用的位置。應用程式或網站沒有 Android Auto 應用程式的其他相關功能。

在這個範例中,RoboCharge 網站和應用程式含有大量資訊和動作。一次顯示這類內容可能會讓開車時分心。

在 Android Auto 版本中,系統只會顯示最重要的資訊和動作。把額外內容縮到最小,就能提供主要功能,同時盡量減少駕駛人分心的情況。

Android Auto 應用程式包含以下內容:

應用程式與網站提供的主要資訊和動作 汽車專屬功能,例如尋找附近的充電站


Canvas

為符合 Material Design 並確保網頁一目瞭然,互動式內容應以資訊卡或懸浮動作按鈕 (FAB) 的形式顯示在背景上方。

含有動作和懸浮動作按鈕的自訂應用程式
自訂應用程式畫面,包含資訊卡和懸浮動作按鈕的動作
將 UI 元素分組,讓畫面一目瞭然

正確做法

資訊卡可將 UI 元素分組,並藉由行動號召按鈕凸顯畫面,讓畫面一目瞭然。
背景圖層的內容

錯誤做法

背景圖層上的互動內容可能較不明顯,因此應避免使用。

動作

選單按鈕是狀態列中的元素,用於開啟導覽匣。你不必在所有畫面上啟用選單按鈕。請勿使用自訂選單按鈕。

請勿在自訂應用程式中使用返回按鈕。返回按鈕需要駕駛人回想上一個畫面,這不僅增加認知,還可能造成乾擾。如要取代選單按鈕,請在主畫面中為次要畫面提供清楚標示的導覽按鈕。次要畫面應提供返回主畫面的連結,但不應提供其他可建立階層鏈結的導覽連結。

導覽匣中也有返回按鈕,而且所有 Android Auto 應用程式的結構都相同。在導覽匣中,返回按鈕會前往導覽匣的頂層,然後返回主要應用程式檢視畫面。

正確做法

返回按鈕可以存在於導覽匣中。

錯誤做法

自訂應用程式畫面上不應顯示返回按鈕。