2020年，App/PC/H5/小程序的「登录注册功能」设计指南

登录注册功能是产品与用户建立联系的关键，也有助于建立账户体系，分析用户相关数据，优化产品与运营。那么对不同使用端来说，这一功能有什么设计区别与要点呢？笔者将为大家揭晓答案。

本文总结截止2020年App/小程序/PC/H5等形态产品的登录注册功能设计方式、流程、变化和建议。

一、 登录注册功能重要性

登录注册是产品与用户建立联系的门槛，是账户体系的基础。

• 注册是通过用户填写的如邮箱/手机号/用户名等信息分配1个唯一编号，类似我们的身份证号；
• 登录则是用户通过有效验证信息如密码/短信验证码来获取自己的账户信息；

为用户建立账户体系后：

• 产品更新迭代、营销信息均可以通过邮箱/手机号/站内信方式同步；
• 丰富用户资料：性别、地址等静态信息，浏览、购买等行为数据，对完善用户画像等后续运营工作有决定性影响；

二、 影响登录注册设计的主要因素

1. 目标用户群体

目标用户群的使用习惯是影响产品设计的最重要因素。比如虽然同样都是用户量数亿的产品，Instagram仍然有邮箱注册模式，但微信等产品早已不支持邮箱模式。原因主要是国内用户并不习惯使用电子邮件处理私人信息，且邮箱的便利性和真实性远不如手机号。

2. 业务模式

不同产品业务模式对账户体系的重视程度不一。

电商类产品期望用户持续购物，故搭建完善的账户体系、针对不同层级用户精细化运营是重中之重。
社交类产品用户有丰富的私人信息，则重点凸出微信授权登录，直接获取用户在微信上的头像、昵称信息。
理财类产品则十分重视用户账户的安全性，除基础登录注册方式外，也开放生物识别方式进行登录注册，确保用户对产品安全感。
部分流量严重依赖微信的服务号、小程序为了放低获取用户成本，只依赖微信授权信息创建账户。

作为产品经理需考虑实际情况后进行产品设计，不能盲目复制其它产品。

三、 登录/注册主要方式（所有形态产品适用）

自2017年微信小程序诞生，巨头公司纷纷推出自己的小程序形态产品：百度系、字节跳动系、阿里系小程序…

小程序产品因为嵌入在各大流量宿主内，因其轻便的特点，账户体系也更快捷，尤其是各大小程序体系均开放类授权手机号API给开放着，在最大程度上减轻开发者获客成本、提升获客效率。

四、 登录/注册功能涉及的2个主要流程

1. 手机号流程/第三方账号授权流程

2. 重置密码流程

五、 登录注册的产品设计变化

1. 弱化登录/注册

用户无论是登录还是注册，只要有手机号、可以接收短信验证码即可搞定整个流程，越来越多App在弱化登录/注册的切换。

2. 弱化密码登录

密码登录方式并未完全消失，一部分产品仍然需要密码这一方式作为登录补充，但它的确被主流产品在设计环节弱化、隐藏了。
手机上App过多，用户无法记忆所有账号/密码，所以好记、好用、不经常更换的手机号来统一登录注册则十分便利。

3. 第三方授权方式更丰富

除了传统微信、QQ等普及率高的App开放授权，运营商如中国联通也开放了手机号一键授权登录注册、IOS系统里也增加了AppleID授权。

此外巨头内部的产品也可以互相授权登录，比如字节跳动系产品内的抖音、头条，阿里系产品淘宝、支付宝等。
这些授权方式可以在一定程度上提升产品的登录、注册转化率，不过应用最广的方式仍然是微信授权：

一方面微信安装率非常高，几乎没有人不用微信；
另一方面微信授权登录注册后，通过绑定产品自身账户和微信unionid的关系，在微信内嵌H5、小程序、服务号的子产品模块为用户提供快捷登录；

4. 生物识别方式更成熟

通过人脸、指纹方式可识别唯一的生物特征，也可作为登录App方式之一。如支付宝对在当前手机上用密码登录成功过的用户开放人脸登录。不过此类方式目前应用并不广泛，主要是因为大多数App的账户体系对用户来说没有重要到动用人脸识别的程度。

六、 登录注册设计建议

1. 融合注册/登录，减少用户选择成本

一个页面保留了登录/注册，根据用户输入信息识别用户是否注册后，把新用户创建账户、老用户登录账户的选择工作交给程序执行，绝对不让用户在此流程中有迟疑。

2. 凸出主要方式，用户尽量不用思考选择

如果页面有1个核心方式进行登录/注册，用户进入后能快速理解页面内容，做出决策。
相反，如果页面不分层次的前提下放置多种登录/注册方式，反而会对用户造成选择困扰。

3. 及时反馈，不中断用户操作

用户输入/授权信息时得到的反馈必须非常及时。比如输入框的设计：

• 输入前有默认提示信息的格式和限制，教育用户尽量1次填写正确；
• 输入时若信息有误，可通过toast方式的轻度提示用户，但不中断用户操作；

4. 尽可能减少用户操作

在前端信息展示上尽可能少展示输入但信息外，在用户输入过程中可以通过调用不同类型键盘、自动读取短信验证码方式减少用户点击操作。

总结

登录注册是产品与用户建立联系的门槛，它最终的呈现给用户的设计，由产品面对的用户群和业务模式决定，并没有标准答案。但由于本质上登录注册是信息授权的、验证身份，在用户端设计上始终要坚持信息明确、流程简单、体验友好的大原则，最终的目标是让用户与产品的第一次接触完美顺利。

 

本文由 @iampm  原创发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自Unsplash，基于CC0协议。