---
title: "ナビゲーションと分岐"
description: "静的ルートと動的分岐を使って、画面間でユーザーを誘導します。"
---

ナビゲーションと分岐を使うと、フローの各ステップでユーザーを誘導できます。静的ルートですべてのユーザーをコア画面に送り、動的ナビゲーションでユーザーの選択に応じてフローを変化させましょう。

:::link
ナビゲーションはアクションの一種です。アクションについて詳しくは、[アクション](onboarding-actions)をご覧ください。
:::

## 画面間を移動する \{#navigate-between-screens\}

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

### 静的ナビゲーション \{#static-navigation\}

静的ナビゲーションは、すべてのユーザーを同じ画面に誘導します。設定方法は以下のとおりです。

1. ユーザーがタップできる要素（ボタン、クイズの回答、トグルなど）を選択します。
2. 右側の **Interactions** パネルを開き、**Add trigger** をクリックします。

   クイズの選択肢をタップした瞬間にナビゲーションを実行したい場合（別途ボタンタップを不要にする場合）は、ボタンの代わりにクイズオプションの要素をここで選択してください。

   

3. **On tap** トリガーを設定します。
   - **Action**: **Navigate to screen** を選択します。
   - **Destination**: 遷移先の画面を選択します。

  

### 動的ナビゲーション \{#dynamic-navigation\}

動的ナビゲーションは、クイズの回答、トグル要素の状態、カスタム属性に基づいてユーザーを振り分けます。
[選択可能な要素](flow-selectable-elements)はいずれも動的ナビゲーションの条件として使用できます。

設定方法は以下のとおりです。

1. ユーザーを誘導する要素を選択します。
2. 右側の **Interactions** パネルを開き、**Add trigger** をクリックします。

   クイズの選択肢をタップした瞬間にナビゲーションを実行したい場合（別途ボタンタップを不要にする場合）は、ボタンの代わりにクイズオプションの要素をここで選択してください。

   

3. **On tap** トリガーを設定します。
   - **Action**: **Conditional** を選択します。
   - **Conditions**: 条件付きナビゲーションのアクションを設定します。詳しくは[こちら](onboarding-actions#conditional-actions)をご覧ください。

## フローを閉じる \{#close-flow\}

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

1. タップ時にフローを閉じる要素を追加・選択します。
2. 右側の **Interactions** パネルを開き、**Add trigger** をクリックします。
   

3. **On tap** トリガーを設定します。
   - **Action**: **Close flow** を選択します。