快速選擇
快速選擇是執行操作和從使用者接收輸入的一種簡單方式。這在選擇配置選項、需要篩選內容或從專案列表中進行選擇時非常有用。
✔️ 建議
- 使用圖示來傳達清晰的隱喻
- 使用經過深思熟慮的圖示，以增加清晰度並幫助區分專案
- 使用描述來顯示當前專案（如果適用）
- 使用詳細資訊來提供（簡要的）額外上下文
- 對一系列基本輸入使用多步模式
- 從列表中選擇時提供建立新專案的選項（如果適用）
- 為多步快速選擇使用標題
- 為沒有文字輸入的快速選擇使用標題
- 為要求文字輸入的快速選擇使用標題（使用佔位符顯示提示或示例）
- 為具有全域性按鈕（例如重新整理圖示）的快速選擇使用標題
❌ 不建議
- 重複現有功能
- 當佔位符本身可以描述用途時使用標題
- 使用沒有佔位符的輸入
多步
快速選擇可以配置為具有多個步驟。當您需要在單個流程中捕獲相關但獨立的選項時使用這些。避免將快速選擇用於具有許多步驟的冗長流程——它們不適合用作嚮導或類似的複雜體驗。
請注意快速選擇標題中的“1/3”文字，它指示流程中當前和總步數。
多項選擇
對於需要在一步中選擇的密切相關的選項，使用多選快速選擇。
標題
快速選擇還可以配置為在主輸入和選擇 UI 上方顯示標題欄。當用戶需要更多上下文來了解正在進行的選項時，請使用標題。避免使用快速選擇輸入佔位符中已使用的標籤作為標題。
使用分隔符
快速選擇專案可以使用快速選擇分隔符分組到清晰的部分中。這些分隔符具有分隔線和標籤，可清晰地顯示部分。如果擴充套件功能包含多個明顯選項組的快速選擇，請使用分隔符。
