アクセスもSNSの反応もあるのに、ホームページからの問い合わせだけが伸びない——そんなとき、つい手を入れたくなるのがフォームのデザインです。
でも問い合わせが完了するまでには、入口で興味を持ち、判断材料を読み、方法を選び、送信し、返信を受け取るまで、いくつもの段階があります。
この記事では、その流れを5つの段階に分けて、どこでつまずきやすいのか、どこに何を置けば読者が次の一歩を選べるのかを整理します。
フォームの前後まで含めて、問い合わせ導線を一本の線として設計する考え方をまとめました。
問い合わせ導線はフォームではなく一連の流れで考える
問い合わせ導線というと、フォームそのものを指すように思われがちです。
実際には、読者がサイトに来てから送信ボタンを押すまで、そして送信できたことを確認し、事業者から返信を受け取るところまでが一本の線でつながっています。
どこか一か所で流れが途切れると、フォームがどれだけ整っていても相談は届きません。
見直すときは、問い合わせが完了するまでを5つの段階に分けてみると、どこで止まっているのかが見えやすくなります。
- SNS、検索、紹介などからホームページへ来る
- サービス内容や対象者を読んで、自分に合うか判断する
- 問い合わせ方法を選び、入力画面へ進む
- 必要事項を入力し、送信結果を確認する
- 受付案内を受け取り、事業者からの返信を待つ
この5つのうち、どこか一つでも止まれば問い合わせは完了しません。ボタンの色や文言を考える前に、まずは入口から返信までを自分で実際にたどってみてください。
読者が次に何をすればいいのか、その都度わかる状態になっているか。ここを整えるのが先です。
最初に「誰の、どの相談を受けるか」を決める
導線に手をつける前に、そもそも何の問い合わせを受けたいのかを決めておきます。
「何でもお気軽にどうぞ」という案内は一見親切ですが、初めて訪れた人にとっては、自分のような相談で連絡していいのか判断しづらいんですよね。
個人事業主のホームページであれば、受ける相談はいくつかに分けられます。
たとえばサービス内容を詳しく知りたい人からの事前相談、見積もりや仕事の依頼、講座やレッスンの予約前相談、取材や登壇や協業の依頼、既存のお客さまからの連絡、といった具合です。
すべてを一つのフォームで受ける場合でも、問い合わせ種別を選べるようにしておくと、読者は自分の目的が合っているかを確認できます。
受け付けていない相談、営業連絡への対応方針、緊急の連絡に使えないこと。こうした条件があれば、フォームの手前で先に伝えておきます。
ここで大切なのは、入力項目を増やすことではありません。相談の入口を定義して、読者と対応する側の認識をそろえておくこと。
最初の連絡で確認したい内容と、返信のあとに聞けばよい内容を分けておけば、フォームを必要以上に長くせずに済みます。
問い合わせ前に必要な判断材料をそろえる
読者はフォームを開く前に、「自分向けのサービスか」「相談してよい段階か」「問い合わせた後に何が起きるか」を確かめています。この判断材料が足りないと、興味はあっても連絡を保留しやすくなります。
問い合わせボタンの近く、あるいはボタンへ進むまでのページに、次の情報がそろっているかを見てみてください。
- どのようなサービスを提供しているか
- どのような人や事業者を対象にしているか
- 相談から契約・利用開始までのおおまかな流れ
- 料金を公開する場合は金額や範囲、公開しない場合は見積もりの考え方
- 対応できることと、対応できないこと
- よくある質問
- 問い合わせ後の返信方法と目安
これらを問い合わせページへ全部詰め込む必要はありません。サービス紹介ページで判断材料を説明し、よくある質問で不安を減らし、最後に問い合わせページへ案内する。そんな流れでも十分に機能します。
逆に、情報を置きすぎて肝心の入口が見つからない状態にも気をつけたいところです。長いページなら、内容を読んだ直後に次の行動を選べるよう、節目ごとに問い合わせへの案内を置きます。
同じ画面に「問い合わせ」「資料請求」「予約」「LINE公式アカウント登録」「メルマガ登録」を同じ強さで並べると、読者はどれを選ぶべきか迷ってしまいます。
ページごとに優先する行動を一つ決めておくと、ぐっと整理しやすくなります。
入口ごとに次の一歩を一つ決める
問い合わせページへの入口は、一つとは限りません。トップページ、サービス紹介、ブログ記事、SNSプロフィール、メルマガ、LINE公式アカウントなど、読者がいる場所ごとに案内を考えます。
トップページでは、誰に何を提供しているかを短く示して、詳しいサービス紹介へつなげます。
サービス紹介ページでは、内容を読んだ人がそのまま相談へ進めるよう、問い合わせボタンを置いておく。ブログ記事の場合は、記事の内容と関連する相談があるときだけ、自然な文脈で案内します。
SNSからいきなり長いフォームへ送るより、初めての人にはサービス概要やよくある質問を先に読んでもらう方が合うこともあります。
反対に、紹介を受けて連絡方法だけを探している人には、問い合わせページへ直接進める入口が便利です。
導線を考えるときは、すべての入口を一つのURLへ集めることより、その入口にいる人が次に何を必要としているかを起点にすると考えやすくなります。次のような対応表を作ってみると、点検の見通しが立ちます。
| 入口 | 読者が知っていること | 次に案内する場所 |
|---|---|---|
| SNSプロフィール | 投稿内容や人柄 | サービス概要または案内ページ |
| サービス紹介 | 提供内容と対象者 | 問い合わせ・事前相談 |
| ブログ記事 | 特定の悩みへの考え方 | 関連サービス、よくある質問 |
| 紹介者からのリンク | 紹介者の説明 | 問い合わせページまたはプロフィール |
表を作ったら、各ページで優先するボタンを一つに決めます。補助的な選択肢を置く場合は、どんな人に向くのかを短く添えておくと、読者が迷いにくくなります。
問い合わせフォームは入力しやすさを優先する
フォームは、事業者が聞きたいことを並べる場所ではなく、読者が最初の連絡を完了する場所です。
ここからは、必要な情報を受け取りながら、入力中に迷わない形へ整えるための具体的な見直しポイントを、項目・ラベル・エラー・個人情報の4つに分けて見ていきます。
最初の連絡に必要な項目へ絞る
最初の問い合わせでは、返信に必要な項目を中心にします。
たとえば名前、返信先、問い合わせ種別、相談内容あたりです。会社名や住所、電話番号、予算、希望時期などは、サービスによって必要かどうかが変わってきます。
デジタル庁デザインシステムは、自由入力形式の回答は利用者の負荷が高いとして、質問を分解したうえで使うことを検討するよう案内しています。
相談内容を一つの大きな欄にすべて書かせるより、問い合わせ種別を選んでもらい、補足だけを自由入力にする方法も考えられます。
項目を減らすこと自体が目的にならないよう、届いた内容だけで最初の返信ができるかも確かめておきます。毎回同じ追加質問が必要になるなら、その項目をフォームへ足すか、問い合わせ前の説明へ移すかを検討する。
ここは実際の相談を思い浮かべながら調整したい部分です。
ラベルと入力条件を画面に残す
名前やメールアドレスなどの入力欄には、何を入れる場所なのかがわかるラベルを表示します。W3CのWeb Accessibility Initiativeも、フォームの各入力欄に、その欄の目的を示すラベルを用意するよう案内しています。
入力例を欄の中だけに薄く表示すると、文字を打ち込んだ後に条件を見返しにくくなります。
デジタル庁デザインシステムも、プレースホルダーをサポートテキストの代わりに使わず、入力形式の条件や例は簡潔かつ具体的に記述するよう案内しています。
必須か任意か、入力形式、文字数の制限がある場合は、入力する前に確認できる場所へ表示しておきます。
スマートフォンでもラベルと入力欄の対応がわかるか、拡大表示やキーボード操作でも使えるかまで見ておくと安心です。
エラーでは修正方法まで伝える
「入力内容に誤りがあります」だけでは、どこをどう直せばいいのか読者にはわかりません。エラーのある項目を示したうえで、「メールアドレスを半角で入力してください」のように、修正のしかたまで伝えます。
デジタル庁デザインシステムが求めているのも、具体的なエラー内容と訂正方法の記述です。W3C WAIも、送信の成功と失敗を通知し、エラーメッセージを理解しやすくして、解決の方法を簡潔に示すよう勧めています。
入力した内容が、エラーのあとにすべて消えてしまわないかも確認しておきたいところ。長い相談内容を書いた後で最初からやり直しになると、再入力の負担がかなり大きくなります。
個人情報の利用目的を確認できるようにする
問い合わせフォームでは、名前やメールアドレス、相談内容といった個人情報を受け取ります。
個人情報保護委員会のQ&Aでは、ホームページの入力画面で本人から直接個人情報を取得する場合、原則として利用目的の明示が必要とされています。
取得の状況から目的が明らかなときは例外もありますが、問い合わせフォームでは目的をきちんと示しておくのが安全です。
フォームには、受け取った情報を何のために使うのか、個人情報の取扱いをどこで確認できるのかを載せておきます。返信のために受け取った連絡先を別の案内にも使いたい場合は、利用目的の伝え方や同意の取り方を、人間の側で確認しておく必要があります。
もう一つ大事なのが、必要以上の情報を最初から集めないこと。フォームの保存先、通知先、閲覧できる担当者、保管期間、削除方法は、使っているフォームや社内の運用に合わせて決めておきます。
送信後と返信までの流れを設計する
送信ボタンを押しても画面が変わらなければ、読者は受付が完了したのかどうか判断できません。W3C WAIも、成功メッセージはタスクの完了を確認するうえで大切だと説明しています。
送信後の画面では、少なくとも次の点を伝えておきます。
- 問い合わせを受け付けたこと
- 自動返信メールを送る場合は、その案内
- 返信のおおまかな目安
- 返信が届かないときに確認すること
- 緊急の連絡には使えない場合は、その注意
自動返信メールを使うなら、差出人、件名、本文、返信先までテストしておきます。自動返信が届いたことと、担当者へ通知が届いたことは別物なので、両方をそろえて確認します。
事業者の側では、誰が確認するのか、どこへ記録するのか、何日以内を目安に返信するのかを決めておきます。
フォーム自体が正常でも、通知を見落としたり担当者が決まっていなかったりすれば、問い合わせ導線はそこで止まってしまうんですよね。
返信では、受け付けた内容、次に必要な情報、今後の流れを伝えます。すぐに回答できないときも、受領したことと回答の予定を先に知らせておくと、読者は待つべきか別の連絡手段を使うべきか判断しやすくなります。
公開前と定期的に導線をテストする
問い合わせ導線は、管理画面で設定を眺めるだけでは確認しきれません。読者と同じ入口から、実際に送信して、返信を受け取るところまで自分で試すのが確実です。
公開前の確認では、次の順にたどってみます。
- SNSプロフィールやトップページから目的の案内へ進めるか
- サービス内容、対象者、問い合わせ条件を確認できるか
- 問い合わせボタンの文言と移動先が合っているか
- スマートフォンとパソコンでフォームを入力できるか
- 必須項目を空欄にしたとき、修正方法がわかるか
- 正常に送信したあと、受付完了を確認できるか
- 自動返信と担当者通知が届くか
- 実際の返信手順を担当者が実行できるか
正常に進むパターンだけでなく、メールアドレスの打ち間違い、必須項目の空欄、長文、スマートフォンからの入力も試しておきます。
フォームやメールの設定、迷惑メール判定、外部サービスの仕様は変わることがあるため、公開のときだけでなく定期的にテストするのがおすすめです。
サイトを更新したあと、フォームのプラグインやテーマを変えたあと、通知先のメールアドレスを変えたあとも、確認しておきたいタイミングです。
問い合わせ件数が急にゼロになったときは、反応がないと決めつける前に、まずリンク切れや通知の停止を点検してみてください。
問い合わせ導線で起きやすい失敗
ここまでの内容を裏返すと、つまずきやすいポイントが見えてきます。
どれも一つひとつは小さな見落としですが、重なると問い合わせが届かない原因になりがちです。代表的なものを、対処法とあわせて挙げておきます。
行動の選択肢が多すぎる
一つのページに強いボタンがいくつも並ぶと、読者は次の一歩を決めにくくなります。ページの目的に合わせて主な行動を一つ決め、ほかの窓口は対象者を添えて補助的に案内します。
フォームの前に判断材料がない
サービスの対象、対応範囲、流れがわからないまま「お問い合わせください」と案内されても、読者は何を聞けばいいのか迷います。問い合わせ前に必要な説明を整理して、足りない情報はよくある質問へ移しておきます。
フォームを長くしすぎる
最初の相談で詳細なヒアリングまで終わらせようとすると、自由入力や必須項目がどんどん増えていきます。最初の連絡、日程調整、正式な申し込みと、段階を分けられないかを検討してみます。
送信結果と返信時期がわからない
送信完了の画面や受付通知がないと、再送や別経路からの連絡が増えることがあります。受付が済んだことと、次に何が起きるのかを伝えておきます。
通知と返信を担当者任せにする
通知先が一人だけで、休みや変更のときの代わりがいないと、見落としにつながります。確認する頻度、担当、引き継ぎ、対応状況の記録方法を決めておきます。
フォームが向く場合と別の窓口が向く場合
問い合わせフォームは、必要な情報を一定の形で受け取りたいときに向いています。仕事の依頼、見積もり前の相談、取材依頼のように、内容を確認してから返信する窓口として使いやすい方法です。
一方で、日時を確定することが目的なら予約サービス、短い事前質問ならLINE公式アカウント、緊急性の高い連絡なら電話と、別の手段が合う場面もあります。既存のお客さまと新規の相談とで、窓口そのものを分けてしまうのも一つの手です。
フォームを置かない場合でも、受付時間、返信の目安、必要な情報、個人情報の扱いは整理しておきます。複数の窓口を用意するなら、それぞれの用途を明記しておくのがおすすめです。
「どれでもよい」とするより、「仕事の依頼はフォーム、予約の変更は既存のお客さま向けの連絡先」のように分けておいた方が、読者も対応する側も判断しやすくなります。
まとめ
ホームページから問い合わせにつなげるには、フォームだけでなく、入口、判断材料、行動ボタン、入力画面、送信結果、返信の運用までを一本の流れとして確認していきます。
最初にやるべきことは、ボタンの装飾を変えることではありません。誰のどの相談を受けるかを決め、読者が問い合わせ前に必要とする情報をそろえる。
そのうえで、入力項目を最初の連絡に必要な範囲へ絞り、ラベル、入力条件、エラー、個人情報の利用目的を確認できるようにしていきます。
最後に、自分のスマートフォンでSNSやトップページから入り、送信して、担当者として返信するところまで通しで試してみてください。止まった場所こそ、最初に直すべきポイントです。入口から一つずつ直していくのが、問い合わせ導線を整える基本になります。
