エラーメッセージ（error message）とは、入力の間違いや、処理の失敗を、利用者に知らせる表示である。よいエラーメッセージは、何が起きたかを伝えるだけでなく、次にどうすればよいかまで伝える。
たとえば、会員登録の画面で、メールアドレスの欄に「sato.example.com」と入力して、送信したとする。画面に「入力内容が正しくありません」と出ても、利用者は、どの欄の、何が間違っているのか分からない。「メールアドレスに @ がありません。例：sato@example.com」と、欄のすぐ下に出ていれば、すぐに直せる。
よいエラーメッセージの条件
NN/g の記事「Error-Message Guidelines」（ティム・ノイゼッサーとエヴァン・サンウォール、2023年）は、13の指針を、4つのまとまりにしている。主なものを紹介する。
見つけやすくする
- 原因の近くに出す。直す欄のすぐそばに表示する。画面の上のほうに、まとめて出すだけだと、どの欄のことか分かりにくい。
- 色だけに頼らない。赤い文字に加えて、アイコンや枠線も使う。色の違いを見分けにくい人にも、伝わる。
- 深刻さに合わせる。軽い注意は、欄のそばの短い表示でよい。操作を止めるダイアログは、重大な問題だけに使う。
- 早く出しすぎない。欄から、カーソルが離れただけで、エラーを出さない。入力の途中で、間違いと決めつけない。
分かりやすく伝える
- やさしい言葉で書く。専門用語やエラーコードだけを、出さない。
- 短く、具体的に書く。「エラーが発生しました」では、役に立たない。何が起きたかを、簡潔に書く。
- 次の行動を示す。在庫切れなら、再入荷の予定日や、入荷の通知の登録を示す。
- 責めない。「無効です」「間違っています」といった言い方は、利用者を責める印象を与える。
直す手間を減らす
- 間違いやすいことは、先に防ぐ。「添付ファイルをお忘れではありませんか」と、メールの送信前に確認する。
- 入力を残す。エラーのあとに、入力した内容が消えると、最初からやり直しになる。
- 直し方を選べるようにする。郵便番号と市区町村が合わないとき、合う市区町村を、ボタンで選べるようにする。
- 仕組みを教える。「印刷できない範囲の文字は、切れます」のように、理由を短く伝える。
どうしようもないとき
- やわらかく伝える。システム全体が止まっていて、利用者に打つ手がないときは、お詫びに加えて、ちょっとした工夫を添える。
悪い例と、よい例
図1は、同じ入力ミスに対する、2通りのエラー表示である。
- × 「入力内容が正しくありません」（どこが、何が、分からない）
- × 「無効なメールアドレスです」（責める言い方で、直し方も分からない）
- ○ 「メールアドレスに @ がありません。例：sato@example.com」
語源・位置づけ
エラーメッセージは、利用者が間違えたときに、画面が返すフィードバックの1つである。NN/g の「ユーザビリティの10原則」には、エラーの扱いに関する原則もある。指針は、NN/g の記事に基づく。
出典
- Nielsen Norman Group「Error-Message Guidelines」（Tim Neusesser, Evan Sunwall、2023年5月14日）
