「せっかく広告やSEOで集客しても、申込フォームで離脱されてしまう」——この悩みは、BtoBサービスを提供する企業にとって大きな機会損失です。
フォームの離脱率は平均60〜70%と言われており、設計の良し悪しがコンバージョン率（CVR）を大きく左右します。
本記事では、申込フォームの設計におけるUI/UXの基本原則から、離脱率を改善する具体的な施策、そしてフォーム運用のチェックポイントまでを体系的に解説します。
申込フォーム設計がCVRに与えるインパクト
申込フォームは、Webサイトのコンバージョン導線における最終関門です。広告費やコンテンツ制作に投資しても、フォームで離脱されてしまえばその投資は回収できません。
フォーム到達後の離脱率が10%改善するだけで、月間のリード獲得数が1.5倍以上になるケースも珍しくありません。特にBtoBの申込フォームでは、入力項目の多さや操作性の悪さが離脱の直接的な原因になります。
フォーム離脱が発生する主な原因
- 入力項目が多すぎる：項目数が7以上になると離脱率が急上昇する傾向があります
- エラー表示がわかりにくい：どこが間違っているか不明瞭だとユーザーはストレスを感じます
- スマートフォン対応が不十分：レスポンシブ未対応のフォームはモバイルユーザーを取りこぼします
- 完了までの見通しが立たない：進捗がわからないと途中で諦めやすくなります
- プライバシーポリシーや信頼性の担保がない
離脱率の計算式と目安
フォーム離脱率は以下の計算式で算出します。
離脱率（%）＝（フォーム到達数 − 送信完了数）÷ フォーム到達数 × 100
BtoB申込フォームの場合、離脱率60%以下を目標値とするのが一つの指標です。なお、業種やフォームの用途によって適正値は異なるため、自社の過去データと比較して改善幅を測ることが重要です。
おすすめ おすすめのBPOはこちら業務プロセスの外部委託、運用設計・改善を比較 216社 428件のサービスから最適な会社をご紹介完全無料でご提案最短即日にご案内中立な立場でサポート＼ 今すぐチェック ／詳しく見る
EFO（エントリーフォーム最適化）の基本原則
EFO（Entry Form Optimization）とは、申込フォームのユーザビリティを高めて離脱を減らし、CVRを向上させる施策の総称です。以下の3つの原則が土台となります。
原則1：入力項目は必要最低限にする
入力項目が1つ増えるごとに離脱率は上昇します。フォーム設計時には「この情報は申込時に本当に必要か？」を厳しく精査してください。後から電話やメールで確認できる項目は、フォームから削除するのが鉄則です。
- 必須項目と任意項目を視覚的に明確に区別する
- 「会社名」「氏名」「メールアドレス」「電話番号」の4項目が基本構成
- 任意項目が多い場合は、アコーディオンで折りたたむことも検討
原則2：ユーザーの認知負荷を下げる
フォームのレイアウトや配置によって、ユーザーの「難しそう」という印象は大きく変わります。
- 入力フィールドは縦1列に配置する（横並びにしない）
- ラベルはフィールドの左上に配置する
- プレースホルダー（薄い文字のヒント）だけでなく、入力例を外部ラベルとして表示する
- ステップ形式の場合はプログレスバーで進捗を表示する
原則3：エラーは即時フィードバックする
入力ミスをすべて送信後にまとめて表示する方式は、ユーザーのストレスを増大させます。リアルタイムバリデーション（入力中の即時エラー表示）を実装することで離脱率を大幅に下げられます。
- エラー箇所を赤枠＋エラーメッセージで即座にフィードバックする
- エラーメッセージは「正しい形式で入力してください」ではなく、「例：03-1234-5678」のように具体的な入力例を示す
- 正しく入力された項目にはチェックマークを表示する
離脱率を下げるフォームUIデザインの実践ポイント
EFOの原則を踏まえた上で、具体的なUIデザインのポイントを解説します。
CTA（送信ボタン）の最適化
送信ボタンの文言やデザインもCVRに直結します。
- 「送信」ではなく「無料で資料を請求する」「申込内容を確認する」など具体的なアクションを示す
- ボタンの色はページ内で目立つコントラストカラーを使用する
- ボタンの直前に「30秒で完了」「しつこい営業はしません」などのマイクロコピーを配置する
フォームの導線設計
フォーム周辺の導線もCVRに影響を与えます。
- フォームページではグローバルナビゲーションを非表示にし、離脱経路を最小化する
- フォームの直前にサービスの要約や利用者の声を配置し、入力の動機を強化する
- 完了画面（サンクスページ）では次のアクションを案内する
スマートフォン対応の必須施策
BtoBサービスであっても、フォームへのアクセスの40〜60%がスマートフォンからという企業は少なくありません。
- 入力フィールドの高さは最低44px以上を確保する
- 電話番号フィールドにはtype=”tel”を設定し、数字キーボードを自動表示する
- メールアドレスフィールドにはtype=”email”を設定する
- 住所入力は郵便番号からの自動補完を実装する
BtoB申込フォームに特有の設計ポイント
BtoCとは異なり、BtoBの申込フォームには独自の設計上の考慮事項があります。
会社情報の入力負荷を軽減する
- 法人番号やメールアドレスのドメインから会社名・住所を自動補完する仕組みを導入する
- 業種や従業員規模はプルダウン選択にし、自由入力を避ける
- 部署名・役職は「任意」にするか、選択式にする
問い合わせ目的の分岐設計
申込と資料請求、見積依頼では必要な情報が異なります。問い合わせ目的をフォームの最初に選択させ、目的に応じて表示項目を動的に切り替える設計が効果的です。
- 「資料請求」→ 最小項目（社名・氏名・メール）
- 「見積依頼」→ 詳細項目（想定規模・予算感・希望時期を追加）
- 「申込」→ 契約に必要な項目を段階的に表示
セキュリティと信頼性の担保
BtoBでは企業情報を入力するため、セキュリティへの配慮が重要です。
- SSL（HTTPS）対応は必須——アドレスバーの鍵マークはユーザーの安心材料
- プライバシーポリシーへのリンクをフォーム直下に配置する
- ISO 27001やPマーク取得企業であればバッジを表示する
フォーム改善のチェックリストと運用サイクル
フォームは一度作って終わりではなく、継続的な改善が求められます。
設計時のチェックリスト
| チェック項目 | 確認ポイント | 優先度 |
|---|---|---|
| 入力項目数 | 7項目以下に抑えられているか | 高 |
| 必須/任意の区別 | 視覚的に明確に区別されているか | 高 |
| エラー表示 | リアルタイムバリデーションが実装されているか | 高 |
| スマホ対応 | タップ領域・キーボード切替が最適化されているか | 高 |
| CTA文言 | 具体的なアクションを示しているか | 中 |
| プログレス表示 | ステップ形式の場合に進捗が見えるか | 中 |
| 自動補完 | 住所・会社名の自動入力があるか | 中 |
| 信頼性表示 | SSL・Pマーク等のバッジがあるか | 低 |
PDCAによる継続改善
- Plan：Google Analyticsやヒートマップツールでフォームの離脱箇所を特定する
- Do：仮説に基づきフォームを改修する（1回の改修で変更点は1〜2箇所に絞る）
- Check：A/Bテストで改修前後のCVRを比較する
- Act：効果があった施策を本番環境に反映し、次の改善点に着手する
フォーム改善は1回の大改修よりも、小さな改善を月1回以上のサイクルで回すほうが成果が出やすい傾向があります。
フォーム設計を外注する場合の判断基準
社内にUI/UXの専門人材がいない場合や、フォームの離脱率が高止まりしている場合は、外部パートナーへの委託も有効な選択肢です。
外注が向いているケース
- 社内にフロントエンド開発やUI/UX設計の専任者がいない
- フォーム改善を継続的に行うリソースが確保できない
- 申込受付業務そのものを含めて一括でアウトソーシングしたい
外注先を選ぶ際の確認ポイント
- EFOの実績：過去のフォーム改善事例とCVR改善率を確認する
- 分析基盤の有無：ヒートマップやA/Bテストツールを自社で保有しているか
- 申込受付後の業務フロー設計まで対応可能か
- セキュリティ体制（ISO 27001・Pマーク取得状況）
- レポーティング体制：改善効果を定量的に報告してくれるか
フォーム設計だけでなく、申込受付の業務フロー全体を最適化できるパートナーを選ぶことで、CVR改善と業務効率化を同時に実現できます。
あわせて読みたい
よくある質問
- 申込フォームの最適な入力項目数は何項目ですか？
- BtoBの申込フォームでは5〜7項目が推奨されます。会社名・氏名・メールアドレス・電話番号を基本とし、追加項目は目的に応じて最小限に抑えるのがポイントです。
- EFO（エントリーフォーム最適化）とは何ですか？
- EFOとはEntry Form Optimizationの略で、入力フォームのユーザビリティを高めて離脱を減らし、コンバージョン率を向上させる施策の総称です。入力項目の削減、エラー表示の改善、自動補完機能の導入などが含まれます。
- フォームの離脱率はどのくらいが平均ですか？
- 一般的なWebフォームの離脱率は60〜70%と言われています。BtoBの申込フォームでは60%以下を目標に設計・改善を行うのが一つの目安です。
- 確認画面（確認ページ）は必要ですか？
- BtoCのECサイトなどでは確認画面を設けることが多いですが、BtoBの資料請求・申込フォームでは確認画面を省略し、入力画面で内容を確認させる方式のほうがCVRが高くなる傾向があります。ただし、契約に関わるフォームでは確認画面を設けるのが適切です。
- フォームをステップ形式にすると離脱率は下がりますか？
- 入力項目が多い場合は、ステップ形式（マルチステップフォーム）にすることで離脱率が下がる傾向があります。ただし、ステップ数は3以内に抑え、プログレスバーで進捗を表示することが前提です。
- フォーム改善の効果はどのくらいで出ますか？
- 改善内容にもよりますが、入力項目の削減やCTAボタンの改善といった施策であれば1〜2週間で効果が見えることが多いです。A/Bテストを活用して統計的に有意な差を確認してから本番反映することを推奨します。
- フォーム作成ツール（SaaS）と自社開発のどちらがよいですか？
- フォーム作成ツール（formrun、Typeformなど）は、短期間で高品質なフォームを構築できるため、まずはSaaSで立ち上げ、トラフィックが増えてから自社開発に切り替える方法が合理的です。
- 申込フォームのセキュリティで最低限必要なことは何ですか？
- SSL（HTTPS）対応は必須です。加えて、reCAPTCHAなどのボット対策、入力データの暗号化保存、プライバシーポリシーの明示が最低限必要な要素です。個人情報を多く扱う場合はISO 27001やPマークの取得も検討してください。
まとめ
申込フォームの設計は、Webマーケティングにおける「最後の1メートル」です。広告やSEOに投資しても、フォームの離脱によって機会損失が発生すれば、その投資効果は大きく減殺されます。
本記事で解説したEFOの基本原則——入力項目の最小化、認知負荷の軽減、リアルタイムバリデーション——を実践するだけでも、CVRは着実に改善します。さらに、BtoB特有の会社情報の自動補完や目的別の動的フォーム分岐を取り入れることで、ユーザー体験と業務効率の両面を最適化できます。
フォーム改善は一度きりの施策ではなく、データに基づく継続的な改善サイクルが成果を生みます。自社だけでの改善が難しい場合は、EFOの実績が豊富な外部パートナーの活用もご検討ください。SalesMatchProでは、申込受付代行を含むBPOサービスの比較情報を提供しています。フォーム設計から受付業務まで一括で最適化したい企業様は、ぜひ各サービスの詳細をご確認ください。
