小工具是自訂使用者主畫面的重要元件。通常,使用者只要輕觸一下小工具,就能完成應用程式的重要使用者旅程,或快速查看重要更新的摘要。使用者也可以自訂小工具,根據個人偏好調整。
小工具相容性檢查清單
小工具品質會影響使用者與應用程式內容和功能的互動。相容性檢查清單可定義相關標準,協助您評估小工具的品質。等級包括:
第 3 級 - 低品質
這些小工具未達到最低品質標準,且使用者體驗不佳。如果小工具不符合標準版面配置、顏色、探索和內容條件,就會被視為低品質。
第 2 級 - 標準
這些小工具實用且易於使用,可提供優質體驗。如要視為標準小工具,必須符合下列所有版面配置、顏色、探索和內容條件。
第 1 級 - 差異化
這些是範例小工具,可提供個人化主畫面體驗,協助使用者打造獨特且實用的主畫面。
第 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 級
標準小工具規定
達到這項基本品質標準的小工具屬於標準小工具,但不會成為精選或推薦的展示小工具。
| 類別 | ID | 說明 |
|---|---|---|
| 版面配置 | WL-1 | 小工具在垂直或水平軸上與其他主畫面元素對齊,且不會佔用不必要的空間。 |
| WL-1.2 | 所有形狀都應至少觸及格線邊界的 2 個對邊。 |
|
| WL-4 | 如果可調整大小,小工具必須有適當的最小和最大尺寸。 |
|
| WL-4.1 | 如果調整小工具大小只會新增空白空間,請設定大小上限。 |
|
| WL-4.2 | 小工具的最小尺寸仍應提供價值,並符合觸控目標規定 (48x48)。 |
|
| 探索 | WD-4 | 小工具挑選器中的小工具預覽畫面應準確無誤 (靜態素材資源)。 |
| 內容 | WT-1 | 零狀態和空白狀態是刻意設計的,當小工具已安裝但使用者尚未登入時,會顯示小工具的價值和/或提供行動號召。 |
| WT-2 | 如果使用者預期資料更新頻率高於 UI,小工具可讓他們手動重新整理內容。 |
正確做法
錯誤做法
正確做法
錯誤做法
第 1 級
小工具差異化規定
這些小工具支援進階主畫面自訂功能,並會向使用者推薦,以及向開發人員宣傳為最佳做法。與眾不同的微件可提供優質體驗,Android 則會運用這些微件,激發生態系統的活力。符合所有差異化版面配置、顏色、探索和內容條件。
| 類別 | ID | 說明 |
|---|---|---|
| 版面配置 | WL-1 | 小工具在垂直或水平軸上與其他主畫面元素對齊,且不會佔用不必要的空間。 |
| WL-1.1 | 所有矩形小工具都必須觸及格線邊界的四個邊緣。所有自訂形狀的小工具都必須觸及方形格線的 4 個邊緣。如果大小為 4x1,且包含搜尋列,則只能觸及 2 個邊緣。 |
|
| WL-2 | 小工具可調整為下列大小:2x2、4x1、4x2。 |
|
| WL-3 | 小工具標題的使用方式一致。
|
|
| 顏色 | WC-1 | 小工具支援根據裝置或應用程式情境設定顏色主題。 |
| WC-2 | 小工具支援淺色模式和深色模式調色盤。 |
|
| 探索 | WD-1 | 預覽畫面包含使用者內容和/或套用系統主題。 |
| WD-4.4 | 小工具附有說明,可協助使用者瞭解小工具的價值。 |
|
| WD-4.5 | 小工具名稱具有描述性,且與應用程式的其他小工具不同。 |
|
| 系統一致性 | WS-2 | 矩形小工具必須使用系統提供的圓角半徑 (OEM 專屬)。 |
| WS-3 | 小工具使用載入狀態規格。 |
|
| WS-4 | 小工具會使用系統設定,而非自訂小工具設定進入點。 |
|
| WS-5 | 從小工具進入/退出應用程式時,小工具會使用系統啟動轉場效果。 |
正確做法
錯誤做法
正確做法
錯誤做法
正確做法
錯誤做法
正確做法