BtoBサイト向けに成果につながりやすいフォームページの作成・改善のポイントをまとめました。自社の入力フォームを作成・改善される際に活用してください。
株式会社才流フォームページ改善のポイントBtoB Webサイト作成・改善
View Slide
資料請求フォーム 改善例
お問い合わせフォーム 改善例
フォームページ改善のポイント1. 他ページへのリンクをつけないヘッダとフッタのナビゲーションを消す2. ファーストビュー完結にする⾒出しやフォーム⼊⼒欄をファーストビューですべて⾒せるような構成にする3. 送信ボタンは「送信後に実現できること」をイメージできる⽂⾔にする「⼊⼒完了」ではなく、「資料をダウンロードする」や「資料をメールで受け取る」4.資料の⼀部や相談・問い合わせ例を⾒せる・資料イメージを載せる(何をダウンロードできるかイメージできる)・問い合わせ例や相談例を記載する(何を問い合わせできるかイメージできる5. CTAと遷移先のフォームの⽂⾔はそろえる導線となるCTAボタンやテキストリンクの⽂⾔は遷移先のページの⽂⾔とそろえる
フォームページ改善のポイント6. フォームのテキストの視認性を上げる背景はできる限り⽩、濃い⽂字⾊を使う7.フォームの項⽬はできるだけ減らし、最低限にする・営業・マーケティング活動で使わない質問項⽬はカットする・任意項⽬はカットし、必須項⽬のみにする8. すぐに電話したいユーザーのために電話番号も記載する問い合わせ窓⼝としてフォーム(メールアドレス)以外に電話窓⼝を設置する9. ⼊⼒内容確認のページは作らないフォーム⼊⼒中の離脱・未送信を防ぐために⼊⼒内容確認のページは無くし導線を簡潔にする
1. 他ページへのリンクをつけないフォーム遷移後に、ヘッダ・フッタのリンクから離脱する可能性があるヘッダ・フッタのナビゲーション(他ページへのリンク)をなくし、離脱を防⽌する
2. ファーストビュー完結にするフォームをすべて⼊⼒するためにはスクロールする必要があるスクロールせずにフォームを⼊⼒できる⼊⼒時に気になる情報が1つの画⾯で⾒える表⽰領域表⽰領域
3. 送信ボタンは「送信後に実現できること」をイメージできる⽂⾔にする送信ボタンの⽂⾔が「⼊⼒完了」だけ。送信後のイメージができない「資料をダウンロードする」「資料をメールで受け取る」など送信後のイメージができる
4.資料の⼀部や相談・問い合わせ例を⾒せる(資料請求の例)ダウンロードの流れや資料の情報がなく、⼀連の⾏動がイメージできない資料の画像やダウンロードの流れがわかり、⼀連の⾏動がイメージできる
4.資料の⼀部や相談・問い合わせ例を⾒せる(お問い合わせの例)相談できる内容について情報がなく、⼀連の⾏動がイメージできない相談できる内容例などを載せることで、⼀連の⾏動がイメージできるお問い合わせ
5. CTAと遷移先のフォームの⽂⾔はそろえる(資料請求の例)遷移前のCTAの⽂⾔と、遷移先のフォームの⽂⾔がそろっていない遷移前のCTAの⽂⾔と、遷移先のフォームの⽂⾔がそろっている料 ⾦ を ⾒ る 資 料 請 求○○サービスの料⾦について詳しくはこちら 3分でわかる!○○サービス遷移前遷移先遷移前遷移先もっと詳しい資料をダウンロードする
5. CTAと遷移先のフォームの⽂⾔はそろえる(お問い合わせの例)遷移前のCTAの⽂⾔と、遷移先のフォームの⽂⾔がそろっていない遷移前のCTAの⽂⾔と、遷移先のフォームの⽂⾔がそろっている料 ⾦ を ⾒ る お 問 い 合 わ せ○○○サービスの詳細はこちら ○○○サービスの料⾦はお問い合わせください遷移前遷移先遷移前遷移先○○○サービスに関するお問い合わせ○○○サービスに関するお問い合わせ
6. フォームのテキストの視認性を上げる背景や⽂字の配⾊にメリハリがなく、⾒出しやテキストが読みづらい背景や⽂字の配⾊にメリハリがあり、⾒出しやテキストが読みやすい
7. フォームの項⽬はできるだけ減らし、最低限にする質問や任意の解答欄が複数あり、フォームに⼊⼒する項⽬が多すぎる営業・マーケティング活動で使わない質問・任意項⽬はカットし、必須項⽬のみにする⼊⼒してください会社名⼊⼒してください⽒名⼊⼒してくださいメールアドレス⼊⼒してください連絡のとれる電話番号⼊⼒してください役職⼊⼒してください当サービスをどこで知りましたか?⼊⼒してください要望や相談があればご記⼊ください資料をメールで受け取る(無料)必須必須必須必須任意任意任意必須プライバシーポリシーに同意する
8. すぐに電話したいユーザーのために電話番号も記載するすぐに連絡をしたいが、フォームに⼊⼒することでしか連絡がとれないすぐに連絡をとりたい⽅向けに電話番号を記載し、問い合わせの機会損失を防ぐ
9. ⼊⼒内容確認のページは作らないフォーム⼊⼒後、送信完了の前に「⼊⼒内容の確認」ページがある⼊⼒後は送信完了ページに遷移するようにし、⼊⼒中の離脱や未送信を防ぐ資料をダウンロードする⼊⼒内容の確認プライバシーポリシーに同意する プライバシーポリシーに同意する⼊⼒内容の確認後、送信を完了してください送信完了⼊⼒内容のご確認情報のご⼊⼒⼊⼒内容のご確認 送信完了資料は以下のボタンよりダウンロードできます資料をダウンロードする