用户引导测验

将您的用户引导变成双向对话:在 Adapty 的无代码编辑工具中添加测验,收集用户偏好、进行市场细分,并根据实时答案分支流程。您将在几分钟内获得用户洞察——无需编写任何代码。

添加测验

您可以添加多种测验类型——文字、表情符号或图片选项——来收集用户输入:

  1. 点击左上角的 Add
  2. 选择 Quiz 并从以下选项中选择一种:
  • Simple:单选文字选项列表。适用于按主要属性对用户进行市场细分(例如:“您的角色是什么?”)。
  • Multiple choice:允许选择多个文字选项。非常适合收集用户的所有兴趣(例如:喜欢的功能)。
  • Emoji:用表情符号表示选项,便于快速反馈。非常适合快速情感检查(例如:“您有多兴奋?”)。
  • Media picker:上传图片或视频作为可选选项。非常适合依赖视觉效果的选择(例如:选择您最喜欢的主题)。
  • Rating:用户按数字或星级进行评分。用于衡量满意度或信心(例如:对此功能评分 1–5)。
  • Popup question:显示模态问题叠加层。非常适合时间敏感的提示。
  1. 在右侧设置测验:
  • Required:在用户继续之前要求必须作答。
  • Layout:在列表或图片磁贴布局之间选择。
  • Multiple answers:允许多选(禁用测验的导航选项)。
  • Show checkboxes:在启用多选时显示复选框。
  1. 在右侧设置测验选项:
  • Label:每个选项显示的文字。
  • Value:发送到分析和 webhook 负载的值。
  • Image type:上传媒体或使用表情符号。
  1. 配置当用户选择某个选项时触发的操作

请参阅下方测验设计指南了解更多信息。

add-quiz.png

如何设计测验

以下是一个简单的测验设置示例。

假设您有一款食谱应用,想了解您的用户是纯素食者还是素食者,然后根据他们的回答进一步了解其偏好。

第一步:添加屏幕

  1. 添加一个新屏幕,并向其添加一个 Quiz 元素。
    onboarding-user-engagement1.png
  2. 为不同的用户群组添加屏幕。在我们的示例中,这些屏幕将收集额外信息,因此它们也将包含测验。
    onboarding-user-engagement2.png
  3. 添加一个最终屏幕,表示用户引导已完成,允许用户直接进入应用程序。
    onboarding-user-engagement3.png

第二步:配置导航

  1. 要设置动态导航,请选择第一个测验屏幕上的 Options 元素。在 Behavior 部分,添加 Action on Option

    由于我们希望根据用户的答案将其重定向到不同的屏幕,请选择 Navigate 作为操作,将 Data 选择为 Dynamic,并在 State 中选择您的 Options 元素。然后将每个选项与一个屏幕关联。

    onboarding-user-engagement4.png
  2. 在两个条件屏幕上,配置导航按钮。由于我们需要跳过第二个条件屏幕,请将导航按钮直接指向您希望接下来显示的屏幕。

如果您希望根据测验答案自定义用户引导本身,请参阅导航指南或使用变量指南。

onboarding-user-engagement5.png

测验自定义

除了基本的元素布局之外,您还可以自定义测验外观:

  1. 在左侧选择测验元素。
  2. 在右侧菜单中进入 Styles
  3. 调整以下设置:
  • Options:高度、内边距、背景、圆角、边框、边框颜色。
  • Text:颜色、字体、对齐方式。
  • Pressed State:背景、文字颜色、边框颜色。

自定义测验元素后,您可以点击下方的 Apply styles to all options,将相同的样式批量应用到所有用户引导屏幕。

quiz-customization.png

保存测验答案

您还可以在应用程序中处理测验答案,并将其存储或用于您的应用程序。

为此,您必须在应用程序代码中处理测验响应事件。请参阅适用于您平台的指南: