小工具品質

小工具是自訂使用者主畫面的重要元件。使用者通常只要輕觸一下小工具,就能完成應用程式的關鍵使用者歷程,或快速查看重要更新摘要。使用者也可以自訂小工具,根據個人偏好調整。

小工具相容性檢查清單

小工具品質會影響使用者與應用程式內容和功能的互動。相容性檢查清單定義了相關標準,可協助您評估小工具的品質。等級包括:

第 3 級低品質圖示

第 3 級 - 品質不佳

這些小工具不符合最低品質標準,使用者體驗不佳。如果小工具不符合標準版面配置、顏色、探索和內容條件,就會被視為品質不佳。

第 2 級標準版圖示

第 2 級 - 標準版

這些小工具實用、好用,且能提供優質體驗。如要達到標準,小工具必須符合下列所有版面配置、顏色、探索和內容條件。

第 1 級「差異化」圖示

第 1 級:差異化

這些小工具是提供個人化主打體驗的典範,可協助使用者打造獨特且有效率的主畫面。


第 3 級低品質圖示

級別 3

低品質小工具的特徵

如果小工具符合下列任一情況,即視為品質不佳:

類別 ID 說明
版面配置 WL-1

使用者將小工具放在主機介面上時,小工具不會填滿主機格線的邊界。

WL-1.1

小工具未觸及格線的至少 2 個對邊。換句話說,小工具不一定要是矩形,也可以自訂形狀,只要形狀的邊緣至少接觸到網格的 2 個邊緣即可。

顏色 WC-3

小工具文字和圖示按鈕的色彩對比度不足,不符合無障礙功能規定。

探索 WD-4.2

小工具設計不含小工具名稱。

WD-4.3

小工具沒有預覽圖片。

內容 WT-3

小工具內容經常過時或不合時宜。

WT-3.1

使用者透過小工具完成操作後,小工具並未更新。

WT-3.2

使用者在應用程式內完成相關動作後,小工具未更新。

WT-4

小工具 UI 無法運作或內容遭到裁剪。

第 2 級標準版圖示

級別 2

標準小工具規定

符合這項基準品質標準的小工具會視為標準小工具,但不會視為精選或推薦的展示小工具。

類別 ID 說明
版面配置 WL-1

小工具會與垂直或水平軸上的其他主機元素對齊,不會占用額外空間。

WL-1.2

所有形狀都應至少觸及格線邊界的 2 個相對邊緣。

WL-4

如果小工具可調整大小,請定義大小上限和下限。重新排列版面配置,在小工具放大時顯示更多內容。請勿線性縮放文字和圖示。

WL-4.1

如果較大的小工具尺寸只會增加空白空間,請設定寬度或高度上限。如果較大的小工具會顯示更多內容 (例如較長的捲動清單),請允許不受限制地調整大小。

WL-4.2

小工具的大小下限必須足以清楚顯示用途,並符合 48x48 dp 觸控目標規定。系統可以縮放電腦或車輛螢幕的觸控目標。

探索 WD-4

小工具挑選器應顯示準確的小工具預覽畫面 (靜態素材資源)。

內容 WT-1

零和空白狀態必須縮放至較大的小工具邊界,且不得有稀疏區域。如果使用者在登入前安裝小工具,小工具必須顯示明確的用途或行動號召。

WT-2

如果使用者預期資料重新整理的頻率高於 UI,可以透過小工具手動重新整理內容。

提供 48x48 dp 的觸控目標。
觸控目標過小。
確保色彩對比度足夠。
使用對比度不足的顏色。
圖 1: 請勿建立預覽畫面不準確的小工具。

第 1 級「差異化」圖示

級別 1

不同小工具的規定

這些小工具支援進階主畫面自訂功能,我們會向使用者推薦,並向開發人員介紹最佳做法。獨特的小工具可提供主打體驗,Android 會利用這些小工具激發並活化生態系統。符合所有差異化版面配置、顏色、探索和內容條件。

類別 ID 說明
版面配置 WL-1

小工具會與垂直或水平軸上的其他主機元素對齊,不會占用額外空間。

WL-1.1

所有矩形小工具都必須觸及格線邊界的四個邊緣。所有自訂形狀的小工具都必須觸及方形格線邊界的全部 4 個邊緣。如果大小為 4x1 且包含搜尋列,則只能與 2 個邊緣接觸。

WL-2

使用者可將小工具大小調整為 2x1,以及下列至少兩種大小:1x1、2x2、4x2、4x4。

WL-3

一律使用並套用小工具標頭。

  • 建議在下列情況使用標頭:
    • 小工具含有捲動內容。
    • 標頭內容提供實用的背景資訊,例如清單名稱。
  • 在下列情況下,您可以選擇是否使用標頭:
    • 小工具為滿版,例如相片小工具。
    • 名額有限。
    • 標頭內容重複。
  • 如果使用標頭,請確認:
    • 一律顯示圖示
    • 空間足夠時會顯示標題
    • 動作會根據小工具情境而定。
WL-5

集合和小工具支援垂直捲動容器。如果尺寸較大 (例如 4x2 和 4x4),這些小工具會顯示更多項目,以及各項目的更多詳細資料。

顏色 WC-1

小工具支援根據裝置或應用程式背景資訊設定色彩主題。

WC-2

小工具支援淺色和深色主題調色盤。

探索 WD-1

預覽畫面會顯示目標板型規格的版面配置比例,並包含使用者內容、套用系統主題,或兩者皆有。

WD-4.4

小工具附有說明,可協助使用者瞭解小工具的價值。

WD-4.5

小工具名稱應具描述性,且與應用程式的其他小工具不同。

系統一致性 WS-2

矩形小工具必須使用系統提供的圓角半徑 (OEM 專屬)。

WS-3

小工具會使用載入狀態規格,並直接在小工具 UI 上顯示錯誤。

WS-4

小工具會使用系統設定,而非自訂小工具設定進入點。

WS-5

從小工具進入/離開應用程式時,小工具會使用系統啟動轉場效果。

將小工具展開至格線邊界的 4 個邊緣。
自訂大小,不要填滿格線邊界。
請提供符合小工具規格的標頭。
使用自訂規格設定大小和標題。
加入獨特且簡潔的說明。
提供一般說明。
使用系統圓角半徑。
設定自訂圓角半徑。