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

登录注册功能重要性

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

注册是通过用户填写的如邮箱/手机号/用户名等信息分配1个唯一编号，类似我们的身份证号；

登录则是用户通过有效验证信息如密码/短信验证码来获取自己的账户信息；

为用户建立账户体系后：

产品更新迭代、营销信息均可以通过邮箱/手机号/站内信方式同步；

丰富用户资料：性别、地址等静态信息，浏览、购买等行为数据，对完善用户画像等后续运营工作有决定性影响；

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

因素1:目标用户群体

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

因素2:业务模式

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

电商类产品期望用户持续购物，故搭建完善的账户体系、针对不同层级用户精细化运营是重中之重。

社交类产品用户有丰富的私人信息，则重点凸出微信授权登录，直接获取用户在微信上的头像、昵称信息。

理财类产品则十分重视用户账户的安全性，除基础登录注册方式外，也开放生物识别方式进行登录注册，确保用户对产品安全感。

部分流量严重依赖微信的服务号、小程序为了放低获取用户成本，只依赖微信授权信息创建账户。

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

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

自2017年微信小程序诞生，巨头公司纷纷推出自己的小程序形态产品：百度系、字节跳动系、阿里系小程序...小程序产品因为嵌入在各大流量宿主内，因其轻便的特点，账户体系也更快捷，尤其是各大小程序体系均开放类授权手机号API给开放着，在最大程度上减轻开发者获客成本、提升获客效率。

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

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

流程2:重置密码流程

登录注册的产品设计变化

弱化登录/注册

用户无论是登录还是注册，只要有手机号、可以接收短信验证码即可搞定整个流程，主流App都以此方式为基准设计登录注册。

随之而变的前端设计则是：免于用户思考自己是否有该产品的账号，1个页面承载登录注册的功能。新用户直接创建账户即可。

弱化密码登录

密码登录方式并未完全消失，一部分产品仍然需要密码这一方式作为登录补充，但它的确被主流产品在设计环节弱化、隐藏了。

手机上App过多，用户无法记忆所有账号/密码，所以好记、好用、不经常更换的手机号来统一登录注册则十分便利。

第三方授权方式更丰富

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

此外巨头内部的产品也可以互相授权登录，比如字节跳动系产品内的抖音、头条，阿里系产品淘宝、支付宝等。

这些授权方式可以在一定程度上提升产品的登录、注册转化率，不过应用最广的方式仍然是微信授权：

一方面微信安装率非常高，几乎没有人不用微信；

另一方面微信授权登录注册后，通过绑定账户和微信账号关系，在微信内嵌H5、小程序、服务号的子产品模块为用户提供快捷登录；

生物识别方式更成熟

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

优秀登录注册设计原则

登录页面兼具注册逻辑，减少用户选择成本

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

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

如果页面有1个核心方式进行登录/注册，用户进入后能快速理解页面内容，做出决策。

相反，如果页面不分层次的前提下放置多种登录/注册方式，反而会对用户造成选择困扰。

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

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

输入前有默认提示信息的格式和限制，教育用户尽量1次填写正确；

输入时若信息有误，可通过toast方式的轻度提示用户，但不中断用户操作；

尽可能减少操作

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