60 秒決策
先確認使用者要完成的事。
適合使用
- 有限選項需要直接露出，使用者要看見清單與目前選擇。
- 選項的相對位置或順序有助於決策。
不適合使用
- 選項非常多或需要即時搜尋。
- 使用者要一次選多項且需要清楚管理已選清單。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
清單本身就是資訊
Listbox 的價值是直接看見選項；若只顯示一個收合欄位，就失去選用它的理由。
選取與焦點分開看
目前選取值和鍵盤目前焦點可能不同，兩者都要有清楚視覺。
選項不要過長
每個選項應是可掃讀的文字；複雜卡片或層級資料需要其他模式。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
未選取
沒有目前值或等待使用者決定。
已選取
清楚標示目前選擇。
Focus
方向鍵可在選項之間移動。
無可用選項
說明沒有可選項目的原因與下一步。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
直接選擇清單
先觀察：選項不收合，且目前選擇立即可見。
操作：用滑鼠或鍵盤選取優先順序。
預期結果：清單與選取結果同步，使用者不必展開下拉選單。
可操作 Demo
直接選擇清單
直接看到所有有限選項，適合需要比較位置的情境。
目前優先順序：高。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立「指派優先順序」Listbox，直接顯示有限的既有選項。選取一項時要清楚標示目前值，支援鍵盤方向鍵與焦點；不要把可搜尋的大型資料集硬塞進固定清單。驗收清單
不要只確認欄位能不能點。
- 是否真的需要直接露出選項？
- 選取與 Focus 是否都可辨識？
- 是否支援方向鍵？
- 選項很多時是否應改用 Combobox？
- 空清單是否有說明？