60 秒決策
先確認使用者要完成的事。
適合使用
- Fieldset 內的選項需要共同題目、規則或必填提示。
- 看到任一選項時仍要知道它正在回答什麼。
不適合使用
- 只寫「選項」或「設定」這類沒有任務意義的群組名稱。
- 把 Legend 當作 Fieldset 外的純視覺標題。
畫面要說清楚的事
不要只交代外觀,也要交代資料與輸入規則。
像一句問題
「你想收到哪些通知?」比「通知」更能說明群組任務。
共同規則放這裡
若整組必填,或只能選一項,規則要在 Legend 或緊鄰說明中可見。
不要與每項 Label 重複
Legend 說群組;每個 Checkbox 或 Radio 仍保留自己的 Label。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
正常
使用者讀到選項前先知道這一組在問什麼。
必填
群組規則清楚放在 Legend 或相連說明。
群組錯誤
錯誤訊息引用 Legend,使用者知道回到哪一組修正。
操作 Demo
先知道要觀察什麼,再動手操作。
操作前先知道
通知管道 Legend
先觀察:群組標題是否能說明三個 Checkbox 共同在設定什麼。
操作:閱讀 Legend 後,再瀏覽各個選項。
預期結果:群組任務與單一選項名稱都清楚,不會互相取代。
可操作 Demo
群組標題說明共同問題
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
為通知設定的 Fieldset 加上 Legend「通知管道」。Legend 要說明整組選項的共同問題;若整組必填,必填規則要出現在 Legend 中。不要把群組標題放在 fieldset 外,讓選項失去共同脈絡。驗收清單
不要只確認欄位能不能點。
- Legend 是否說出群組任務?
- 是否在 Fieldset 內而不是外面?
- 群組必填是否在這裡說明?
- 每個選項是否仍有自己的 Label?