60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者只需從少量、固定的既有選項選一項。
- 不需要輸入關鍵字，也不允許任意建立新值。
不適合使用
- 選項太多，使用者需要搜尋。
- 選擇內容需要直接露出比較或一次選多項。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
Label 比預設值更重要
預設值不是欄位名稱；使用者仍需要知道正在選擇什麼。
選項數量要誠實
選項很長或很多時，原生 Select 不是萬用答案。
預設值不能代替決策
如果沒有安全的預設值，保留提示選項並在提交時驗證。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
未選擇
提示使用者尚未選擇，而不是假裝已有答案。
已選擇
目前值保留在欄位中。
錯誤
必填未選時給出具體回饋。
停用
不可選擇時說明前置條件。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
固定選項
先觀察：少量角色選項直接由 Select 選擇。
操作：展開並選取不同角色。
預期結果：不能輸入新值，並保留目前選取結果。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立「成員角色」Select。提供可見 Label 與固定選項：管理員、編輯者、檢視者；不可自由輸入，選取後保留目前值，並支援鍵盤操作。驗收清單
不要只確認欄位能不能點。
- 選項是否少且固定？
- 是否有可見 Label？
- 是否避免在沒有安全預設值時預選答案？
- 是否支援鍵盤選取？
- 選項變多後是否應改用 Combobox？