60 秒決策
先確認使用者要完成的事。
適合使用
- 使用者必須提供資料才能完成目前流程。
- 欄位與群組需要在輸入前說明必填規則。
不適合使用
- 只以紅色字或一顆未解釋的星號表示必填。
- 讓使用者送出後才發現缺少資料。
畫面要說清楚的事
不要只交代外觀,也要交代資料與輸入規則。
文字比顏色可靠
可用「必填」或已說明含義的星號,不能只改變 Label 顏色。
規則放在名稱附近
單一欄位放在 Label;Checkbox 或 Radio 群組則放在 Legend。
程式也要知道必填
使用 required 或等效語意,不讓規則只存在畫面上。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
尚未填寫
使用者在送出前就看得出這是必填。
已完成
不需額外慶祝,但規則仍可辨識。
送出失敗
具體說明缺少什麼,並列在摘要中。
操作 Demo
先知道要觀察什麼,再動手操作。
操作前先知道
必填成員姓名
先觀察:「必填」是否用文字說明,且輸入框有 required 規則。
操作:保留欄位空白並提交範例表單。
預期結果:摘要與欄位錯誤都會指出這是必填欄位。
可操作 Demo
可理解的必填規則
標示必填的欄位需在送出前完成。
尚未輸入成員姓名。
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立必填的「成員姓名」欄位。Label 中以文字「必填」或可理解標記告知規則,input 使用 required;不要只把 Label 塗成紅色或只放一個沒有說明的星號。表單開頭也要說明必填標記的意思。驗收清單
不要只確認欄位能不能點。
- 必填規則是否在輸入前可見?
- 是否不是只依賴顏色?
- required 是否存在於控制項?
- 群組必填是否標在 Legend?