用户引导导航

导航与分支功能让您能够引导用户完成用户引导的每个步骤:使用静态路由将所有人引导至核心屏幕,并使用动态导航根据用户选择调整流程。所有这些都无需编写任何代码。

设置导航

您可以使用按钮测验配置静态和动态导航,以及用户引导关闭功能。

对于测验,只有单选测验适合用于导航。多选测验可用于设置条件元素可见性

静态导航

静态导航将用户引导至同一目标屏幕。设置方法如下:

  1. 添加一个按钮或单选测验。
  2. 选中该按钮或测验,然后点击右侧的 Element 选项卡。
  3. 设置按钮的 On Press 区域或测验的 Behaviour
  • Action on(仅限测验):选择 Option 以解锁测验的导航设置。
  • Action:选择 Navigate
  • Data:选择 Static,将用户引导至同一目标屏幕。
  • Destination:选择目标屏幕。

使用静态导航时,无论用户选择哪个答案,测验都会将用户引导至同一屏幕。

static-navigation.png

动态导航

动态导航根据用户的测验答案进行路由:

  • 前面屏幕上的测验答案:按钮或单选测验均可触发导航。
  • 当前屏幕上的测验答案:只有单选测验可以触发导航。

设置方法如下:

  1. 添加一个将引导用户的按钮或单选测验。
  2. 选中该按钮或测验,然后点击右侧的 Element 选项卡。
  3. 设置按钮的 On Press 区域或测验的 Behaviour
  • Action on(仅限测验):选择 Option 以解锁测验的导航设置。
  • Action:选择 Navigate
  • Data:选择 Dynamic,根据用户之前的测验答案引导用户。
  • State:选择一个测验,其答案将决定用户的目标屏幕。
  1. 为每个测验选项选择目标屏幕。

您的按钮或测验将动态地将用户路由至您配置的目标屏幕。

dynamic-navigation.png

关闭用户引导

如果您的用户旅程需要关闭用户引导流程,可以使用按钮或单选测验进行设置:

  1. 添加一个按钮或单选测验。
  2. 选中该按钮或测验,然后点击右侧的 Element 选项卡。
  3. 设置按钮的 On Press 区域或测验的 Behaviour
  • Action on(仅限测验):选择 Option 以解锁测验的导航设置。
  • Action:选择 Close onboarding

了解如何在 iOSAndroidReact NativeFlutter 上处理用户引导关闭事件。

close-onboarding.png