功能流程用这Skill标失败回路

绘制用户流程图,展示用户如何完成目标及分支逻辑。

user-flow-diagram 是画产品屏幕路径和分支的 Skill。它从一个用户目标出发,标出入口、页面、动作、决策、后台过程与完成出口。

先画顺利路径,再补失败后的恢复,例如支付失败回哪里、输入丢失能否继续。箭头要写触发条件,不然两张屏幕连起来也看不出谁在什么时候推进。

异步处理需要等待与结果状态,关闭页面也不一定等于任务结束。分支多时可以拆图,保留跨图引用,避免把关键失败路径为了整洁删掉。适合开发前说明如何走完功能;本文未制作图,屏幕流程也不等于用户情绪旅程,后续仍需真实操作验证。

分类:设计创作

来源仓库:owl-listener/designer-skills

适合用来做什么

  • 请为我绘制用户流程图。
  • 如何表示页面级路径和决策点?

安装 user-flow-diagram

npx skills add https://www.iskills.cc/skills/owl-listener/designer-skills/user-flow-diagram/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 user-flow-diagram 的用途与原始说明

浏览全部 Skill 指南