エラーメッセージ設計 は、ユーザーが入力や操作で失敗したときに、何が起きたか、どこが問題か、どう直せばよいかを伝えて、次の行動につなげるための設計です。
単に赤い文字を出すことではなく、失敗から戻りやすくするためのフィードバック設計 と考えると分かりやすいです。
良いエラーメッセージには、少なくとも次の要素があります。
- 問題の内容が具体的に分かる
- どの項目や操作の話か分かる
- どう直せばよいかが分かる
- 色だけでなくテキストでも伝わる
- 必要以上に入力をやり直させない
たとえば 入力が不正です だけでは弱く、メールアドレスの形式で入力してください のように、直し方まで伝えるほうが親切です。
また、未入力や形式違いのようなフォームエラーと、サーバー障害や混雑のようなサービス側エラーは分けて扱う必要があります。利用者が直せない問題を、利用者のミスのように見せると混乱しやすいからです。
アクセシビリティ の観点でも重要で、W3C の WCAG では、エラーがテキストで識別でき、修正しやすいことが求められています。
そのため、エラー表示は見た目の演出ではなく、フォーム、文言、導線、状態管理まで含めた UI 設計の一部です。
実務では、項目の近くに出す、画面上部に要約を出す、入力内容を消さない、抽象語を減らす、といった基本を押さえるだけでもかなり改善します。
特に長いフォームでは、エラー時に入力を消さないことが重要です。全部を入れ直させると離脱しやすくなり、エラーの本質より再入力の負担が大きくなります。
また、入力中に毎回強く警告を出すより、送信時やフォーカス離脱時に適切な粒度で出すほうが、ユーザーを不必要に止めにくいです。
要するにエラーメッセージ設計は、ユーザーを止めるためではなく、前に進めるための設計 です。
詳しくは エラーメッセージ設計とは？ユーザーを止めすぎずに伝える考え方 で整理しています。