このワイヤーの特徴
相談の種類に関係のある項目だけを聞ける
新規の制作と保守の相談では、聞きたいことがまったく違います。
すべての項目を並べると、読み手は自分に関係のない欄まで読むことになります。最初に種類を選んでもらうことで、その相談に必要な項目だけを表示できます。
関係のない項目がないので、フォームが短く済む
窓口を1つにまとめると、項目がどうしても増えがちです。選んだ種類の項目だけを出すことで、1人あたりの入力は短く済みます。
返信に必要な情報がそろった状態で受け取れる
内容欄だけの問い合わせでは、サイトのURLや急ぎかどうかが書かれていないことがあります。種類ごとに必要な項目を聞いておくことで、受け取った後に聞き直す手間を減らせます。
選び直しても、関係なくなった入力は送られない
種類を選び間違えて選び直すことはよくあります。前の種類の項目を隠し、その入力を送信する内容から外すことで、受け取る側が混乱する内容は届きません。
SPでは、追加の項目が選択肢のすぐ下に出る
SPでは、選んだ後に出てきた項目が画面の外にあると、気づかずに進んでしまいます。選択肢のすぐ下に枠で囲んで表示するので、画面を大きく動かさずに、そのまま次の項目へ進めます。
制作時のよくある失敗
選び直すと、前の種類の入力が残ったまま送られる
「作り直したい」で入力した後に「今のサイトを直したい」へ選び直すと、隠れた項目の入力がそのまま送られることがあります。
受け取る側はどちらの相談なのか判断できません。
選び直したときは、表示していない項目を送信する内容から外します。
表示されていない必須の項目が原因で、送信できない
隠れている項目に必須の確認が残っていると、読み手には見えない理由で送信できなくなります。
条件から外れた項目は disabled にするなどして、必須の確認と送信の対象から外します。
分岐が深く、どの項目が出るか予測できない
選ぶたびに次々と項目が変わると、読み手はどこまで答えればよいのか分からなくなります。
作る側も、すべての組み合わせを確認しきれなくなります。
分岐はできるだけ浅くし、組み合わせが増えすぎる場合は窓口を分けることも検討します。
選択肢に当てはまらない人の行き先がない
種類が決められない人や、どれにも当てはまらない人が、そこで止まってしまうことがあります。
「その他・分からない」を用意し、共通の内容欄に書いてもらえるようにします。
項目が出たことに気づかない
追加の項目がページの離れた場所に出たり、目立たなかったりすると、答えないまま送信しようとする人が出てきます。
選択肢のすぐ下に見出しつきで表示し、必要に応じて読み上げでも短く伝えます。
よくある質問
分岐はいくつまでがよいですか?
決まった数はありませんが、最初の選択で1回分岐させる形を基本にすると、読み手も作る側も全体を把握しやすくなります。
種類の数が多すぎる場合や、さらに細かく分岐させたくなる場合は、窓口ごとにフォームを分ける方が分かりやすいこともあります。
追加の項目は、どこに表示すればよいですか?
選んだ選択肢のすぐ下に表示するのが基本です。
どの選択で出た項目なのかが分かるよう、見出しをつけて枠で囲むと、読み手は迷わずに答えられます。
共通の項目は、追加の項目の後にまとめます。
ステップ分割型と組み合わせることはできますか?
できます。
1段目で相談の種類を選んでもらい、2段目にその種類の項目を出す形にすると、種類ごとの項目が多い場合でも1段あたりの量を抑えられます。
その場合も、選び直したときに前の種類の入力を送らないことや、最後の段で入力内容を見直せることが大切です。
ステップ案内型FAQやプラン診断型の料金表とは、どう違いますか?
どれも最初に選んでもらう点は似ていますが、選んだ後に変わるものが違います。
ステップ案内型FAQは表示する質問を絞り、プラン診断型の料金表はおすすめのプランを示します。
条件分岐型のフォームは、選んだ内容によって読み手に入力してもらう項目そのものを変えます。
