会話型フォームは行動を促します。魅力的で、優れたユーザーエクスペリエンス（UX）を提供し、まるで実際の会話のように進む会話型フォームデザイン（一度に1つの質問）を採用しています。
かつて私は、入力項目が多すぎるフォームを作成していたため、誰も記入したがりませんでした。氏名、役職、電話番号といったありきたりな情報を求める項目がずらりと並び、その後に12個もの質問が続いていたのです。
当時の私は、本当に必要だったのが会話型フォームだとは知りませんでした。私はフォームデザインを苦労して学びましたが、このガイドのおかげで、あなたはその必要はありません。
本記事では、会話型フォームについて知っておくべきすべてを解説します。会話型フォームとは何か、心理的になぜ効果的なのか、そしてこのデザインが従来の手法をどのように上回るのかを取り上げます。また、フォームの離脱を減らし、完了率を向上させるための実践的なベストプラクティスもご紹介します。
リードジェネレーション用フォーム、アンケート、オンボーディングフローのいずれを作成する場合でも、このガイドは人々が実際に記入したいと思うオンラインフォームを設計するのに役立ちます。
会話型フォームデザインとは？
会話型フォームデザインとは、すべての項目を1ページにまとめて表示するのではなく、質問を一度に1つずつ表示するUXの手法です。会話型フォームには、進捗トラッカーや、ナビゲーション用の「次へ」「前へ」ボタンといったデザイン機能が含まれることがよくあります。
会話型フォームデザインはTypeformによって広まりましたが、その後、業界全体で広く採用されるUXの標準となりました。現在では、最も優れたオンラインフォームビルダーの中核的な機能であり、フォームのエンゲージメントと完了率を向上させるための認められたベストプラクティスとなっています。
Jotformを使った会話型フォームデザインは、次のようになります。
会話型フォームでは、回答に応じて動的なフォローアップ、フレンドリーな確認メッセージ、そして条件分岐ロジック（ブランチングロジックとも呼ばれます）が作動し、回答者がすでに答えた内容に基づいて関係のない質問を省略します。これは、回答者が自分に関係する質問だけを目にするため、UXの意義ある改善となります。その結果、フォームは圧迫感が少なく感じられ、回答者は質問の総数を最初に把握できないため、完了する前に離脱する可能性が低くなります。
これを従来のフォームデザインと比較してみましょう。従来のものは、すべての項目が最初から見えている静的なページです。回答者はフォームの全体の長さをすぐに目にするため、圧倒されてしまい、離脱につながったり、そもそも記入を始めない原因になったりすることがあります。実際には、ユーザーがこれらの質問のごく一部にしか答える必要がない場合もあるのです。また、従来のフォームはパーソナライズや動的な動作をほとんど、あるいはまったく提供しません。
会話型フォームが効果的な理由：その背後にある心理学
会話型フォームと従来型フォームの間のパフォーマンスの差は偶然ではありません。それは、人々が情報を処理し、意思決定を行い、デジタル体験に反応する仕組みに根ざしています。
例えば、会話型フォームには次のような効果があります。
- 認知的負荷を軽減する：すべての項目が一度に見えていると、脳はタスク全体をすぐに処理しようとします。誰もが忙しく、その体感的な労力だけで離脱の引き金になることがよくあります。一度に1つずつ質問を表示する形式は、ユーザーの目の前にあるものに注意を集中させることで、その圧迫感を取り除きます。
- 労力が少なく感じられる：たとえ会話型フォームの質問数が従来型と同じであっても、そうは感じられません。回答者が全体の長さを最初に目にすることがないため、タスクがより管理しやすく感じられ、これが記入を始めるか、最後まで終えるかに直接影響します。
- より個人的に感じられる：「ありがとう、サラさん！あと1つ質問があります…」のように、前の回答に反応する動的な文言は、本物の対話のような感覚を生み出します。「あと1つ質問があります」といったシンプルなフレーズでさえ、励みになると感じられるものです。
- 進捗インジケーターを含めてユーザーのモチベーションを維持する：回答者にどれだけ進んだか（そして残りがどれだけ少ないか）を示すことは、人間の心理に働きかけます。人は何かに時間や労力を費やしたと感じると、それを完了する可能性が高くなります。目に見える進捗バーは、その進捗を実感できるものにします。
- 完了率が高い：データによると、会話型フォームは、特に長めのアンケートやリードジェネレーションのフローにおいて、大幅に高い（30パーセント高い）完了率を達成しています。
会話型フォーム対従来型フォーム
従来型フォーム | 会話型フォーム | |
|---|---|---|
| レイアウト | すべての項目を一度に表示 | 一度に1つの質問 |
| 完了率 | 低い | 高い |
| パーソナライズ | なし | 動的、名前を認識 |
| 最適な用途 | 短くシンプルなフォーム | アンケート、リードジェネレーション、オンボーディング |
| モバイル体験 | 多くの場合不十分 | 最適化済み |
| 認知的負荷 | 高い | 低い |
会話型フォームはベストプラクティスではありますが、あらゆる状況に適しているわけではありません。
従来型フォームは、2項目のニュースレター登録、素早いログインフォーム、単一ステップのチェックアウト項目など、短くてリスクの低い場面では今でも理にかなっています。
会話型フォームは、複数ステップのアンケート、リードジェネレーションのフロー、オンボーディングのアンケート、フィードバックの収集、苦情フォームなど、より長く、リスクの高いやり取りで最も効果を発揮します。
回答者に求めることが多ければ多いほど、会話型のアプローチの効果は高まります。
完了率を高めるための会話型フォームの設計方法
ここでは、より高いエンゲージメントにつながるフォームを作成するのに役立つ、会話型フォームデザインのヒントをご紹介します。
温かみのあるイントロ画面と人間味のあるCTAを追加する
イントロページは、フォームを魅力的に感じてもらうための最初のチャンスです。簡潔で、フレンドリーで、次に何が来るのかが明確であるべきです。
次の例では、イントロセクションに以下が含まれています。
- フォームのタイトル（レスポンシブレイアウト一般問い合わせ用お問い合わせフォーム）
- 回答者への期待事項（連絡先情報、職務スキルなどの入力）
- 質問の数（10問）
- CTA（開始）
二人称の自然な言葉で書く
実際の会話を模倣するような形でフォームを作成しましょう。「ご職業をご記入ください」の代わりに、「お仕事は何をされていますか？」と尋ねてみましょう。
目標は、会話型フォームを、まさに会話らしく保つことです。
会話的な言葉遣いの鍵は次のとおりです。
- 自然な言い回し：人が実際に話すように書きましょう。各質問を声に出して読んでみてください。実際に対面で言いそうな言葉に聞こえれば、正しくできています。
- 二人称の文章：全体を通して「あなた」「あなたの」を使いましょう。
- 直接的でありながら個人的なトーン：相手にしてほしいことははっきりと伝えつつ、フレンドリーさを保ちましょう。
以下は、自然で個人的な二人称の言葉を使って質問を構成した例です。
一度に1つの質問をする
一度に1つの質問をすることは、会話型デザインの核心です。
各画面には1つの役割だけを持たせるべきです。つまり、1つの質問をして、1つの回答を受け取ることです。
この会話型フォームの例は非常に簡略化されていますが、一度に1つの質問を表示するフォームがどのように機能するかを正確に示しています。
条件分岐ロジックを使って関係のない質問を省略する
条件分岐ロジックを使うと、前の回答に基づいて質問を表示または非表示にできるため、回答者は自分に関係するものだけを目にします。
例えば、「当社をどのようにして知りましたか？」と尋ね、誰かが「ソーシャルメディア」を選択した場合、「どのプラットフォームですか？」とフォローアップできます。
条件分岐ロジックは、フォームの体感的な長さを短くし、収集するデータの質を向上させます。最近では、会話型ユーザーインターフェース（UI）フォームにおいて、かなり標準的に期待される機能となっています。
この動画では、Jotformを使って条件分岐ロジックを使用する方法を正確にご紹介します。
進捗インジケーターを使う
進捗インジケーターは、回答者がフォームのどこまで進んだかを示します。誰かが60パーセント進んだと気づくと、そのまま続ける可能性が高くなります。
以下は、Jotformのテンプレートにおける進捗トラッカーの例です。
進捗トラッカーは、オンボーディングのフローや詳細なアンケートなど、より長い会話型フォームにおいて特に重要です。
回答を動的に認識する
誰かがフォームの最初の画面で名前を共有した場合、その名前を後で使って体験をパーソナライズできます。
例えば、動的な応答は「素晴らしい選択ですね、ゾーイさん。では、あなたのチームについて少し教えてください。」のようになります。
この種の確認こそが、会話型フォームデザインを標準的な形式と区別するものです。フレンドリーで魅力的であり、進捗を強調するために使うこともできます。例えば、「素晴らしい選択ですね、ゾーイさん、残りはあと1セクションだけです。」のように。
必須項目を最小限に抑える
すべての必須項目は、離脱の潜在的なポイントです。回答者に求めることが多ければ多いほど、フォームを放棄する可能性が高くなります。
項目を必須にする前に、その情報が先に進むために本当に必要かどうかを自問してみましょう。
詳細は後からいつでも収集できます。当面の目標は、フォームの送信を得ることです。
モバイルファーストで設計する
モバイルフォームこそ、会話型フォームデザインが明確な優位性を発揮する場です。小さな画面にフォーム項目が並んでいると、ストレスがたまります。間違ったところをタップしやすく、セクションを飛ばしたいときにスクロールするのも面倒です。
明確な回答選択肢を備えた、きれいに整形された1つの質問は、スマートフォンで記入するには理想的です。
会話型UIフォームを構築する際は、まず最も小さい画面を基準に設計しましょう。
これは、次のようなことを考慮することを意味します。
- 親指で操作しやすいタップターゲット
- 可能な限り入力を最小限に抑えること
- ズームや横スクロールを必要としないレイアウト
Jotformのようなオンラインフォームデザイナーは、こうした考慮事項をすべて不要にします。Jotformで設計するすべてのフォームは、すでにモバイルフレンドリーになっています。この動画でその方法をご紹介します。
テストと改善を繰り返す
よく設計された会話型フォームであっても、改善の余地はあります。
A/Bテストとは、あるものの2つのバージョンを作成し、それぞれをオーディエンスの異なる一部に表示して、どちらがより良い成果を出すかを確認する手法です。
フォームの場合、同じ質問を2つの異なる言い回しでテストし、どちらのバージョンがより多くの完了、より高い回答の質、またはそのステップでのより少ない離脱を得られるかを確認できます。
例えば
- バージョンAでは「年間予算はいくらですか？」と尋ねるかもしれません。
- バージョンBでは「どのくらいの金額を使いたいとお考えですか？」と尋ねるかもしれません。
A/Bテストできるのは以下のようなものです。
- 質問の言い回し
- 質問の順序
- イントロ画面の内容
- CTAの文章
Pro Tip
完了率に影響を与える要因を明確に特定できるよう、A/Bテストは一度に1つの要素だけで行いましょう。
Jotformを使って、より優れた会話型フォームを構築する
このガイドで取り上げたすべての内容は、Jotformの会話型フォームに直接組み込まれています。Jotformを使えば、コードなしでよく設計されたフォームを簡単に構築できます。20,000を超えるフォームテンプレートから選んで、お好みにカスタマイズできます。また、自然な言葉を使ってフォームを作成できるaiによるフォーム生成ツールもあります。カード形式の会話型フォーマットを試したい場合は、jotformカードが、きれいでスワイプできるレイアウトを提供しており、アンケートやリード獲得のフローに特に適しています。無料でお試しいただき、会話型アプローチが完了率にもたらす違いをご確認ください。
フォームビルダーに慣れてきたら、会話型フォームを次のレベルへと引き上げるjotform aiエージェントでさらに進化させることができます。
会話型フォームとaiエージェントの主な違いは、スクリプトです。
会話型フォームはスクリプトに従いますが、jotform aiエージェントは文脈を理解し、自由記述の回答を解釈し、賢いフォローアップの質問をし、リアルタイムで適応します。また、スタンドアロン、チャットボット、WhatsApp、電話など、複数のチャネルで機能し、すべてコードを必要としません。
これらのJotformツールはいずれも完全無料で始められることをお伝えしましたでしょうか？私のアドバイスはこうです。まずJotformの会話型フォームから始めて、このガイドのベストプラクティスを適用しましょう。そして、自ら考える会話の準備ができたら、jotform aiエージェントを検討し、アップグレードしましょう。
この記事は、リード獲得、アンケート、オンボーディングのためにフォームを構築するUXデザイナー、マーケター、プロダクトマネージャーを対象としています。会話型デザインの原則が、どのように離脱を減らし、完了率を高め、より良い回答者体験を生み出せるのかを理解したい方に向けた内容です。
コメントの送信: