Навигация онбординга

Навигация и ветвление позволяют провести пользователей через каждый шаг онбординга: используйте статические маршруты, чтобы направлять всех на основные экраны, и динамическую навигацию, чтобы адаптировать поток в зависимости от выборов пользователя. Всё это без единой строки кода.

Настройка навигации

Вы можете настроить статическую и динамическую навигацию, а также закрытие онбординга, с помощью кнопок и квизов.

Для квизов только квизы с одним вариантом ответа подходят для навигации. Квизы с несколькими вариантами ответа можно использовать для настройки условной видимости элементов.

Статичная навигация

Статичная навигация направляет всех пользователей на один и тот же экран. Чтобы её настроить:

  1. Выберите любой элемент, по которому пользователи могут нажать — кнопку, вариант ответа в квизе или переключатель.

  2. Откройте панель Interactions справа и нажмите Add trigger.

    Чтобы переходить к следующему экрану сразу при выборе варианта в квизе — без отдельного нажатия кнопки — выберите здесь элемент варианта квиза, а не кнопку.

    Кнопка Add trigger

  3. Настройте триггер On tap:

    • Action: Выберите Navigate to screen.
    • Destination: Укажите целевой экран.
Статическая навигация

Динамическая навигация

Динамическая навигация направляет пользователей в зависимости от их ответов в квизе, состояния переключателей и пользовательских атрибутов. Условием для динамической навигации может служить любой выбираемый элемент.

Как настроить:

  1. Выберите элемент, который будет управлять навигацией пользователей.

  2. Откройте панель Interactions справа и нажмите Add trigger.

    Чтобы переход происходил сразу при нажатии на вариант квиза — без дополнительного нажатия кнопки — выберите здесь элемент варианта квиза вместо кнопки.

Add trigger button
  1. Настройте триггер On tap:
    • Action: Выберите Conditional.
    • Conditions: Задайте условия навигации. Подробнее здесь.
Conditional actions

Закрытие онбординга

Если пользовательский путь предполагает закрытие онбординга, вы можете настроить это с помощью кнопок или квизов с одним вариантом ответа:

  1. Добавьте кнопку или квиз с одним вариантом ответа.
  2. Выберите кнопку или квиз и перейдите на вкладку Element справа.
  3. Настройте раздел On Press для кнопки или Behaviour для квиза:
  • Action on (только для квиза): выберите Option, чтобы открыть настройки навигации для квиза.
  • Action: выберите Close onboarding.

Узнайте, как обрабатывать закрытие онбординга на iOS, Android, React Native и Flutter.

close-onboarding.png