60 秒決策
先確認使用者要完成的事。
適合使用
- 每個選項可獨立成立，使用者可以選零項、一項或多項。
- 需要全選與部分選取等群組行為。
不適合使用
- 同一組選項只能有一個答案。
- 切換後要立即生效且只代表單一系統狀態。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
一項一個可獨立的承諾
勾選 Email 不應影響站內通知；每項文字都要能說明自己的作用。
群組要有共同名稱
一組 Checkbox 用 fieldset 與 legend 或同等語意，說明整組在決定什麼。
全選要反映部分選取
群組只有部分項目被選時，全選控制應顯示 indeterminate，而不是誤導成全部已選。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
未選取
選項目前不會被納入設定。
已選取
選項已被納入，並有清楚勾選標示。
部分選取
只用在代表一整組的父層控制，表達子項目不一致。
停用
說明為何不能選，而不只是灰掉。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
群組、全選與部分選取
先觀察：全選控制如何對應每一個獨立的通知管道。
操作：勾選或取消不同管道，再切換全選。
預期結果：部分選取會反映在全選控制，並能讀到目前已選數量。
可操作 Demo
群組、全選與部分選取
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立通知管道 Checkbox Group，包含 Email、站內通知與每週摘要。每一項都可獨立勾選；加上「全選通知管道」，部分選取時顯示 indeterminate 狀態，並用文字回報目前選取數量。驗收清單
不要只確認欄位能不能點。
- 每項是否能獨立成立？
- 群組是否有共同 Label？
- 全選是否正確呈現 indeterminate？
- 勾選區域是否包含文字 Label？
- 是否能用鍵盤清楚操作？