几何

登录和注册这个看上去很“简单”的功能,其实很复杂,大公司甚至有专门的产品经理只做登录注册模块。

登录注册为什么这么难,因为他涉及到老账户体系、未登录逻辑、第三方账号绑定体系等等。

通常而言,登录注册是关联在一起的,用户只有进行了注册,才会有登录,但这种做法,仅限于互联网早期。

但随着互联网发展,公司业务对于注册登录成功率要求越来越高,就逐渐减少了注册和登录的步骤,有些产品甚至不再有注册流程,以此提高平台的用户量和登录成功率。

不同的产品,设计登录注册的逻辑有些不同,本篇文章以产品纬度,来看看市面上的主流产品是如何设计登录注册流程。

本文主要探讨的产品如下:

1.抖音

2.微博

3.淘宝

4.爱奇艺

 

1.抖音

登录

当手机的移动数据打开时,用户进入登录界面,通过中国移动认证服务,一键完成登录,可以说这是目前最简洁最快速的登录流程了。

用户协议、隐私协议和中国移动认证服务条款,通过说明告知用户登录即表示同意,这种做法可减少用户勾选同意的流程步骤,提升完成率。

当点击其他方式登录时候,底部会出现一排第三方登录入口,如下图所示。用户可选择通过第三方登录。

当手机的数据网络关闭时,这时候主流程是通过验证码登录。验证码采用分步的交互形式进行操作。Facebook的数据表明,分步可以提高成功率。

当手机流量数据打开时,用户输入手机号后,再选择密码登录时,在密码登录界面会带上之前输入的手机号,用户只需要输入密码。密码登录流程没有采用分步操作。

 

注册

下载抖音之后,用户点击我的tab,弹出下图界面,抖音将注册和登录合为一体,用户通过验证码验证即代表注册成功。

 

2.微博

微博登录和注册合并在一起,没有专门的注册入口供用户注册,用户通过验证码登录之后即代表注册。

当用户没有登录时,则在首页会悬浮一个登录/注册按钮,用户点击即可进行登录/注册。

微博登录页面应该提供说明:未注册用户通过手机验证之后即代表注册。目前微博缺乏这个细节。

微博非主流程目前设计的布局过重,和主流程按钮并列,用户容易误操作。用账号密码登录应该使用文字链的形式展示。

由于微博产品存在很多年。早期微博用户注册都是在pc端上完成,所以依旧提供账号密码登录的入口。

第三方账号登录时,由于微博第三方登录过程中没有绑定手机号这个流程,故第三方账号和手机号账户体系没有打通。第三方登录的账户为一个新的账号。

 

3.淘宝

登录

淘宝登录细分为两个场景,一个是用户下载后登录过,一个是用户下载后未登录。

当用户下载后登录过,这时候淘宝主流程是刷脸操作,通过刷脸登录,简单快捷,支付宝也一直在推广刷脸支付。支付宝将未来押宝在刷脸,所以淘宝才会将刷脸作为主操作流程。

当用户下载后未登录过,则主流程是通过手机验证码进行登录。淘宝这里没有使用分步操作。

由于大部分下载用户使用过淘宝购买商品。用户下载手淘app进行登录时,默认主流程是登录,用户可点击文字链注册进行注册。

注册流程依旧是通过手机验证码进行注册。

由于和腾讯的竞对关系,支付宝也是淘宝体系中第二大用户量的产品,所以支持唯一的第三方登录是支付宝。

 

4.爱奇艺

爱奇艺的登录注册流程和抖音基本一样。

但是爱奇艺是在小浮层上进行操作。用户操作不聚焦,内容都挤在了一个小区域进行操作,页面的可操控性差,容易误操作导致流程失败。相比而言,抖音的登录注册在新页面更加合理科学。

以上就是关于4个App的登录注册的简单解析。如果大家喜欢这种类型的选题,后续我会更加深入的讲解其他各种功能流程。

 

原文地址: Echo的设计笔记(公众号)

作者:Echo

 

转载请注明:学UI网 » 从4款主流产品中掌握登录注册流程

登录收藏
 
你可能喜欢的:
Material Design Offline States 离线状态Material Design Offline States 离线状态
Material Design Writing 书写Material Design Writing 书写
真正优秀的图标,少不了这7个底层设计原则真正优秀的图标,少不了这7个底层设计原则
全面解析APP「个人中心」设计思路全面解析APP「个人中心」设计思路
花了半年时间,我们做了一套通用型移动设计规范给大家花了半年时间,我们做了一套通用型移动设计规范给大家
Material Design Onboarding 导览Material Design Onboarding 导览
数据可视化设计师如何建立灵感库?数据可视化设计师如何建立灵感库?
从4款主流产品出发,掌握“搜索”交互从4款主流产品出发,掌握“搜索”交互
游戏中「按钮大小以及位置」的思考游戏中「按钮大小以及位置」的思考
Material Design Launch Screen 启动页Material Design Launch Screen 启动页