ナビゲーションと分岐

ナビゲーションと分岐を使うと、フローの各ステップをユーザーに案内できます。静的ルートですべてのユーザーを主要スクリーンへ送り、動的ナビゲーションでユーザーの選択に応じてフローを切り替えられます。

スクリーン間を移動する際、フローはトランジションアニメーションを表示できます。

静的・動的ナビゲーションは、さまざまなフロー要素を使って設定できます。

静的なナビゲーション

静的なナビゲーションは、すべてのユーザーを同じ対象画面に誘導します。設定するには:

  1. ユーザーがタップできる任意の要素(ボタン、クイズの回答、トグルなど)を選択します。

    Add trigger button
  2. 右側の Interactions パネルを開き、Add trigger をクリックします。

    別途ボタンをタップしなくても、クイズオプションをタップした瞬間にナビゲーションが発生するようにするには、ボタンではなくクイズオプションの要素をここで選択してください。

    移動先がペイウォールの「Navigate to Screen」編集アクションウィンドウ。アニメーションは「Slide in upward with Ease out bounce」、継続時間は400ms、遅延なし
  3. On tap トリガーを設定します:

    • Action: Navigate to screen を選択します。
    • Destination: 移動先の画面を選択します。
    • Animation: デフォルトのプッシュをそのまま使うか、別のアニメーションを選択します。

ダイナミックナビゲーション

ダイナミックナビゲーションは、クイズの回答・トグル要素の状態・カスタム属性に基づいてユーザーをルーティングします。 選択可能な要素はどれでもダイナミックナビゲーションの条件として使用できます。

設定手順:

  1. ユーザーをナビゲートする要素を選択します。

  2. 右側の Interactions パネルを開き、Add trigger をクリックします。

    クイズの選択肢をタップした瞬間に(別途ボタンをタップしなくても)ユーザーをナビゲートしたい場合は、ボタンの代わりにクイズ選択肢の要素をここで選択してください。

    Add trigger button
  3. On tap トリガーを設定します:

    • Action: Conditional を選択します。
    • Conditions: 条件付きナビゲーションアクションを設定します。詳細はこちらをご覧ください。
Conditional actions

フローを閉じる

ユーザーの操作フローでフローを閉じる必要がある場合、ボタンまたは単一回答クイズを使って設定できます。

  1. タップ時にフローを閉じる要素を追加・選択します。

  2. 右側の Interactions パネルを開き、Add trigger をクリックします。

    Add trigger button
  3. On tap トリガーを設定します。

    • Action: Close flow を選択します。
Close flow action