新知一下
海量新知
5 9 7 5 5 2 4

建议收藏|登录注册产品设计的关键节点都在这

Kevin | PMTalk产品经理社区发起人 2021/11/25 12:24

近期我们利用敏捷的方式,一边开发着PMTalk的app,同时又在上线测试的过程中不断优化。

而近期优化的重点就是登录注册模块,也是每个app比较花心思的功能,毕竟牵涉的是用户拉新转化的关键页面。

在APP推出之前,PMTalk小程序已经在半年前上线,小程序帮我们在业务下固化了用户的操作模块有了一个具体的移动端形态,也找到了用户喜欢的内容板块,同时为了增加产品辨识度,才会减少用户的流失,让我们在做app的产品设计减少了很多弯路。

今天这篇案例整合了我们在产品设计中常见的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登录注册优化,其实都不包含业务信息填写,比如金融行业的身份证、银行卡绑定、家庭地址的录入等等,在前台上的案例拆解,希望能够帮助你。

今天的分享就在这

更多“产品设计”相关内容

更多“产品设计”相关内容

新知精选

更多新知精选