查看流程页面的连接关系

Flow & Paywall Builder 每次只显示一个页面,因此在包含测验分支的长用户引导中,很难看清每个答案通往何处。flow-generator 技能 可以将整个流程绘制成一张地图:按顺序列出每个页面、每条路径,以及每个分叉或终止的位置。

这张地图是一个单独的 HTML 文件,可以直接在浏览器中打开。文件中包含页面预览,因此可以直接发给团队成员,他们无需任何配置即可查看。

Important

地图是 flow-generator 技能的一部分,无需额外安装——请按照 flow-generator 安装步骤操作。绘制地图仅读取流程数据,不会向看板保存任何内容。

功能说明

  • 发布前检查分支逻辑:查看每个测验答案跳转到哪个页面,以及各分支在哪里汇合。
  • 发现连接错误:地图会标记出没有任何路径指向的页面,以及没有出路的页面。这两种情况都能通过发布检查,却会让用户在设备上陷入死路。
  • 快速了解他人构建的流程:无需逐屏点击,一眼就能读懂一个包含 20 个页面的用户引导结构。
  • 分享结构图:将文件发送给不使用 Adapty 看板的设计师或产品经理。

使用方法

技能在构建或重新连接包含十个或更多屏幕的流程后,或在添加或更改分支后,会自动打开地图。若要为任意流程打开地图,用日常语言提问即可:

How are the screens in my "Sleep onboarding" flow connected?
Where does the "Not really" button on the Busy mind screen lead?

技能会获取流程,渲染每个屏幕,并打开地图。拖动背景或滚动可平移视图,使用 + 和 − 可缩放,点击 Fit 可查看整个流程,点击某个屏幕可将其放大。

地图显示的内容

屏幕从左到右依次排列,从第一个开始。同一分支并排放置的屏幕位于同一列中。

地图上的内容含义
灰色箭头不依赖答案的路径。
带标签的紫色箭头分支的一个情形。标签表示触发该分支的答案,例如 goal = Falling asleep faster。otherwise 标签表示默认情形。
虚线箭头返回编号更小的屏幕。
after timer 标签该屏幕的计时器结束后自动跳转。
branches 标签路径在此屏幕处分叉。
buys、restores、closes flow、back 标签离开当前屏幕但不打开其他屏幕的操作。
nothing leads here 标签没有屏幕会跳转到此屏幕,用户无法到达。
no way out 标签没有按钮可以打开其他屏幕、完成购买或关闭流程。仅有 Back 按钮不算出口。

要高亮显示某个屏幕的路径,将鼠标悬停在该屏幕上即可。其他屏幕和箭头将会淡化。

示例

根据测验答案进行分支。 Goal 屏幕将每个答案发送到各自对应的屏幕,Busy mind 再次分支。所有三条路径在 What keeps you up 处汇合。

睡眠用户引导的屏幕地图:Goal 屏幕有三条紫色箭头,分别标有测验答案,指向三个屏幕;Busy mind 屏幕再次分支,所有路径在 Sound 屏幕前汇合

一个死路分支。 在 Bedtime 界面选择 After midnight 的用户会跳转到 Name 界面,但 Name 界面上的 Continue 按钮没有设置任何动作。地图会将其标记为 no way out。

Bedtime 界面分叉到 Name 和 Wind-down 两个分支。Name 带有红色的 no way out 标签且没有离开的箭头,而 Wind-down 则继续跳转到下一个界面

无浏览器模式

如果您的 AI 工具运行在远程机器上,技能会在对话中以文本形式打印相同的地图:

◆ Bedtime
    bedtime = After midnight  →  Name
    otherwise  →  Wind-down
    back
▢ Name
    back
    (no way out)
▢ Wind-down
    "Continue"  →  Reaction: wind-down

◆ 表示路径分叉的屏幕。back 等标签列出了离开当前屏幕但不打开其他屏幕的操作。

限制

  • 它展示的是配置,而非设备行为:地图绘制的是流程中定义的路径。若要确认计时器触发或分支在手机上打开的是正确的界面,请使用设备预览。
  • 界面预览与技能预览有相同的限制:价格显示为变量名,开关显示为关闭状态。详见 The preview renders one screen, in one state。
  • 自定义操作止于流程边界:当按钮触发自定义操作时,地图会在该界面上标注操作 ID。您的应用在响应时打开的界面不属于流程的一部分,因此地图不会显示。
  • 地图为只读:若要修改路径,请向技能发起请求,或在 Flow & Paywall Builder 中编辑流程,然后重新打开地图。