行业动态
2020年,App/PC/H5/小程序的「登录注册功能」设计指南
2024-02-27

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

本文总结截止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协议。


1063568276