用户流程：怎么画、示例，以及怎么用真实路径核对

用户流程图是团队对「人们会怎么完成一项任务」的预判。真实用户会在没人画过的地方跳过、返回、离开。本文讲怎么画用户流程、它和旅程地图有什么不同，以及怎么用测得的路径核对它，并附一个注册流程的算例。

什么是用户流程？

用户流程（user flow）是用户在产品或网站里完成一项任务所走的步骤序列，比如注册、购买、邀请同事。在设计里，用户流程通常画成用户流程图：方框代表页面或屏幕，菱形代表判断，箭头代表它们之间的路径，从入口一直到目标。

用户流程有两个用处。开发之前，帮团队对通往目标的最短路径达成一致，找出缺失的页面和死胡同。上线之后，把设计的流程和人们实际走的路径对比，能看出设计和现实在哪里分岔。

用户流程、用户旅程和线框流程的区别

旅程地图告诉你用户在上手阶段很沮丧；用户流程告诉你是上手七个页面里的哪一个造成的。

线框流程就是用线框图画的用户流程。

怎么画用户流程

1. 只选一个目标。 「新用户创建工作区并进入看板」，而不是「上手」。
2. 定义入口。 用户从哪里开始？广告落地页、价格页、邀请邮件和应用商店，进来的头一个页面都不一样。
3. 列出步骤和判断。 每个页面、表单、选择（「你有邀请码吗？」）和系统动作（发邮件）。
4. 先画顺利路径，再加分支：报错、跳过、返回、未登录状态。
5. 数步数，删掉一些。 对每一步都问：现在必须做吗，还是可以等用户先体会到价值再说？
6. 用真实路径验证。 上线后，从入口做路径分析，和流程图对比。

常用图形：椭圆或圆角框表示起点和终点，矩形表示页面，菱形表示判断，箭头表示方向。Figma、FigJam、Miro 和 Whimsical 都有用户流程模板。

用户流程示例

• 注册： 落地页 → 注册表单 → 验证邮箱 → 创建工作区 →（邀请团队 | 跳过）→ 看板。
• 结账： 购物车 →（游客 | 登录）→ 收货信息 → 支付 → 确认订单 → 下单成功。
• 重置密码： 登录页 →「忘记密码」→ 填邮箱 → 打开邮件 → 设新密码 → 登录成功。
• 升级： 用量上限提示 → 价格页 → 选套餐 → 支付 → 确认 → 功能解锁。

算例：设计的注册流程和实际路径

一个 SaaS 产品设计了五步注册流程。上线后，团队从注册表单出发，对 10,000 个会话做了正向路径分析（示例数字）：

流程图看不出的三个发现：

• 13% 从表单退回了价格页。 表单要求填公司规模和电话，读起来像「马上有销售打电话来」。去掉这两个字段后，这条路径降到 5%，表单完成率从 74% 升到 81%。
• 一半以上跳过了邀请这一步，而他们并不是更差的用户：头一周激活率 41%，邀请了的是 44%。邀请页改成之后在看板上出现的可选提示。
• 1,050 个会话停在验证邮箱页。 很多人第二天通过邮件链接回来了，所以按会话算的路径夸大了流失；改成按人计数后，这一步的真实流失是 9%，不是 14%。

整体来看，改动后在同一会话里进入看板的注册占比从 57% 升到 66%。

常见误区

• 只画顺利路径。 真实用户会返回、跳过、出错，流程图要画出那时会发生什么。
• 一个流程里混了几个目标。 一项任务一张图，才看得清。
• 从不拿数据核对。 和实际路径对比之前，流程图只是一个假设。
• 只按会话计数。 跨邮件、跨天的流程，按会话看会比按人看更差。
• 为了内部原因加步骤。 每多一个字段或页面都会降低完成率，先问能不能等等再要。

在 TapCub 里验证用户流程

在 全端分析 › 行为分析 › 行为分析 里，路径模型展示从某个起点往后、或到某个终点之前最常见的页面、屏幕或事件，步数 2 到 10，并标出每一步的退出。把注册页设为起点锚点，跨天的流程把计数从会话改成按人，再用清洗规则把带 ID 的地址合并成一个节点（漏斗、目标和路径怎么选）。要按固定步骤衡量完成率，就建一个漏斗（创建漏斗）。延伸阅读：客户旅程地图、转化路径 和 用户摩擦。

资料来源

• Nielsen Norman Group，User journeys vs. user flows。