60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者要從既有資料中選取多項值，且選取結果需要被清楚檢視。
- 多選是同一個欄位的核心需求，而不是一組互不相干的設定。
不適合使用
- 每個選項可獨立成立且需要個別說明。
- 選項非常多且需要搜尋、分組或遠端載入。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
先讓人知道能選多個
Label、提示或控制樣式需清楚表示多選，不能讓使用者以為最後一個會取代前一個。
已選內容要可見
回饋已選數量與值；必要時讓使用者能移除單一選項。
多選不是 Checkbox 的外觀替代品
若每一項本身有說明、可獨立啟用，Checkbox Group 往往更好理解。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
尚未選取
說明可選一項或多項，並保留可見的選項。
部分選取
回饋目前已選值與數量。
多選 Focus
鍵盤使用者能知道如何增加或取消選擇。
資料更新
選項來源改變時，不要靜默遺失既有選取值。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
多個既有值
先觀察：同一欄位如何保留多個已選專案與選取數量。
操作：以 Ctrl 或 Cmd 選取多個專案，再取消其中一項。
預期結果：使用者能清楚看見多選結果，且不會誤以為只能選一個。
可操作 Demo
選取多個既有值
按住 Ctrl（Windows）或 Cmd（macOS）可選取多個既有專案。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立「可檢視專案」Multi-select。使用者可以從既有專案一次選取多個值；清楚顯示已選數量與已選內容，支援鍵盤多選，不允許自行建立新專案。驗收清單
不要只確認欄位能不能點。
- 是否明確表示可以多選？
- 是否顯示已選內容與數量？
- 鍵盤多選方式是否有提示？
- 每項若有獨立說明，是否應改用 Checkbox Group？
- 資料刷新時是否保留或解釋失效的選取值？