ガイドの分岐を使用すると、ページ上に特定の要素やフィーチャーが存在するかどうかに基づいて訪問者を異なるステップにルーティングし、単一のガイド内でパーソナライズされたフローを設計できます。これにより、1つのガイドからよりターゲットを絞ったオンボーディング、教育、エンゲージメントの体験を提供できます。
ユースケース
ガイドの分岐は、ユーザーの入力や条件に基づいて異なる手順を表示する際に最も役立ちます。たとえば、次のようなことが可能です。
- ユーザーインターフェース（UI）に特定のフィールドまたはコンポーネントが存在するかどうかに応じて、異なるステップを表示します。
- 利用可能なフィーチャーや要素に応じて、ユーザーを異なる結果に案内します。
- ステップマップを使用して、訪問者がガイドの流れをどのように移動するかを確認します。
分岐はボタンアクションを通じて構成され、ビジュアルデザインスタジオのステップマップで視覚化されます。これにより、ステップがどのように接続されているかを理解し、複数のパスを含むガイドを整理できます。
要件
ガイドの分岐とステップマップを使用するには、次が必須条件となります。
- ビジュアルデザインスタジオを使用している。
- ガイドを編集する権限を持っている。
- 条件付き分岐に使用するGuides Proを持っている。
ガイドの分岐を設定する
特定の要素やタグ付けされたフィーチャーがページに存在するかどうかで、ガイドを分岐させることができます。これにより、フォームフィールドが使用可能かどうかに応じて異なる手順を表示するなど、ユーザーインターフェースで訪問者に表示される内容に合わせてガイドエクスペリエンスをカスタマイズできます。
分岐は、デザイナーまたはビジュアルデザインスタジオのステップマップから設定できます。そのステップには条件付き分岐を追加するボタンがすでに含まれている必要があります。
デザイナー内で
- ビジュアルデザインスタジオで分岐させたいガイドを作成するか、開きます。
- ボタンを含むステップを開きます。
- ボタンを選択してから、アクションとして［条件付き分割］を選択します。
- ［分割を構成］を選択します。
- 必要に応じて、条件を説明する名前を入力します。
-
［場所］で、ページ上の要素の存在またはタグ付けされたフィーチャーに基づいて分岐するかを選択します。
- 要素を使用して分割する場合は、［要素を選択］を選択し、アプリケーションで関連するセレクターを入力または選択します。
- タグ付きのフィーチャーを使って分割する場合は、［フィーチャー］を選択し、ドロップダウンメニューから該当するフィーチャーを選択します。また、［フィーチャーを選択］を選択し、アプリケーション内で直接関連するフィーチャーを選択することもできます。
-
［条件の動作］で、選択した要素や機能がページ上に見つかる場合と見つからない場合にどのアクションを行うかを選択し、各条件の行動を定義します。利用可能なアクションには以下が含まれます。
- 次のステップ
- ガイドを閉じる（Dismiss Guide）
- URLリンク（URL Link）
- ガイドの起動（Launch Guide）
- ガイドのスヌーズ
- ステップに移動（Go to Step）
- 前へ
- ［完了］を選択し、ガイドを保存します。あるいは、［ステップマップで編集］を選択して、フローの分岐を視覚化することもできます。詳細については、「ステップマップ」をご参照ください。
- このガイド用に作成したい分岐ごとに、これらの手順を繰り返してください。
- プレビューを使用して分岐エクスペリエンスをテストし、準備ができたらガイドを公開してください。
ステップマップ内で
- ビジュアルデザインスタジオで分岐させたいガイドを作成するか、開きます。
- 上部のアクションバーから［ステップマップ］を選択します。
- 分割を適用するステップまたはアクションを選択します。
- ボタンアクションとして［条件付き分割］を選択します。
-
［場所］で、ページ上の要素またはタグ付けされたフィーチャーの有無に基づいてガイドを分割するかどうかを選択します。
- 要素を使用して分割する場合は、［要素を選択］を選択し、アプリケーションで関連するセレクターを入力または選択します。
- タグ付きのフィーチャーを使って分割する場合は、［フィーチャー］を選択し、ドロップダウンメニューから該当するフィーチャーを選択します。また、［フィーチャーを選択］を選択し、アプリケーション内で直接関連するフィーチャーを選択することもできます。
-
［条件の動作］で、選択した要素や機能がページ上に見つかる場合と見つからない場合にどのアクションを行うかを選択し、各条件の行動を定義します。利用可能なアクションには以下が含まれます。
- 次のステップ
- ガイドを閉じる（Dismiss Guide）
- URLリンク（URL Link）
- ガイドの起動（Launch Guide）
- ガイドのスヌーズ
- ステップに移動（Go to Step）
- 前へ
- このガイド用に作成したい分岐ごとに、これらの手順を繰り返してください。
- プレビューを使用して分岐エクスペリエンスをテストし、準備ができたらガイドを公開してください。
ガイドの分岐を設定してテストした後、訪問者はアプリ内で利用可能なステップに基づいて自動的に異なるステップを表示されます。いつでもステップマップに戻って、ロジックを視覚的にプレビューまたは更新することができます。