用户流程映射
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md 安装 @user_3c6cb52e/user-flow-mapping 技能,并加载其 SKILL.md 流程指引。
技能介绍
它解决什么问题
画用户流程图常有三个坑:漏掉异常路径、图越画越乱不可读、画完只用来给设计师看,优化决策落不了地。用户流程映射(User Flow Mapping)帮团队把一个用户目标拆成完整的步骤图谱——从进入点开始,每一步是用户操作还是系统响应,哪里分叉,哪里会失败,最终都落在一张可评审的图上。
它是怎么工作的
技能按六步推进:
- 界定目标与范围:先明确要画什么(如 "完成购买"),确定进入方式和成功标准,防止图无限膨胀。
- 枚举步骤与决策点:按顺序列出每个页面、动作和系统响应,标记分支条件(如
Is the user logged in?)以及错误与重试循环。 - 先画主干再加分支:先把理想路径画完,再叠加未登录、校验失败、会话超时等异常路径,每条分支必须有明确终点。
- 标注指标与风险:为每一步附上实际数据(如 "支付页流失约 36%"),标记高摩擦节点(多字段表单、注册墙)并给出优化建议。
- 生成 Mermaid 图:用统一的节点形状语言表达——
rounded rectangles表示页面、diamonds表示决策、rectangles表示动作、double-circles表示起止状态,并用颜色区分成功与错误路径。
最终输出是带指标标注的 Mermaid 图,可直接贴进文档或 issue。
适用边界
- 一张图只对应一个用户目标;"注册 + 购买 + 管理账户" 混画只会得到不可读的乱图,应分开画再在共享入口点链接。
- 重试循环(支付重试、重新认证)可能形成死循环,需标注最大尝试次数和兜底出口。
- 涉及外部跳转(OAuth、PayPal、3D Secure)时,必须明确画出三种结局:成功返回、取消返回、超时未归。
- 跨会话流程(邮件验证、密码重置)要显式标记会话边界,而不是画成一条连续线。
- 指标标注依赖真实数据:没有埋点数据的流失率是猜测,技能能帮你把框架搭好,但不能替代数据分析。
使用场景
- 产品评审前,PM 要把「下单到支付成功」的完整路径画成流程图,标注每一步的转化率与流失风险点。
- 埋点数据显示注册漏斗第二步流失严重,分析师需要一张带分支的流程图来定位高摩擦步骤。
- 设计系统登录到创建项目的引导流程,设计师要区分主路径、校验失败和会话超时等异常路径,并输出带屏幕标注的 wire flow。
- 前端在实现跨会话的密码重置流程,需要明确邮件验证的会话边界、重试上限和超时兜底出口。
适合人员
- 产品经理:评审前要把用户路径和转化指标画在同一张图上,用来推动功能优化。
- 数据分析师:手握流失率数据,需要把指标挂到流程节点上,回答「用户在哪一步离开」。
- 前端工程师:开发多分支流程前,要用图确认所有决策点和错误出口,避免漏掉异常逻辑。
- UX 设计师:要产出带屏幕标注的 wire flow,让团队评审页面与分支的对应关系。