60 秒決策
先確認使用者要完成的事。
適合使用
- 送出後有多個欄位錯誤，需要讓人一眼知道還差哪些事。
- 表單較長，使用者可能看不到所有欄位旁錯誤。
不適合使用
- 用摘要取代欄位旁的具體錯誤。
- 只列出錯誤數量，卻沒有欄位名稱、原因或跳轉方式。
畫面要說清楚的事
不要只交代外觀，也要交代資料與輸入規則。
摘要放在表單前面
送出失敗後先讓人看到「有幾個問題」，再列出每一項。
每項可回到欄位
摘要項目要引用欄位名稱與原因，並可把焦點帶回對應控制項。
摘要與欄位錯誤並存
一個提供全局地圖，一個提供當下修正方式；兩者不能互相取代。
必要狀態與回應
每個狀態都要讓使用者知道下一步。
送出前
沒有錯誤時不佔用版面。
送出失敗
摘要顯示總數、各欄位原因與頁內連結。
逐項修正
修正後摘要數量同步減少。
全部通過
摘要消失，表單顯示可提交結果。
操作 Demo
先知道要觀察什麼，再動手操作。
操作前先知道
新增成員送出失敗
先觀察：摘要是否列出每個問題，並連到正確欄位。
操作：直接提交空白表單，再點擊摘要中的「公司 Email」。
預期結果：焦點會到對應欄位；欄位旁仍有具體錯誤訊息。
可操作 Demo
送出後回到待修欄位
告訴 AI
把任務、規則、狀態與操作條件一次寫清楚。
建立新增成員表單的 Validation Summary。送出後若有錯誤，在表單頂部顯示「請修正 2 個欄位」，逐項列出欄位名稱、錯誤原因與頁內連結；點擊連結要把焦點帶到對應欄位。摘要不能取代欄位旁的錯誤訊息。驗收清單
不要只確認欄位能不能點。
- 送出失敗時是否顯示錯誤總數？
- 每項是否含欄位名稱與原因？
- 摘要連結是否能移動焦點到欄位？
- 欄位旁是否仍有具體錯誤？
- 修正後摘要是否更新？