良功绘图良功绘图在线画流程图
首页/流程图专题/注册登录流程图

用户注册登录流程图:难的不是主流程,是那 12 个分支

注册登录的主路径三分钟就能画完,真正会在评审会上被打回的是分支:验证码超时怎么办、账号已存在跳哪里、连续错误锁多久、第三方授权失败退到哪。这篇把该画的分支一次列全。

四套产品设计常用的流程模板

第一套就是完整的登录注册判断树,含记住密码、找回密码、账号不存在等分支,改改文案就能用。

模板可直接改成小程序、App 或 Web 端的版本。做研发交付时另见 软件开发流程图

先把三条主路径排清楚

现在的产品基本都是三条路并存:验证码、密码、第三方。三条路最终都要汇到同一个"登录成功"节点,这是画这张图的骨架。

路径 A

手机号 + 验证码

注册与登录合一:号码存在就是登录,不存在就静默注册。体验最好,但要处理验证码频率限制与超时。

路径 B

账号 + 密码

老用户和 PC 端仍然依赖。必须画出错误次数累计、锁定时长、图形验证码触发三个节点。

路径 C

第三方授权

微信、Apple 等。关键分支是"授权返回的账号是否已绑定本站账号",未绑定要走绑定或补全资料。

  1. 统一起点:进入登录页把三种方式画成从同一个起点分出的三条线,而不是三张独立的图。用户在页面上是可以随时切换方式的,图要反映这一点。
  2. 先判断"标识是否存在",再判断"凭证是否正确"这两个判断顺序不能反。合在一起会导致提示语无法区分"没这个账号"和"密码错了",而这两者的产品策略通常不同。
  3. 把风控插在凭证校验之前频率限制、设备指纹、图形验证码这些动作发生在校验之前。图上画成一个"风控校验"节点,出线包括通过、要求图形验证码、直接拒绝三路。
  4. 登录成功后判断资料完整度很多产品要求首次登录补全昵称、头像、实名信息。这一步是独立节点,不要塞进登录成功里。
  5. 三条路汇合到同一个终点"进入首页"只画一个,避免三条线各自结束,导致后续改动要改三处。
  6. 把登出与自动登录也画上记住登录态多久、token 过期后是静默续期还是跳回登录页,属于同一张图的内容。漏画会在联调时才发现。

必须画出来的 12 个分支

下面这张表可以当评审 checklist 用:逐条对照你的图,缺哪条补哪条。

分支触发条件产品处理图上画法
账号已存在注册时手机号已注册提示并引导去登录菱形判断 → 跳转登录节点
账号不存在登录时标识查不到提示并引导去注册(或静默注册)菱形判断 → 注册节点
验证码发送频率超限同号码短时间内多次请求提示等待秒数风控节点的一条出线
验证码超时超过有效期(常见 5 分钟)作废并允许重发定时判断 → 回到发送节点
验证码错误输入不匹配累计次数,达阈值后作废带计数器的回环
密码错误凭证校验失败累计次数并提示剩余次数带计数器的回环
账号锁定错误次数达阈值锁定一段时间或要求验证身份独立终止节点 + 解锁路径
需要图形验证码风控判定为可疑弹出图形/滑块验证风控节点的一条出线
第三方授权取消用户在授权页点取消退回登录页,不报错回到起点的分支
第三方账号未绑定授权成功但本站无对应账号走绑定或创建新账号菱形判断 → 两条路径
资料未补全登录成功但缺必填信息强制或可跳过的补全页登录成功后的判断节点
登录态过期token 失效静默续期或跳回登录独立入口,指向登录页

如果你的图上少于 8 条分支,大概率是把异常情况留给研发"看着办"了——而这正是后期返工最多的地方。

3 条并存的登录方式:验证码 / 密码 / 第三方
2 次判断要分两步:标识是否存在、凭证是否正确
12评审时会被问到的分支数量
1 个终点只画一个"进入首页"

5 个高频返工点

把"账号不存在"和"密码错误"合并提示

安全上看似合理,产品上却让新用户不知道该去注册。

分开判断,再决定提示口径

判断分开画,提示语合并与否由安全策略单独决定。

验证码只画"正确/错误"

超时、频率超限、重发这三种情况全漏了。

围绕验证码画四条出线

正确、错误、超时、频率超限。

第三方登录只画成功路径

取消授权、未绑定账号在联调时才暴露。

授权返回后立刻加两个判断

是否成功、是否已绑定。

锁定后没有解锁路径

用户被锁死,只能找客服。

锁定节点必须有出口

倒计时自动解锁或短信验证解锁。

登录成功就结束

资料补全、登录态维护、登出都没画。

把登录后的三件事接上

补全判断、token 续期、登出回到起点。

拿去评审之前,先自查 10 条

  • 三种登录方式从同一起点分出,并汇到同一终点
  • "标识是否存在"与"凭证是否正确"是两个独立判断
  • 风控节点在凭证校验之前,且有三条出线
  • 验证码相关的四种情况都有分支
  • 密码错误有计数器,达阈值有锁定节点
  • 锁定节点有明确的解锁路径
  • 第三方授权画了取消与未绑定两个分支
  • 登录成功后有资料完整度判断
  • 登录态过期与登出路径已画
  • 每个提示文案在图上有对应的注释,方便前端直接取用

注册登录流程图常见问题

注册和登录要画成两张图吗?

现在多数产品是"注册登录一体",建议画成一张。如果你们的注册需要审核、邀请码或企业资质,那注册确实值得单独一张,因为分支结构完全不同。

流程图要不要画界面?

不要在流程图里画界面。流程图管"逻辑走向",界面归原型图管。需要关联时,在节点旁标注原型页面编号,例如"P-102 登录页"。

验证码有效期一般设多久?

常见是 5 分钟,具体由安全策略决定。关键不是数值,而是流程图上要明确"超时后作废并允许重发",以及重发是否有次数上限。

密码错误几次锁定合适?

常见做法是 5 次触发图形验证码、10 次锁定一段时间。同样地,流程图的职责是把"计数 → 触发 → 锁定 → 解锁"这条链画完整,具体阈值由风控团队定。

第三方登录后要不要强制绑手机号?

看业务。涉及资金、实名的场景基本都要;纯内容型产品可以做成"可跳过、后续再补"。无论选哪种,图上都要有这个判断节点,而不是默认没有。

这张图画完给谁看?

产品评审给业务方看主路径,研发评审给前后端看分支和异常。建议一张图两种视角:主路径用实线加粗,异常路径用较细的线并统一放在图的下半部分。

分支画全了,评审才过得快

打开登录注册模板,对着上面 12 条逐个补分支,一次评审通过的概率会高很多。

打开可编辑模板