EFOとは？お問い合わせフォームの離脱を減らす改善チェックリスト
EFOの基本と、フォームの離脱を減らす改善チェックリスト。必須項目、ラベル、エラー後の修正、スマートフォン操作、完了率の見方を具体例で解説します。
EFOは入力フォーム最適化のことです。入力を始めた人が途中で困らず、必要な内容を送れるようにする改善を指します。見た目を変える前に、不要な必須項目、分かりにくいエラー、入力後のデータ消失など、完了を妨げる箇所から確認しましょう。
ここでは小規模サイトの問い合わせ窓口を想定し、制作者が確認できる改善項目と効果の見方をまとめます。変更による改善率を一律に保証するものではありません。
離脱率を見る前に、何を数えるか決める
フォームを表示した人、入力を始めた人、正常に送信できた人を区別します。「完了数÷表示数」と「完了数÷入力開始数」は違う指標です。改善前後で分母を変えると、変化を比較できません。
例えば、同じ期間に計測した入力開始が100件、正常完了が40件なら、その定義での完了率は40％です。これは架空の計算例で、良い悪いの基準ではありません。計測の重複、アクセスの種類、少ない母数による変動も確認します。
送信ボタンを押した回数だけでは、入力エラーで止まった操作も含まれます。成功を数える場合は、実際の成功処理と対応した計測にします。分析へ入力本文やメールアドレスを送る必要はありません。以下の計測は導入時の検討例で、FreelanceFormに標準実装された分析機能の説明ではありません。
必須項目を「初回の対応に必要か」で見直す
営業で聞きたい情報をすべて必須にすると、まだ決まっていない人が回答できません。電話番号、住所、予算、希望時期などは、問い合わせ後の対応にどう使うかを確認し、任意や未定の選択肢を検討します。
W3Cのフォームガイドでも、手続きに必要な情報に絞る考え方が示されています。項目数だけを目標にせず、必要な連絡先まで削らないようにしましょう。
| 現在の状態 | 検討する変更 |
|---|---|
| メール対応なのに電話が必須 | 任意にするか、必要な理由を示す |
| 予算を数字で必須入力 | 範囲や「未定」を選べるようにする |
| 住所を全員に必須 | 郵送や訪問が必要な場合だけ確認 |
| 長い相談内容を求める | 書いてほしい内容の例を添える |
項目名と入力例を、入力中も見える場所に置く
プレースホルダーだけを項目名にすると、入力した瞬間に手がかりが消えます。labelで項目名を関連付け、例や補足は別に示します。実装方法はW3Cのラベルの付け方が参考になります。
半角指定や文字数制限などは、エラーになってから初めて知らせるのではなく、入力前に分かるようにします。必須・任意も同じ位置に揃えると、入力のたびに探す負担を減らせます。補足の設計はW3Cのフォームの説明文でも確認できます。
エラー後のやり直しを減らす
エラーが出たときは、間違っている項目と直し方を示します。画面上部に通知する場合も、その項目へ移動できると長いフォームで探す負担を減らせます。修正のために戻った際、正常に入力した内容が失われないか確認してください。
「不正な値です」だけでは次の操作が分かりません。「希望日は本日以降を選択してください」のように、実際の受付条件を伝えます。入力途中でエラーを強く表示し続ける場合は、利用者がまだ入力している段階なのかも考慮します。
スマートフォンで、送信まで一度操作する
- キーボードが出た状態でも項目名と入力位置が分かるか。
- ラジオボタンやチェックボックスのラベルを押して選択できるか。
- 横スクロールなしで必須の情報を読めるか。
- 確認画面から戻るときに入力が消えないか。
- 送信中に何が起きているか分かり、連続操作を招かないか。
- 完了後に受付の結果と次の連絡が分かるか。
制作者が慣れた入力内容だけで試すと、迷う箇所を見逃します。案件の関係者に、初めて見るつもりで問い合わせを入力してもらい、止まった箇所を聞きます。入力欄を減らした結果、営業側の聞き直しが増えていないかも確認しましょう。
一度に変えすぎず、改善の理由を残す
まずは操作を妨げる不具合を直し、その後に項目や説明文を調整します。変更日、変更内容、期待する効果を残し、同じ定義の完了率と、実際の相談内容を見ます。広告や流入元も変わっているなら、フォームだけの効果と断定できません。
FreelanceFormを土台に使う場合は、デザイン見本と入力チェックなどの機能を確認し、案件に必要な項目へ調整してください。画面の基本はフォームのデザイン、変更後の確認は納品前チェックリストで補えます。
