問い合わせフォームのエラーメッセージを整える。入力ミスを減らす案内の順番
公開日 ・更新日
問い合わせフォームのエラーは、表示されれば十分とは限りません。どの入力が問題で、なぜ直す必要があり、どう直せば送信できるのかがその場で分からないと、訪問者は画面を閉じてしまいます。入力内容を残しながら、エラーの対象と修正方法を近くで伝える順番を整えます。
エラーは入力欄の近くで伝える
送信後に画面上部へ「入力に誤りがあります」とだけ表示すると、長いフォームでは対象を探す負担が増えます。入力欄の近くに、項目名と問題の内容を置き、画面上部にはエラーがあることと移動先を短く知らせます。色だけに頼らず、文章でも状態を示すことが重要です。
必須項目には、入力前から必要だと分かる印を付けます。メールアドレスなら形式が違うのか、未入力なのかを分けます。電話番号や希望連絡方法など、判断に迷いやすい欄は、入力例を補足しつつ実際に受け取りたい情報だけを求めます。入力欄のラベルとエラー文が同じ言葉を使っていれば、修正箇所を見つけやすくなります。
直す内容を一文で示す
エラー文は、システムの都合を説明する場所ではありません。「正しい形式で入力してください」だけでなく、利用者が次にする操作まで書きます。たとえば、メールアドレスなら「半角のメールアドレスを入力してください」、必須欄なら「希望内容を入力してください」のように、対象と行動を一文で伝えます。専門用語やエラーコードは、必要な場合だけ補足へ回します。
送信に失敗したとき、入力済みの内容がすべて消える設計は避けます。再入力の負担が大きい項目や長文の相談内容ほど、保持できるかを確認してください。個人情報を扱うフォームでは、ブラウザに残す情報の範囲や共有端末での見え方も、公開前の確認項目に入れます。
送信前後の確認を分ける
入力中は、直せる場所で短いエラーを知らせます。送信後は、受付が完了したか、返信の目安や別の連絡方法があるかを明確にします。エラーと完了のメッセージを同じ場所に出すと、送信できたのか分からなくなるため、状態を分けて表示します。
キーボードだけで入力し、エラー箇所へ移動できるかも確認します。スマートフォンでは、エラー文がキーボードに隠れないか、戻る操作で入力が消えないかを見ます。実際の問い合わせに近い内容で、空欄、形式違い、長文、通信失敗を順に試すと、見落としが減ります。
フォームのエラーは、文章の修正だけでなく入力欄、保持、完了画面まで含めて整えると効果を判断しやすくなります。送信前後の画面を並べて確認し、迷った点を次の改善へ残せる状態を作ってください。設計や実装の確認に迷う場合は、問い合わせ導線とあわせてご相談ください。
関連記事
著者: 松井 勇樹