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

懂后台的产品经理更值钱!3周线上课程,带你掌握电商后台12个子系统模块设计要诀。了解一下>

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

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

给作者打赏,鼓励TA抓紧创作!
评论
欢迎留言讨论~!
  1. 用户变更手机号之后的流程,如何设计?

    回复
    1. 我的理解是这样的:
      用户的手机号和注册后的用户id是绑定关系,可以为用户提供:
      1、更换手机号设置,先验证现有手机号权限后设置新的手机号;
      2、对用户信息保密信息更重视的产品比如微信、QQ、支付宝,在用户找不到原来手机号场景下提供了比较私密的问题验证用户身份,来帮助用户修改手机号;

      回复