60 秒決策
先確認使用者要完成的事。
適合使用
- 一組有限且互斥的選項中，使用者只能選一個。
- 需要同時看見每個選項與說明。
不適合使用
- 使用者可以同時選多個值。
- 選項很多、需要搜尋或每項內容太長。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
先說群組要決定什麼
「通知頻率」是群組名稱，不把第一個選項誤當成 Label。
選項要互斥且可見
少量選項直接露出，讓人比較差異；每個選項必要時可附簡短說明。
不要預設偷選
沒有合理預設值時，讓使用者主動選擇，避免默默提交不想要的設定。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
未選擇
必填群組需清楚指出尚未選擇。
已選擇
同一組只會有一個已選的 Radio。
Focus
使用方向鍵在同組選項間移動，焦點清楚可見。
錯誤
提交時若尚未選擇，錯誤要指向整個群組。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
互斥選擇
先觀察：選擇一項後，其他選項會自動取消。
操作：在通知頻率的三個選項間切換。
預期結果：畫面清楚回報唯一的目前選擇。
可操作 Demo
互斥選擇
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立「通知頻率」Radio Group，選項為即時、每日摘要、每週摘要。提供群組標題與每個選項的說明；同一時間只能選一項，鍵盤方向鍵可在選項間移動。驗收清單
不要只確認欄位能不能點。
- 是否真的是互斥選項？
- 群組是否有共同名稱？
- 同一組是否只有一個已選值？
- 方向鍵是否能在同組移動？
- 若必填，錯誤是否指出群組而非單一按鈕？