纯银大大手机号手机号注册登录流程作原型及需求文档还原

纯银大大手机号手机号注册登录流程作原型及需求文档还原

前段时间，有幸看到了纯银微博发布的产品经理入门指南，学习模仿产品的各个组件来了解和感受产品。

对比了十款知名产品，个人觉得抖音的注册登录流程体验不错，所以选择抖音的注册登录流程作为原型并还原的需求文件。出于学习的目的，仅添加了功能需求模块。如有不足之处，请不吝赐教。

一、功能结构及业务流程图

我只是在开玩笑。

二、功能需求1.手机号注册登录页面

触发入口：

当用户使用抖音个人账号相关功能（关注、留言、我、上传、点赞、+关注、评论、转发）时，会触发用户跳转到注册登录页面.

需求及交互说明：

用户获取验证码并通过输入手机号输入验证码，系统识别该账号是否已注册。如果您已经注册，则登录完成，您将被重定向到登录状态之前的页面。点击输入电话号码框，弹出数字键盘抖音绑定手机号购买，仅支持数字输入。自动间距（我不知道规则是什么……正确的数字是 344 的分布）。在数字框中输入数字后，切换其他登录方法条目，从 3.1.1 到 3.1.2。当数字输入为11位时，判断数字输入正确，获取验证码按钮高亮可选，否则灰显不可选（抖音这不足以判断是否数字是正确的）。发送验证码后，获取验证码按钮不可选，有60秒倒计时。如果20s内没有填写验证码（具体时间不清楚），系统判断用户收到的验证码错误，下方会弹出“获取语音验证码”，如图3.1.3. 60s后登录未完成。 “登录有问题？”下面会弹出，如图3.1.3。点击输入验证码框，弹出数字键盘，不支持输入其他符号。输入4位验证码，底部的√是可选的，进入下一步。在其他情况下，灰色不是可选的。

例外：

如果验证码错误，会提示“验证码错误，请重试”；如果验证码过期（应该有规则），会提示“验证码已过期，请重试”；如果X分钟内多次发送验证码，则判断为发送验证码频繁（具体时间不知道），提示“发送验证码过于频繁，请稍后再试”； “请检查用户协议”。 2. 完善信息页面

触发入口：

未注册号码经过正确验证后，会自动跳转到完整信息页面。

要求：

未注册用户在这里填写个人信息，包括头像、昵称、出生日期、性别等，在使用产品的过程中可以跳过，补充个人信息。头像，本地相册上传和拍摄。选择本地相册上传，调用相册时自动屏蔽短视频（体验时没注意），可调用系统相机和第三方拍摄产品拍摄，圆形头像裁剪（大小）拍摄后。昵称，弹出常用输入键盘，支持汉字、数字、英文（等），昵称限制最多14个字符，汉字、数字、英文字母、中英文符号都算1个字符（此规则不清楚...），输入太长自动取前14个字符。出生日期，设置年月日滚轮，最晚日期设置为用户注册日的年月日，用户通过滚动选择日期。性别，两个选项，选择确定。全部设置完成后，可以高亮底部的“√”，跳转到触发注册前的页面。在其他情况下纯银大大手机号手机号注册登录流程作原型及需求文档还原，它不提供灰色。 3. 密码登录和密码恢复

触发入口：

如图3.1.1、3.1.2、3.1.3、验证码登录页面，用户点击右上角的“密码登录”按钮，跳转到密码登录页面。如果没有设置账号密码，或者忘记密码点击找回密码，会跳转到找回密码页面，通过短信验证码设置新密码。

要求：

用户使用该页面使用帐号和密码登录，并可以通过找回密码来重置新密码。跳转到密码登录页面，光标自动聚焦在输入手机号码框，弹出一个数字键盘。此栏只能输入数字，数字自动间隔（344）。输入账号密码抖音绑定手机号购买，会弹出英文键盘（我是小米手机，小米防盗键盘会自动弹出，英文+数字）。输入密码，“高亮”下面的“√”可选。登录后跳转到触发登录前的页面。（这里抖音不检测手机号和密码格式，即使是10位+任意密码都可以触发下一步）。输入11位手机号码（数字），“找回密码”按钮高亮可选，其他情况不可选。跳转到找回密码页面，光标会自动聚焦在输入验证码字段上并弹出数字键盘，系统会自动发送验证码，发送验证码栏不可选60秒倒计时. 倒计时结束时，显示“重新发送”，这是可选的。倒计时20秒左右（时间不确定），下方会弹出“获取语音验证码”。设置新密码，8-20位，至少包含**/**/**的2种组合，数字、字母、中英文字符均计为一个字符，超过20个字符不能输入，提示“密码8-20个字符，至少**/**/**2个组合”。设置完成后，下方的“右箭头”高亮显示，可选。如果没有错误，则“找回密码”操作完成，跳转到登录操作触发前的页面。

例外：

手机号格式错误，提示“手机号格式错误”，（两次不同，一次“帐号或密码错误”）。如果号码或密码错误，会提示“账号或密码错误”，并在弹框中给出“找回密码”选项。账号没有登录密码，提示“账号或密码错误”，同上。验证码错误，提示“验证码错误，请重试”。验证码已过期（应该有规则），提示“验证码已过期，请重试”。 X分钟内多次发送验证码，判断为频繁发送验证码（具体时间不知道），提示“发送验证码太频繁，请稍后再试” 密码设置小于8位，下方灰色“右箭头”无法选择。密码为纯数字/字母/符号，提示“密码8-20位，至少2个**/**/**组合”。 4. 第三方登录与手机号绑定

触发入口：

如图3.1.1，用户在注册登录页面底部点击“使用其他方式登录”，可选择四个今日头条第三方账号、QQ、微信、微博登录，然后跳转到第三方平台进行账号授权。登录的账号直接进入授权阶段。如果您尚未登录，则需要先登录该帐户。授权后进入抖音登录页面绑定手机号。 （QQ微信由于众所周知的原因被限制登录抖音，抖音会提示。）

要求：

用户通过第三方登录获取第三方账号的个人信息，新建账号，选择绑定手机号码，保证用户账号的唯一性。用户选择第三方平台登录后，唤醒平台，进入授权操作。授权完成后，将获取第三方个人信息，包括昵称、头像等，并建立新账户。第三方授权完成后会跳转到手机绑定页面，可以跳过。光标会自动聚焦在输入手机号码框，会自动弹出数字键盘，只允许输入数字。数字是自动间隔的（正确的数字用 344 分隔）。输入11位，底部的“右箭头”高亮可选，点击进入下一步，否则灰色不可选。跳转到验证码页面后，系统自动发送验证码，数字键盘自动弹出，只允许输入数字。发送验证码后，右侧按钮倒计时60秒。灰色不是可选的。倒计时结束时，显示“重新发送”，重新发送操作是可选的。设置密码，会弹出英文键盘，8-20位，包括**/**/**至少2种组合，数字、字母、中英文字符都算一个，超过20位不能输入，并提示“密码8-20位，至少包含**/**/**的2种组合”。设置完成后，下方的“右箭头”高亮可选，点击完成绑定手机号操作，跳转到进入登录页面前的页面。

例外：

如果验证码不正确，会提示“验证码错误，请重试”。验证码已过期（应该有规则），提示“验证码已过期，请重试”。 X分钟内多次发送验证码纯银大大手机号手机号注册登录流程作原型及需求文档还原，判断为频繁发送验证码（具体时间不知道），提示“发送验证码太频繁，请稍后再试” 密码设置小于8位，下方灰色“右箭头”无法选择。密码为纯数字/字母/符号，提示“密码8-20位，至少2个**/**/**组合”。如果手机号已经绑定了其他账号，会提示“绑定失败”，并给出“尝试其他手机号”和“查看详情”的解决方法。 三、其他

在还原过程中，还有一些需要记录的点：

抖音注册登录过程的细节做的很好。第一次体验，受益良多。

本文由@Ann原创发布，大家都是产品经理，未经允许禁止转载。

图片来自网络

奖励作者，鼓励他们快点创作！

欣赏