Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
BtoBサイトのフォームページ作成・改善のポイント
Search
株式会社才流(サイル)
May 08, 2023
Marketing & SEO
4
5.9k
BtoBサイトのフォームページ作成・改善のポイント
BtoBサイト向けに成果につながりやすいフォームページの作成・改善のポイントをまとめました。自社の入力フォームを作成・改善される際に活用してください。
株式会社才流(サイル)
May 08, 2023
Tweet
Share
More Decks by 株式会社才流(サイル)
See All by 株式会社才流(サイル)
PMFの実態調査レポート(一部抜粋)
sairu_inc
1
220
メールマガジンのベストプラクティス
sairu_inc
1
4.7k
『日本経済新聞』読者 インタビューサマリー
sairu_inc
0
2.1k
220329_セミナー講演資料
sairu_inc
1
1.7k
「日本の人事部」利用ユーザーインタビューサマリー
sairu_inc
0
2.2k
営業資料の基本構成
sairu_inc
1
18k
会社概要説明資料.pdf
sairu_inc
3
13k
わかる、伝わる記事が書ける執筆・編集ガイドライン
sairu_inc
1
8k
ウェビナー講演時に使えるスライド資料テンプレート
sairu_inc
1
19k
Other Decks in Marketing & SEO
See All in Marketing & SEO
How to Create The Perfect SEO Content Brief Using AI
whitworthseo
0
350
The untapped benefits of keyword clustering - Andy Chadwick - SearchNorwich 17
searchnorwich
1
110
Audience-centric planning and creative personas: a strategic approach to relevancy
sophiecoley
0
460
How to Evolve your SEO Strategy to Account for Gemini and other AI search functions
amandafloq
0
160
Maximising the effect of social media in content marketing
dprasath
0
310
How to Measure PR Success Without Focusing on JUST Volume Metrics
crossley
0
480
Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandezseo
0
750
Een kijkje in de keuken van een SEO specialist @ SEO Benelux - Erik Hettinga
mrrivers
0
120
202409_CMC高知.pdf
xxxayaozaxxx
PRO
0
270
どの種は何の花を咲かす?DevRelのターゲットオーディエンスを知ることの意味
taijihagino
PRO
2
190
marukotenant01/tenant-20240616
marketing2024
0
1k
Encraft ライブ配信ハンドブック
kworkdev
PRO
0
160
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
664
120k
Designing Experiences People Love
moore
138
23k
Six Lessons from altMBA
skipperchong
26
3.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
46
2.1k
Writing Fast Ruby
sferik
626
61k
Statistics for Hackers
jakevdp
796
220k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
4 Signs Your Business is Dying
shpigford
180
21k
Code Review Best Practice
trishagee
64
17k
Transcript
株式会社才流 フォームページ 改善のポイント BtoB Webサイト作成・改善
資料請求フォーム 改善例
お問い合わせフォーム 改善例
フォームページ改善のポイント 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. ⼊⼒内容確認のページは作らない フォーム⼊⼒後、送信完了の前に 「⼊⼒内容の確認」ページがある ⼊⼒後は送信完了ページに遷移するようにし、 ⼊⼒中の離脱や未送信を防ぐ 資料をダウンロードする ⼊⼒内容の確認 プライバシーポリシーに同意する プライバシーポリシーに同意する
⼊⼒内容の確認後、送信を完了してください 送信完了 ⼊⼒内容のご確認 情報のご⼊⼒ ⼊⼒内容のご確認 送信完了 資料は以下のボタンよりダウンロードできます 資料をダウンロードする