小工具是自訂使用者主畫面的關鍵元件。使用者只要輕觸一下小工具,就能完成應用程式的重要使用者歷程,或快速取得重要更新摘要。使用者也可以自訂小工具,以符合個人偏好。
小工具相容性檢查清單
小工具品質會影響使用者對應用程式內容和功能的參與度。相容性檢查清單可定義相關標準,協助您評估小工具的品質。等級包括:
第 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,Widget 可讓使用者手動重新整理內容。 |

正確做法

錯誤做法

正確做法

錯誤做法
等級 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 | 矩形小工具必須使用系統提供的圓角半徑 (原始設備製造商專屬)。 |
WS-3 | 小工具使用載入狀態規格。 |
|
WS-4 | 小工具會使用系統設定,而非自訂小工具設定的進入點。 |
|
WS-5 | 小工具在從小工具進入/退出應用程式時,會使用系統啟動轉場效果。 |

正確做法

錯誤做法

正確做法

錯誤做法

正確做法

錯誤做法

正確做法
