小纽扣

起初打算梳理一下登录注册页面的逻辑,比想象中复杂太多,还是“小步快跑,快速迭代”吧。
因此,我把目光转向了其中的一个分支——重新登录。也就是说,用户曾经登陆过该产品,因为一些特殊原因退出了,现在需要重新登录。

这次主要分析了支付宝、抖音、哔哩、京东、滴滴和知乎六款常见产品,并对登陆方式和体验细节进行总结。

 

01.登录方式

登录方式大体可划分为3种,分别是账号登录、第三方登录和生物识别。
账号登录主要是指手机号登录,其他还包括邮箱或用户名。
第三方登录通常包含QQ、微信、微博和公司相关软件,比如淘宝可以通过支付宝登录,抖音可以通过头条登录。
生物识别主要包含人脸识别、声音锁和指纹登录,比如支付宝和京东都可以通过人脸识别登录,国民社交软件微信可以通过声音锁登录。

针对市面上的6款主流产品调研后,发现产品提供的登录方式虽然不少,照顾到了各式各样的群体,但是其核心登录方式几乎相同。

图片

 

核心登录方式

最核心的登录方式是本机号码一键登录,也就是说,不需要输入密码或验证码,点击按钮就直接登录了。
不同之处在于,对隐私协议和运营商协议的处理方式。
  • 1. 支付宝、抖音和哔哩等软件,点击登录就代表同意隐私协议了。这种方式的优势在于减少了一个交互步骤,提升完成率。另外一点是我的个人见解,这样做弱化了用户对隐私协议的关注,毕竟没有人愿意隐私被别人掌握,降低用户心理压力,进一步提供登录完成率。
  • 2. 京东和知乎需要手动点击同意隐私协议。
  • 3. 滴滴是默认勾选同意服务商协议。
图片

 

次要登录方式

次要登录方式主要是“手机号+验证码”和“手机号+密码”,通常默认展示验证码登录,可以切换为密码登录。
1. 使用“手机号+验证码”的登录方式时,通常采用分步的交互形式实现,大家的一个说法是分步能够提升成功率。
另一个个人观点是,因为手机号与验证码的输入存在时间差,并且涉及到app和短信两款软件,存在较多不确定性。
重要的行为要给出更加明确的反馈,因此选择跳转页面进行。
2. 使用“手机+密码”登录时,通常合并在一个界面上展示。
图片

 

其他登录方式

其他登录方式通常是第三方软件授权,点击图标之后直接调起第三方软件授权登录,通常也有两种展示形式:
1. 仅展示“其他方式登录”文字,点击后才会出现第三方软件图标,鼓励大家使用手机号登录。
2. 直接显示第三方软件图标,点击即可登录。
图片

 

02.其他细节

虽然重新登录的流程大致相同,但其中的细节还是有不少差异,这也造成了登录体验有明显的差别。6款软件中,体验最好的是抖音,最差的是知乎。

 

内容不聚焦

知乎的未登录页面,核心应该是引导用户登录,但是这个页面复杂,用户根本不知道该把视觉焦点放在哪里。
此外,信息价值低,用户在没有登录的情况下,想要开通严选会员的几率是不是很小,严选会员的出现只产生了负面作用,而没有起到它想把普通用户转化为付费用户的作用。
图片

 

不符合亲密性原则

这两个细节属于没有遵循亲密性原则,导致用户可能出现错误。
京东默认登录页面中,主按钮和隐私协议具体太远,导致忽略隐私协议。用户行为割裂,大概率出现用户点击主按钮后,被提示还要同意隐私协议。
哔哩哔哩的登录页,验证码与登录密码切换按钮在右上角,距离主体内容太远,不容易注意到。
图片

 

缺乏一致性

知乎不同页面,微信和微博的图标不一致,感知上缺乏专业性。
图片

 

总结一下~

  • 1. 重新登录的流程是多样的,但是核心登录流程只有“本机号码一键登录”,所以时间紧张的情况下,优先完善一键登录。
  • 2. 虽然重新登录的大体流程一致,但是由于设计细节的差异,导致体验游明显的优劣之分。
  • 3. 不要眼高手低,这一条针对自己。在不实际操作的情况下,还是不要低估一件事情的难度。一个简简单单的重新登录页面,在不考虑异常状态的前提下,依然存在很多细节。

 

原文地址:栗子设计喵(公众号)
作者:栗子

转载请注明:学UI网 » 同样的登录流程,为什么体验差异这么明显?

登录收藏
 
你可能喜欢的:
你对信息架构设计了解多少?这些原则一定要掌握你对信息架构设计了解多少?这些原则一定要掌握
干货|交互设计中的「有效反馈」7大准则!干货|交互设计中的「有效反馈」7大准则!
十条UI设计视觉表现技巧十条UI设计视觉表现技巧
用「雅各布定律」解答一道面试题 | UI&UE实用方法论用「雅各布定律」解答一道面试题 | UI&UE实用方法论
UI&UE实用方法论 | 一直被错用的米勒法则(7±2)UI&UE实用方法论 | 一直被错用的米勒法则(7±2)
UI&UE实用方法论 | 做设计为什么需要“对比” :「冯·雷斯托夫效应」UI&UE实用方法论 | 做设计为什么需要“对比” :「冯·雷斯托夫效应」
UI细节连载系列③| 原来大厂设计师每天都在优化这些设计细节UI细节连载系列③| 原来大厂设计师每天都在优化这些设计细节
【蓝湖有方】人类高质量设计师必懂沉浸式设计【蓝湖有方】人类高质量设计师必懂沉浸式设计
细节见真章!有效提升设计体验的10个细节细节见真章!有效提升设计体验的10个细节
用户体验设计法则应该怎么用?来看看这些应用原理!用户体验设计法则应该怎么用?来看看这些应用原理!