注：很多人认为注册登录是一件很简单的事情，只需要你输入信息，然后确认就可以了。却不知道其实这个操作，并有你想的那么简单。本文主要讲解为新产品的注册登录，并且侧重于PC端的产品设计。
之前看了很多人在聊产品的用户注册登录模块，要么讲解的太粗糙，要么不全面，最近闲来无事，系统性的研究下新产品的注册登录设计。
文中以下的内容讲解主要为新产品的注册登录，并且侧重于PC端的产品设计。
下面是用户注册的业务流程图，注册的方式分为手机号、邮箱号两种方式注册。
注册的流程其实很简单，用户只需要填写手机号或邮箱号、设置密码并填写验证码即可完成注册任务，在此免去那些繁琐的信息填写项。
很多人试图通过在注册流程中采集用户信息，殊不知大部分的用户是没有耐心一个个完善信息的，只会徒增注册门槛，让用户望而却步。
注册信息填完完毕后，点击注册按钮完成注册。如果以上 3 个信息中有一项没有填写或填写错误均不能完成注册，系统会进行错误提示，这个时候用户辛苦了半天，却发现不能注册，心中难免有些许恼火，甚至会造成潜在用户的流失直接放弃了注册。
所以我们是不是该思考下，用户输入的每一个信息尽量提前做出判断，如果用户输入错误第一时间告知用户，并告诉用户错在哪里，并在产品设计细节上避免用户犯错。
我这里的思路是当用户输入完一项信息后，输入焦点切换至下一行时，此时系统对上一行的输入信息作出判断检测，并反馈用户错误结果。
对于注册信息的填写系统如何进行判断？每一项信息判断后，系统给出的反馈提示内容是什么？
下面的通过思维导图进行了详细了说明：
手机号码填写错误的情况及相关提示语
号码为空，提示：请输入手机号；
号码已被注册，提示：账号已被注册；
号码错误，提示：请输入正确的手机号码；
邮箱号填写错误的情况及相关提示语；
账号为空，提示：请输入邮箱账号；
账号已被注册，提示：账号已被注册；
邮箱号错误，提示：请输入正确的邮箱账号，如example@163.com。
QQ客服