这3种移动端登录的交互方式,孰优孰劣?

登录注册的界面看起来很简单,在交互上却有很多值得思考的地方。现在我们选以下三种较有代表性的登录方式来比较和小结一下。

这3种移动端登录的交互方式,孰优孰劣?

登录注册的界面看起来很简单,在交互上却有很多值得思考的地方。现在我们选以下三种较有代表性的登录方式来比较和小结一下。

1.传统登录方式

正常情况下,输入用户名、密码,点击登录就完成了,然而这个过程往往没有如此顺利。以下假设账号为手机号。

忘记密码:

点击“忘记密码” → (新页面)输入手机号 → 点击“获取验证码 ”→ 输入验证码 → 设置新密码 → 点击“去登陆”

这个过程跳转了一次页面。

新用户注册:

点击“注册” → 输入手机号 → 点击“获取验证码” → 输入验证码 → 点击“下一步” → 设置密码 → 再次确认 → 点击“去登陆”

在这个过程中跳转了两次页面。

这算之前最为常见的一种登录注册方式了,然而随着我们现在使用手机应用数量的增多,通常会有10-20个不同的账户,而往往也会“作死”地设置各种不同的、复杂的密码。一段时间不用之后重新登录,基本都会点击“忘记密码”,或者是在提示密码错误之后点击“忘记密码”……这么麻烦的流程,浪费时间。况且一般用户都会有若干个邮箱,若不清楚是哪个邮箱注册的账号,那么很可能会出现“查无此账号”……嗯,用户若是有急事,因此耽误时间造成的代价十分不值。

这3种移动端登录的交互方式,孰优孰劣?

2.先判断账号是否存在的登录方式

我们还是来简单地分析一下非顺利情况下的登录流程,依然以手机号为例。

忘记密码 & 新用户注册:

输入验证码 → 设置密码 → 点击“登录”

用户在一开始就输入手机号,系统先判断是否注册过,若已注册,就跳转到输入密码的页面,直接登录;

若是没有注册过或在输入密码页面点击“忘记密码”,系统直接向该手机号发送验证码,输入验证码、设置密码之后,便可登录。若是没有获取到验证码,60s后可以“重新获取”。

这种登录方式,最初是在印象笔记客户端中发现的,它成功地减少了新用户注册和现有用户忘记密码时的操作步骤,大大节省了时间。

这3种移动端登录的交互方式,孰优孰劣?

3.直接短信发送密码的方式

这应该算是目前为止最为简单的登录方式了。还是来看一下流程:

输入手机号 → 点击“下一步” → 输入密码 → 点击“登录”

完!全!不!用!考虑密码是什么,用户体验不会更佳。这种方式在一些生鲜预定的手机应用中较为常见。

这3种移动端登录的交互方式,孰优孰劣?

小结

我们再来看一下这几种登录方式:

传统的登录方式在用户准确记住用户名密码的前提下较为方便,然而对于使用各种邮箱和手机号注册的账户来书,难免会有出错的时候,这个时候就比较麻烦了…不过还好下次就能自动登录了。对于是否需要输入两次密码,结合自己日常的经历来看:用户在设置密码时,注意力是比较集中的,出错的几率很小,而输入两次会延长用户精神紧绷的时间,出错率也不会因此降低。

首先判断用户是否已注册的方式能省事不少,但时候也不太好使:用户不确定是用哪个邮箱或手机号,一旦输错,不打个招呼就直接到了“输入验证码”的界面,事实上用户需要登录的是某个已有账号。

再来看直接通过短信发送密码码的方式,它成功地让用户省去了记住账号密码的麻烦,用户体验极佳。或许你会想,这多不安全呀——有了手机短信就能登录,但再仔细一想,有很多应用或网站在“忘记密码”之后直接就发送“验证码”,然后重置密码,也就可以登录了,因此这并不算“不安全”。而对于安全系数要求较高的应用通常都会加上“密保问题”或者其他验证方式来确保安全性。

 

本文由 @粥一 原创发布于人人都是产品经理 ,未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29861/

(0)
CatherineCatherine
上一篇 2017-05-26 05:55
下一篇 2017-05-26

相关推荐

  • 华景招聘用户体验分析师啦!

    作为华景员工,除了能体验旅游之外,还能体验华景食堂的凉皮儿和拉面,包子和油条,腊牛肉和酱猪肘,狮子头和卤肉饭,肉夹馍和艇仔粥,老婆饼和豆沙酥,酸辣汤和叉烧饭,泰式河粉和肉酱意面,干煸四季豆和蒜蓉蒸茄子……华景集团招聘1. 用户体验部    用户体验分析师岗位职责:*负责产品的用户研究,分析用户的使用习惯、情感和体验需求*负责原型/产品用户体验评估工作,参与产品的交互界面的设计,分析影响产品用户体验的因素*定期开展用户测试,观察用户使用产...

    2018-05-04
  • 交互设计中的心理学

    整理认知心理学中对交互设计(用户研究)有所启发的一些知识点(参考《认知与设计——理解UI设计准则》)包括:中央凹与边界视野——如何呈现信息以获取注意力格式塔原理——如何处理不同界面元素的关系时间感知——如何让…

  • 设计师要懂心理学の周边视觉还是中央视觉?

    人有两种视觉,中央视觉和周边视觉。中央视觉用来直视事物观察细节,而周边视觉则展现视野中的其他区域,也就是人眼能看到的周边区域。人可以用眼角的余光观察事物,这当然很有用,不过,堪萨斯州立大学最新研究表…

    2014-11-28
  • 立足用户体验 “好换灯”助力雷士赢得好口碑

    2018注定是不平凡之年。全面开展质量提升行动,推进与国际先进水平对标达标,弘扬工匠精神,来一场中国制造的品质革命。2018年,雷士照明将迎来20周年庆典。雷士照明正在以此为契机,潜心修练,以促进雷士品牌再上新台阶。2018年被雷士照明定义为“品质服务提升年”,并于近期在全国开展了“诚信3·15,惠民大行动”为主题的“好换灯”主题推广活动,帮助千家万户升级改造居家光环境,传递雷士照明“全国性升级服务”“免费服务”理念。雷士“好换灯”全国...

    2018-03-16
  • H5可能会死,但总有人用它带来惊喜

    天猫这个双11邀请函能够让圈内人产生好感,是不是也从侧面印证了这个H5的体内是具有爆发能量的?

    2017-05-16
  • 2016必掌握的交互设计趋势

    设计趋势是什么样的,出于各种原因,很多设计趋势在演进中逐渐消失,有的则甚正蜕变成为主流。作为一个专注于网页和平面设计的设计机构,我们对所有相关的技术和设计趋势都极度敏感。通过多位设计师们对2015的总结…

    2016-01-10
  • 广告Banner :20种高度可行、转化率高的设计思路

    Banner广告是快速高效的吸引用户的重要手段。Banner广告在网站中通常都占据着不错的位置,它们的转化率和它本身的设计优秀与否息息相关,最重要的是,它要能迅速的吸引用户的注意力,通过优秀的文案和视觉让用户立刻马上点击。今天的文章,我们通过一系列优秀的范例,帮你梳理Banner 广告的20种高度可行、转化率高的设计思路。

    2017-05-03
  • 泡泡UI英语:交互设计精髓1

    最近在读《About Face 4:交互设计精髓》,他全面系统地讲述了交互设计过程、原理和方法,涵盖内容广,刨析知识深,被奉为交互设计指南。也正因为如此,大量的专业词汇给阅读造成了不小的难度,推荐大家双语共读,…

    2017-08-01
  • 帮你梳理:卡片式UI的设计最佳实践

    卡片式设计依然是目前UI设计的热门,虽然我们在前几天的文章《不是万能!卡片式设计并不能支撑所有的设计需求》当中探讨了卡片式设计为数不多的“局限”。今天我们从基本的规则入手,为你展示卡片式设计的最佳实践。小贴士:Material Design 中常常会让卡片拥有微妙的阴影,这种设计是非常有道理的,阴影和深度会给予用户以视觉感知力,强化它的可见性,以及知觉上的“可点击性”。小贴士:卡片中的正文部分只需要一个Normal 字重的非衬线体就行了。

    2017-05-13
  • Axure RP 8 入门手册 – 第1章(上)

    第一篇基础第1章准备工作与注意事项第1节下载安装Axure RP8第2节原型相关的文件类型第3节文件自动备份与找回第4节功能区域的视图设置前言【网络稿】2015年夏天,经济形势日趋恶劣,小楼所在的公司业务规模大幅缩减,无奈之下,公司决定各部门进行裁员。小楼断然决定主动申请辞职。2015年8月17日,AxureRP8.0Beta版首次发布的日子,小楼提着收拾好的杂物袋,站在公司的门外,看着公司的LOGO墙,旁边是一年前来到公司的大学生苏苏...

    2018-03-29