結論
問い合わせフォームの離脱を減らすには、不要な項目を減らすだけでなく、入力目的、必須条件、エラー内容、送信後の流れを明確にし、スマートフォンでも操作しやすくします。
フォーム内の離脱箇所を確認する
フォームページの閲覧数だけでなく、入力開始、エラー、確認画面、送信完了を分けて計測します。項目ごとの計測が難しい場合は、実機確認や利用者からの問い合わせ内容も参考になります。
特定の端末だけ離脱が多い場合は、キーボードの種類、画面拡大、ボタン位置、入力欄の大きさを確認します。
- フォーム表示
- 入力開始
- エラー発生
- 確認画面への移動
- 送信完了
必要な項目と説明を整理する
初回相談に必要な情報と、連絡後に確認できる情報を分けます。項目を減らせない場合は、入力する理由や想定する書き方を補足します。
必須と任意を明確にし、電話番号、住所、予算など判断に迷う項目には、形式や選択肢を示します。個人情報の利用目的も送信前に確認できるようにします。
- 初回連絡に必要な情報
- 必須・任意の明示
- 入力例と形式
- 選択式にできる項目
- 個人情報の利用目的

エラーと送信後の不安を減らす
エラーは該当箇所の近くへ具体的に表示し、入力済みの内容が消えないようにします。ラベルと入力欄の関係を明確にし、キーボード操作や読み上げでも内容を理解できる設計を目指します。
送信後は、受付完了、返信時期の目安、緊急連絡の方法、控えメールの有無を案内します。
- 具体的なエラー説明
- 入力内容の保持
- ラベルと入力欄の関連付け
- 十分なタップ領域
- 送信後の流れ
よくある質問
フォーム項目は少ないほどよいですか?+
少なさだけが目的ではありません。初回対応に必要な情報を残しつつ、利用目的が不明な項目や連絡後に確認できる項目を見直します。
確認画面は必ず必要ですか?+
フォームの内容や利用者層によって異なります。確認画面を設ける場合も、修正しやすさと入力内容の保持を確認します。
参考にした一次情報
- W3C Web Accessibility InitiativeLabeling Controls↗
- W3C Web Accessibility InitiativeForm Instructions↗
- W3C Web Accessibility InitiativeValidating Input↗
外部仕様は変更される場合があります。最新情報は各公式ページをご確認ください。
提供サービス:FIRST INNOVATION WEB

