
設定小工具,顯示應用程式中的所選內容或資料。
設定的使用時機
允許使用者在選取小工具時或透過按住小工具來設定小工具。請考量自訂功能對小工具體驗的重要性,決定何時提供自訂功能。
- 如果小工具沒有顯示任何內容,且無法選擇設定或自訂設定,請在放置小工具時直接開啟設定工作流程。
- 如果小工具有偏好的預設值,或是不需要使用者在查看內容前進行選取,則小工具就不需要初始設定畫面。在這種情況下,請允許使用者在放置後存取設定。
直接使用者
建議您提供設定步驟,為包含多個類別內容的應用程式 (例如電子郵件應用程式) 提供可自訂且一目瞭然的體驗。

設定的使用時機
允許使用者在選取小工具和顯示在主畫面之間,或透過按住小工具來設定小工具。請考量自訂功能對小工具體驗的重要性,決定何時提供自訂功能。
- 如果小工具沒有顯示任何內容,且無法選擇設定或自訂設定,請在放置小工具時直接開啟設定工作流程。
- 如果小工具有偏好的預設值,或是不需要使用者在查看內容前進行選取,則小工具就不需要初始設定畫面。在這種情況下,請允許使用者在放置後存取設定。
直接使用者
引導使用者完成設定,並提供明確的意見回饋。如果應用程式已包含設定流程,您可以複製應用程式內的設定體驗,最好將畫面數降至 1 到 2 個。

正確做法
透過選項提供明確的路徑,引導使用者新增小工具。
舉例來說,左側的鬧鐘設定畫面只允許使用者選取鬧鐘類別,然後新增小工具。輕觸類別即可關閉設定步驟並新增小工具。如果設定未完成,請勿取消新增小工具。提供狀態,以便在小工具中還原或設定。

錯誤做法
將使用者帶往死路,或將這個步驟視為應用程式內設定。
在這個範例中,即使選擇要顯示的內容,透過 x 圖示關閉設定檢視畫面,也不會新增小工具。
如果沒有其他可用的預設值,請加入空白狀態。空白狀態可顯示新手上路或驗證提醒,確保能引導使用者。
自訂小工具外觀
盡可能提供理想的預設小工具,讓使用者不必進行自訂就能快速開始使用,或協助使用者瞭解小工具在主畫面上的顯示方式。
自訂小工具外觀時,顯示小工具的預覽畫面。使用漸進式揭露功能來顯示進階控制項,協助使用者快速完成自訂設定。
版面配置
建構設定畫面時,請遵循版面配置基本原則最佳做法,或善用Material Design 元件,例如含有切換鈕、核取方塊和切換按鈕的清單版面配置。