フォームのエラーメッセージは、単なる警告ではありません。入力ミスが起きたあとに、どこを直せば送信完了まで戻れるかを伝えるための案内です。ここが曖昧だと、入力途中でやめる人が増えやすくなります。
このページでは、問い合わせフォームのエラーメッセージを、何を必須にするか、いつ表示するか、どう書くか、どのエラーを先に見直すかの4つに分けて整理します。業種を問わず流用しやすい内容に絞りつつ、画面上での見せ方と運用側の見直し方の両方を扱います。
フォームでは、エラーが出ること自体をゼロにはできません。大切なのは、エラーが出たあとに利用者が迷わず直せることです。そのため、設計では次の順番で考えると整理しやすくなります。
エラーメッセージだけを丁寧にしても、必須項目が多すぎたり、表示タイミングが悪かったりすると、完了率は上がりにくくなります。
ページ上部に「入力内容を確認してください」とだけ出ると、利用者は自分で該当箇所を探す必要があります。スマートフォンでは特に負担が大きくなります。
「入力値が不正です」だけでは、形式の問題なのか、未入力なのか、桁数なのか分かりません。修正方法まで見える文言にした方が親切です。
1項目のエラーで他の入力内容まで消えると、その時点で送信をやめる人が増えやすくなります。メッセージ設計は入力保持と切り離せません。
下の mock は、左に利用者が見るエラー表示中のフォーム、右に運用側が持っている文言ルールと見直し候補のメモを並べた例です。今回は送信エラー後の画面そのものを中心にしています。
「入力値が不正です」ではなく、「メールアドレスの形式を確認してください」のように、何を直せばよいかが見える表現を使います。
形式ミスのように早く気づけた方がよいものは入力後に、全体の不足確認は送信時にまとめて返す方が扱いやすいことが多くなります。
今月 43件。補足例の見せ方を見直す候補です。
今月 27件。プレースホルダーや補足文の追加候補です。
今月 9件。任意項目のままにするか、形式補助を出すかの判断が必要です。
エラーメッセージ以前に、エラーの発生源そのものを減らせるかを見る方が実務的です。とくに問い合わせフォームでは、返信に絶対必要な情報だけを必須にして、それ以外は任意にした方が扱いやすくなります。
氏名、メールアドレス、問い合わせ内容など。これがないと返答できない項目が中心になります。
会社名、予算感、希望時期、電話番号など。なくても一次返信はできる項目は任意のままにした方が自然です。
確認用メールアドレス、細かな住所分割、用途不明の補足項目などは、今の運用に本当に必要か確認した方がよいことがあります。
任意項目でも、入力すると何に使われるのかが分かると、利用者は判断しやすくなります。
フォームでは、入力中に出した方がよいものと、送信時にまとめて返した方がよいものがあります。表示タイミングを分けると、必要以上に急かしている印象を減らしやすくなります。
| 場面 | 向いている内容 | 考え方 |
|---|---|---|
| 入力中・入力後 | メール形式、桁数、文字数など | その場で直しやすいものは早めに気づけた方が負担が小さくなります。 |
| 送信時 | 未入力、全体の不足、組み合わせ不整合など | 全体を見ないと判断できないものは送信時にまとめて返す方が自然です。 |
| 画面上部の要約 | エラー件数や対象項目の一覧 | スマホでは項目が縦に長くなるため、要約を添えると状況が伝わりやすくなります。 |
エラーメッセージは短いほど良いとは限りません。利用者が次に取るべき行動まで見える方が、再送しやすくなります。
表現を揃えるなら、「〜を入力してください」「〜の形式を確認してください」のように、型を数種類に決めておくと運用しやすくなります。
全角混在や @ の重複など、内容が分かりやすい項目なので、例示を添えた方が直しやすくなります。
ハイフンあり・なし、桁数の扱いを先に決めておくと、文言もぶれにくくなります。
「どんな内容を書けばよいか」が分からないと空欄になりやすいため、エラー前の補足も大切です。
送信時に急に弾くより、カウンタや上限の補足が見えている方が利用者には親切です。
同じ項目でエラーが多発している場合でも、原因は文言不足とは限りません。そもそも入力しにくい項目なのか、必須にする必要が薄いのか、形式が厳しすぎるのかを分けて考えた方が改善しやすくなります。
このあたりを見て、発生回数の多い項目から順に、文言、補足、必須設定、入力形式の4つを見直すと判断しやすくなります。
問い合わせフォームのエラーメッセージ設計では、厳しく弾くことよりも、利用者が迷わず送信完了まで戻れることが大切です。必須項目の見直し、表示タイミングの使い分け、文言の型の統一、ログを見た改善の順番まで含めて考えると、フォーム全体の使いやすさを上げやすくなります。
まず着手しやすいのは、よく出るエラー項目を3つほど洗い出し、その項目だけでも文言と補足を見直すことです。そこから順に整えると、改善の効果が見えやすくなります。