今天这篇案例整合了我们在产品设计中常见的app登录、注册所使用的路径、文案、以及交互设计。
▲ app的常见节点
本章将只会说明前台的产品设计，不会涉及到后台。后面再找时间分享一次登录注册背后的管理模块「用户管理」。
一个产品从0到1，必然需要登录注册，因为你未来不管是什么公司的产品经理，只要涉及到登录注册，一定会有本篇文章的知识点，一定跑不过。
1.用户登录即注册
怎么理解这句话？是用户在登录的同时又进行注册吗？
当然不是，而是因为降低用户注册的成本，现在的app注册方式都会作为用户前台没有，反而是后台进行判断，是新用户就走注册流程，是老用户的手机号、微信号，则直接走登录流程。用户只需要使用产品就可以了，不管到底位注册还是登录。
▲ PMTalk app的登录注册用户判断入口
以上是PMTalk产品经理社区用户通过扫码、和用户手机号短信验证登录后进行的判断，会对手机号、微信号进行判断，给出是否需要进入注册流程或登录流程。
2.登录注册的法律法规
时光倒流到2016年或者之前，大部分APP甚至连隐私协议/政策都没有，各种权限随意申请，各种个人信息随意获取、滥用，可称之为“隐私混沌”时期。而随着洪延青博士等人主导的《个人信息保护规范》的发布，并在2018年启动了APP隐私协议/政策的整改，改变了这一状况，启动了中国个人信息保护的征程。APP隐私协议/政策，其作用类似于我们购买食品的“产品说明书”，须将申请的个人信息原因、用途等等清晰表明，并与相应的进行权限管理等等。这样有两个好处：1）企业不得不“自我阉割”，去掉不合理的权限申请或个人信息收集；2）实际上监管机构有了“抓手”，有了监管的基础。
在新的信息安全保护法更新后，现在一定要用户在使用产品勾选《用户使用协议》《用户服务协议》，不能默认给用户进行勾选。用户注册登录的前提条件是需要打勾，这类机制是在app新下载或新版本更新下，会再次提醒。
▲ 用户协议和隐私协议提醒强绑
3.条件的判断
登录注册会有条件的判断，所以需要在每个页面有暂停能力，比如下一步操作按钮需要当前信息合规、填写完成所有内容才可以进入下一步。所以前台产品经理要想增加用户的填写效率，一定不要忘记对主路径下的操作进行条件限制。
比如用户输入验证码、输入密码后才能进行下一步。同时在密码修改完成后，用户可以返回到登录主页进行重新登录，或者提供一个直接登录的入口。
▲ 页面操作反馈
4.登录注册保护机制
这里的保护机制不考虑用运营后台来做风控，只说明一点就是对于短信验证码一定要有验证机制，一般来说可以选用第三方来完成短信验证。
▲ 短信验证码提供安全机制
第一个是防止恶意注册，第二个是减少无效用户信息。安全机制根据行业不同，可以降低短信安全
比如一天发送2次短信、或一小时内只能发送2条，企业可以自己设置，主要根据业务安全要求来定的。
5.异常提示增加用户体验
当产品处于推广期，很多用户在登录注册也是和产品的首次接触，所以，为了增加用户产品的留存度和活跃度，我们在用户登录注册功能上增加一些细腻的文案和交互提示，实际是非常有用的。
但为了减少产品设计工作量，冗余的设计反而会增加成本和经历开销，我们要学会归纳比如下面我整理出来了常见的关键节点
密码不符合规范
密码长度太少、密码长度太长、密码组合类型缺失
验证码不符合规范
验证码超时、验证码长度不对
手机号不符合规范
手机拼写不正确、手机号输入长度太短、手机号输入太长
内容填写为空
必填项的内容没有输入
增加密码可见和折叠的交互效果，允许用户可以展开查看自己的密码是否正确
登录注册的其他入口
第三方登录常见的有微信登录、QQ、微博等，这类平台都提供了开放平台用于接入。但产品经理一定要有一个推荐接入方式，比如下方PMTalk为了考虑和微信生态打通，让用户在社群能够快速过渡到小程序、app，所以微信推荐登录/注册方式。
页面返回入口，容易遗漏的导航
还有一个要注意，app里面的登录注册是有页面层级的，要给用户返回上一步操作的入口。所以我们需要抛开页面观察用户的使用路径，给用户提供最短的操作路径。
但有的时候，拆分路径需要站在拆分功能的角度，把不是一个纬度的功能拆开，减少用户操作门槛，增加操作步骤的方式可以提升用户体验。
一般来说我们会用用户体验地图来梳理用户的点击路径
最后以上登录注册都要做页面数据埋点，检测查看用户的访问深度，用来判断产品设计的路径是否过长，用户信息填写的完成度如何。我们就不做展开讲解了
以上就是是我们做app登录注册优化，其实都不包含业务信息填写，比如金融行业的身份证、银行卡绑定、家庭地址的录入等等，在前台上的案例拆解，希望能够帮助你。
-END-
转载请注明：电商回忆录 » 建议收藏｜登录注册产品设计的关键节点都在这
