視覺原則

專為車輛螢幕設計的內容必須清晰可辨,並提供一致的 UI 和大型觸控目標,方便駕駛人在所有觀看情況下辨識。

本節說明如何執行下列操作:


讓內容清晰易讀

為確保駕駛人可快速掃描及理解螢幕上的內容,這類內容必須能以易於閱讀的方式呈現:

顯示清晰易讀的字型

視覺化呈現的主要和次要文字應符合車輛專用 Android 的字型大小和大小規範。主要文字通常用於決策所需的資訊,例如歌名或聯絡人姓名,而且應為 32dp。次要文字通常用於輔助資訊,例如藝術家姓名或通話類型 (例如「行動裝置」),這類文字應為 24dp。

限製文字長度

使用羅馬字母的文字項目不得超過 120 個字元,包括標點符號和空格。(請注意:上述句子為 101 個字元)。日文文字項目的總和長度不得超過 31 個羅馬字元、假名或漢字。

遵循文字、圖示和背景的對比度

圖示、文字和其他圖片的對比度必須至少為 4.5:1。這項規定適用於任何用來傳達資訊的顯示項目,包括旋轉輸入中的所選項目等。不過,如果提供多餘的資訊 (例如傳達相同意義的圖示和文字),則只需要一個元素便符合對比度規範。旋轉輸入時,必須在背景中醒目顯示對比度規範。

夜間一目瞭然

白天顯示的內容偏向正面 (在淺色背景上使用深色文字) 或負面文字 (深色背景使用淺色文字),夜間顯示的內容則必須為負面的極性。


讓目標更容易觸控

當螢幕上的目標太小或相鄰時,駕駛人很容易分心或打錯:

顯示大小適中的觸控目標

觸控目標應符合 Android Automotive 規範,大小下限為 76 x 76dp。對於特殊情況,有些情況下,寬度可以稍微犧牲高度來取代高度 (但整體區域保持不變),以便妥善因應上下車的震動。

避免觸控目標重疊

觸控目標不得彼此重疊。選擇縮放選項有助於將目標分離,有助於減少重疊問題。如果可以,請讓觸控目標之間至少允許 23dp。


保持 UI 元素一致

為了協助駕駛人快速瞭解螢幕上的選項,使用者介面必須清晰一致:

使用一致的地圖圖示、術語和互動模式

圖示和術語應一致地對應一對一與各個功能。同樣地,互動模式應保持一致且可預測。

說明動態中的主動和停用功能

介面應清楚區分不允許的功能和禁止的功能,例如調暗令人分心的媒體內容。此外,介面也應區分僅供開車時使用的功能,以及僅在行車期間使用的功能。舉例來說,開車時應隱藏搜尋框。