四套产品设计常用的流程模板
第一套就是完整的登录注册判断树,含记住密码、找回密码、账号不存在等分支,改改文案就能用。
登录注册流程图模板含密码错误、账号不存在、找回密码全分支
网站用户流程图(User Flow)整站页面跳转关系,做信息架构用
开户与充值流程图涉及实名、绑卡、交易密码的完整链路
HTTPS 加解密与验证流程图讲清登录数据是怎么被保护的模板可直接改成小程序、App 或 Web 端的版本。做研发交付时另见 软件开发流程图。
先把三条主路径排清楚
现在的产品基本都是三条路并存:验证码、密码、第三方。三条路最终都要汇到同一个"登录成功"节点,这是画这张图的骨架。
手机号 + 验证码
注册与登录合一:号码存在就是登录,不存在就静默注册。体验最好,但要处理验证码频率限制与超时。
账号 + 密码
老用户和 PC 端仍然依赖。必须画出错误次数累计、锁定时长、图形验证码触发三个节点。
第三方授权
微信、Apple 等。关键分支是"授权返回的账号是否已绑定本站账号",未绑定要走绑定或补全资料。
- 统一起点:进入登录页把三种方式画成从同一个起点分出的三条线,而不是三张独立的图。用户在页面上是可以随时切换方式的,图要反映这一点。
- 先判断"标识是否存在",再判断"凭证是否正确"这两个判断顺序不能反。合在一起会导致提示语无法区分"没这个账号"和"密码错了",而这两者的产品策略通常不同。
- 把风控插在凭证校验之前频率限制、设备指纹、图形验证码这些动作发生在校验之前。图上画成一个"风控校验"节点,出线包括通过、要求图形验证码、直接拒绝三路。
- 登录成功后判断资料完整度很多产品要求首次登录补全昵称、头像、实名信息。这一步是独立节点,不要塞进登录成功里。
- 三条路汇合到同一个终点"进入首页"只画一个,避免三条线各自结束,导致后续改动要改三处。
- 把登出与自动登录也画上记住登录态多久、token 过期后是静默续期还是跳回登录页,属于同一张图的内容。漏画会在联调时才发现。
必须画出来的 12 个分支
下面这张表可以当评审 checklist 用:逐条对照你的图,缺哪条补哪条。
| 分支 | 触发条件 | 产品处理 | 图上画法 |
|---|---|---|---|
| 账号已存在 | 注册时手机号已注册 | 提示并引导去登录 | 菱形判断 → 跳转登录节点 |
| 账号不存在 | 登录时标识查不到 | 提示并引导去注册(或静默注册) | 菱形判断 → 注册节点 |
| 验证码发送频率超限 | 同号码短时间内多次请求 | 提示等待秒数 | 风控节点的一条出线 |
| 验证码超时 | 超过有效期(常见 5 分钟) | 作废并允许重发 | 定时判断 → 回到发送节点 |
| 验证码错误 | 输入不匹配 | 累计次数,达阈值后作废 | 带计数器的回环 |
| 密码错误 | 凭证校验失败 | 累计次数并提示剩余次数 | 带计数器的回环 |
| 账号锁定 | 错误次数达阈值 | 锁定一段时间或要求验证身份 | 独立终止节点 + 解锁路径 |
| 需要图形验证码 | 风控判定为可疑 | 弹出图形/滑块验证 | 风控节点的一条出线 |
| 第三方授权取消 | 用户在授权页点取消 | 退回登录页,不报错 | 回到起点的分支 |
| 第三方账号未绑定 | 授权成功但本站无对应账号 | 走绑定或创建新账号 | 菱形判断 → 两条路径 |
| 资料未补全 | 登录成功但缺必填信息 | 强制或可跳过的补全页 | 登录成功后的判断节点 |
| 登录态过期 | token 失效 | 静默续期或跳回登录 | 独立入口,指向登录页 |
如果你的图上少于 8 条分支,大概率是把异常情况留给研发"看着办"了——而这正是后期返工最多的地方。
5 个高频返工点
安全上看似合理,产品上却让新用户不知道该去注册。
判断分开画,提示语合并与否由安全策略单独决定。
超时、频率超限、重发这三种情况全漏了。
正确、错误、超时、频率超限。
取消授权、未绑定账号在联调时才暴露。
是否成功、是否已绑定。
用户被锁死,只能找客服。
倒计时自动解锁或短信验证解锁。
资料补全、登录态维护、登出都没画。
补全判断、token 续期、登出回到起点。
拿去评审之前,先自查 10 条
- 三种登录方式从同一起点分出,并汇到同一终点
- "标识是否存在"与"凭证是否正确"是两个独立判断
- 风控节点在凭证校验之前,且有三条出线
- 验证码相关的四种情况都有分支
- 密码错误有计数器,达阈值有锁定节点
- 锁定节点有明确的解锁路径
- 第三方授权画了取消与未绑定两个分支
- 登录成功后有资料完整度判断
- 登录态过期与登出路径已画
- 每个提示文案在图上有对应的注释,方便前端直接取用
注册登录流程图常见问题
注册和登录要画成两张图吗?
现在多数产品是"注册登录一体",建议画成一张。如果你们的注册需要审核、邀请码或企业资质,那注册确实值得单独一张,因为分支结构完全不同。
流程图要不要画界面?
不要在流程图里画界面。流程图管"逻辑走向",界面归原型图管。需要关联时,在节点旁标注原型页面编号,例如"P-102 登录页"。
验证码有效期一般设多久?
常见是 5 分钟,具体由安全策略决定。关键不是数值,而是流程图上要明确"超时后作废并允许重发",以及重发是否有次数上限。
密码错误几次锁定合适?
常见做法是 5 次触发图形验证码、10 次锁定一段时间。同样地,流程图的职责是把"计数 → 触发 → 锁定 → 解锁"这条链画完整,具体阈值由风控团队定。
第三方登录后要不要强制绑手机号?
看业务。涉及资金、实名的场景基本都要;纯内容型产品可以做成"可跳过、后续再补"。无论选哪种,图上都要有这个判断节点,而不是默认没有。
这张图画完给谁看?
产品评审给业务方看主路径,研发评审给前后端看分支和异常。建议一张图两种视角:主路径用实线加粗,异常路径用较细的线并统一放在图的下半部分。