2020年,App/PC/H5/小程序的「登录注册功能」设计指南
本文摘要:原标题:2020年,App/PC/H5/小程序的「登录注册功能」设计指南, ,本文总结截止2020年App/小程序/PC/H5等形态产品的登录注册功能设计方式、流程、变化和建议。,一、 登录注册功能重要性,登录注册是产品与用户建立联系的门槛,是账户体系的基
原标题:2020年,App/PC/H5/小程序的「登录注册功能」设计指南,,本文总结截止2020年App/小程序/PC/H5等形态产品的登录注册功能设计方式、流程、变化和建议。,一、 登录注册功能重要性,登录注册是产品与用户建立联系的门槛,是账户体系的基础。,为用户建立账户体系后:,目标用户群的使用习惯是影响产品设计的最重要因素。比如虽然同样都是用户量数亿的产品,Instagram仍然有邮箱注册模式,但微信等产品早已不支持邮箱模式。原因主要是国内用户并不习惯使用电子邮件处理私人信息,且邮箱的便利性和真实性远不如手机号。,2. 业务模式,不同产品业务模式对账户体系的重视程度不一。,电商类产品期望用户持续购物,故搭建完善的账户体系、针对不同层级用户精细化运营是重中之重。,社交类产品用户有丰富的私人信息,则重点凸出微信授权登录,直接获取用户在微信上的头像、昵称信息。,理财类产品则十分重视用户账户的安全性,除基础登录注册方式外,也开放生物识别方式进行登录注册,确保用户对产品安全感。,部分流量严重依赖微信的服务号、小程序为了放低获取用户成本,只依赖微信授权信息创建账户。,作为产品经理需考虑实际情况后进行产品设计,不能盲目复制其它产品。,三、 登录/注册主要方式(所有形态产品适用),,自2017年微信小程序诞生,巨头公司纷纷推出自己的小程序形态产品:百度系、字节跳动系、阿里系小程序…,小程序产品因为嵌入在各大流量宿主内,因其轻便的特点,账户体系也更快捷,尤其是各大小程序体系均开放类授权手机号API给开放着,在最大程度上减轻开发者获客成本、提升获客效率。,四、 登录/注册功能涉及的2个主要流程 1. 手机号流程/第三方账号授权流程,,2. 重置密码流程,,五、 登录注册的产品设计变化 1. 弱化登录/注册,用户无论是登录还是注册,只要有手机号、可以接收短信验证码即可搞定整个流程,越来越多App在弱化登录/注册的切换。,2. 弱化密码登录,密码登录方式并未完全消失,一部分产品仍然需要密码这一方式作为登录补充,但它的确被主流产品在设计环节弱化、隐藏了。,手机上App过多,用户无法记忆所有账号/密码,所以好记、好用、不经常更换的手机号来统一登录注册则十分便利。,3. 第三方授权方式更丰富,除了传统微信、QQ等普及率高的App开放授权,运营商如中国联通也开放了手机号一键授权登录注册、IOS系统里也增加了AppleID授权。,,此外巨头内部的产品也可以互相授权登录,比如字节跳动系产品内的抖音、头条,阿里系产品淘宝、支付宝等。,这些授权方式可以在一定程度上提升产品的登录、注册转化率,不过应用最广的方式仍然是微信授权:,通过人脸、指纹方式可识别唯一的生物特征,也可作为登录App方式之一。如支付宝对在当前手机上用密码登录成功过的用户开放人脸登录。不过此类方式目前应用并不广泛,主要是因为大多数App的账户体系对用户来说没有重要到动用人脸识别的程度。,六、 登录注册设计建议 1. 融合注册/登录,减少用户选择成本,一个页面保留了登录/注册,根据用户输入信息识别用户是否注册后,把新用户创建账户、老用户登录账户的选择工作交给程序执行,绝对不让用户在此流程中有迟疑。,,2. 凸出主要方式,用户尽量不用思考选择,如果页面有1个核心方式进行登录/注册,用户进入后能快速理解页面内容,做出决策。,相反,如果页面不分层次的前提下放置多种登录/注册方式,反而会对用户造成选择困扰。,3. 及时反馈,不中断用户操作,用户输入/授权信息时得到的反馈必须非常及时。比如输入框的设计:,在前端信息展示上尽可能少展示输入但信息外,在用户输入过程中可以通过调用不同类型键盘、自动读取短信验证码方式减少用户点击操作。,,总结,登录注册是产品与用户建立联系的门槛,它最终的呈现给用户的设计,由产品面对的用户群和业务模式决定,并没有标准答案。但由于本质上登录注册是信息授权的、验证身份,在用户端设计上始终要坚持信息明确、流程简单、体验友好的大原则,最终的目标是让用户与产品的第一次接触完美顺利。,本文由 @iampm 原创发布于人人都是产品经理,未经作者许可,禁止转载。,题图来自Unsplash,基于CC0协议。 ,责任编辑: ,3. 第三方授权方式更丰富

内容聚焦