千字干货！原型设计注册交互事件分析

注册页原型设计主要有以下几类：

一、短信注册

1、 点击注册时：设置动态面板到对应的页面。

2、 手机号码输入框：设置文本框格式为number，输入结束时需要判断是否为11位的手机号码。如果不是，提示文字内容为请输入11位手机号码。如果是11位数时，需要判断手机号是否已存在，通过按输入的手机号码对账号密码中继器进行筛选，如果中继器可见条数>0，则手机号已注册，提示用户，手机号码已注册。

3、 发送验证码按钮：如果手机号码输入正确，且未注册，启用发送验证码按钮。点击该按钮是，系统生成一个6位数的随机验证码，这里需要用到radom函数。如果手机号码输入不正确或未输入，设置提示文字，请输入11位手机号码。

4、 密码输入框：这里的话需要设置密码长度为8-20位，必须含数字和英文，这是一般系统密码的要求，如有特殊要求可以自行设置，如果密码格式不正确，设置提示文字内容为请输入8-20位含数字和英文的密码。

5、 注册按钮：点击时，首先判断手机号码是否正确。如不正确，设置设置提示文字内容为请输入11位手机号码，再判断手机号码是否已注册。如果未注册，接着判断短信验证码输入框的文字与随机生成的6位数是否一致，如果一致，最后判断密码格式是否正确，如果正确显示登录成功的弹窗，并且进入首页。

6、 马上登录按钮：点击该按钮设置动态面板页面为短信登录页面。

二、邮箱注册

1、 点击注册时：设置动态面板到对应的页面。

2、 电子邮箱输入框：输入结束时需要判断是否电子邮箱地址是否正确。如果不正确，提示文字内容为请输入正确的电子邮箱地址；如果正确，需要判断电子邮箱是否已存在。通过按输入的电子邮箱对账号密码中继器进行筛选，如果中继器可见条数>0，则电子邮箱已注册，提示用户，电子邮箱已注册。

3、 发送验证码按钮：如果电子邮箱输入正确，且未注册，启用发送验证码按钮。点击该按钮是，系统生成一个6位数的随机验证码，这里需要用到radom函数。如果电子邮箱输入不正确或未输入，设置提示文字，请输入正确的电子邮箱地址。

4、 密码输入框：这里的话需要设置密码长度为8-20位，必须含数字和英文，这是一般系统密码的要求，如有特殊要求可以自行设置，如果密码格式不正确，设置提示文字内容为请输入8-20位含数字和英文的密码。

5、 注册按钮：点击时，首先判断电子邮箱地址是否正确。如不正确，设置设置提示文字内容为请输入正确的电子邮箱地址，再判断电子邮箱地址是否已注册。如果未注册，接着判断电子邮箱验证码输入框的文字与随机生成的6位数是否一致，如果一致，最后判断密码格式是否正确，如果正确显示登录成功的弹窗，并且进入首页。

6、 马上登录按钮：点击该按钮设置动态面板页面为短信登录页面。

由千语创想团队倾情打造的一站式在线设计平台——千语创想（https://www.qianyuthink.com/?url=），帮助您一站式完成编千语创想所有设计工作，需求梳理+原型设计+ui设计一个人统统搞定。必须要强调：千语创想免费使用，是互联网产品人提升工作效率的神器，海量需求模板库覆盖各个行业，一键生成产品需求导图，可根据需求在线编辑；需求导图一键生成产品原型，再也不用为设计原型图而苦恼；在线ui设计，支持Sketch导入，一键切图和标注。千语创想可提升30%-60%项目开发效率，快去免费体验吧。