这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

相关推荐

  • 双十一来了,淘宝的登录页有bug?我有解决方案!

    关于淘宝的登录页设计中的BUG,本文作者就用所学的用户研究、交互设计以及产品经理相关的知识来分析一下,并提出了自己的解决方案。

    2017-05-17
  • 用讲故事的思维搞定Banner背景的制作,看这篇就够了!~

    鉴于一直有人问banner背景怎么做,所以我就想要不写一篇关于背景的文章吧。

    2017-05-18
  • 【探索Facebook】Instant Articles 新方法来创建快速、互动、自动播放视频的文章

    文章前面就是演示视频,建议先看视频哦,流量党请找个WIFI,土豪就当我没说~! 我们很高兴地介绍即时文章Instant Articles,快速,互动体验阅读的文章在新闻内容。 使用在Facebook应用程序加载的照片和视频很快相同…

    2016-01-16
  • 用户体验设计中最常见的误解

    UX Myths网站收集了很多关于用户体验设计中最常见的误解和解释了为什么他们不适用。现在将这些经验研究整理出来,为各位设计从业者做参考,避免依赖个人的主观经验来做判断。建议你阅读完之后,还是应该结合自身的经验来审视你的设计是否满足用户的需求。

    2017-05-25
  • 为了更好的用户体验,谷歌拿出了“大棒”与“胡萝卜”

    点击关注36氪,置顶公众号专业的行业新闻及深度报道,不容错过━━━━━━这是著名分析师Ben Thompson对谷歌近期宣布的一组数据的评论,原标题为“THE AGGREGATOR PARADOX”以下为谷歌宣布的这组数据:现在共有3100万个网站加入了加速移动页面(AMP)计划,自去年10月以来增长了25%。在2月的第1周,谷歌向出版商发送了4.66亿个页面浏览量——比2017年1月增加了近40%。我们希望通过这样一篇文章,来带你了解...

    2018-02-27
  • 产品原型设计之交互体验的思考过程(二)

    接着上一篇《产品原型设计之交互体验的思考过程(一)》,这篇主要针对微记第二版的原型设计调整的思考过程作一下详细的说明。

    2017-05-23
  • 用户体验和可用性之间的联系和差异

    关注一下,更多精彩等着你用户体验和可用性的不同目标对于网站而言,唯一的可用性目标是“易于使用”。但是,用户体验的目标是关于用户在使用网站之前,期间,之后获得的整体感受。因此,可用性和用户在网站中完成任务的难以程度是有关的,而用户体验关注的则是用户和网站互动上的感知。可用性在用户体验设计中扮演着重要的角色拥有良好可用性的产品,用户在使用之后会感觉方便、快捷、舒适,同时减少用户操作出错的可能性。很显然,它会唤起用户良好的情感体验,让用户感到...

    2018-03-09
  • 超好看APP交互设计~

    设计APP,不是简单的把界面绘制好,漂亮的色彩搭配、可爱、卡通或者扁平化的图标设计等等。如今的移动APP界面设计,更要追求有趣与实用的完美结合。今天,小编分享来自印度的设计师Joney vino的超好看APP交互设计作品。第一款是APP交互设计是关于免费试驾APP的选车界面与整个选车的流程。整个过程就是把选车类型、日期、人数等功能元素在流畅的界面转换场景当中完成。追求一气呵成。很不错的免费试驾体验。第二个APP交互设计当中的有趣、创意与...

    2018-03-03
  • 团队设计沉淀:做好 Style Guide 不容易

    说起 Style Guide (即设计规范),大部分人的第一反应就是 Material Design 和 iOS Human Interface Guidelines,我自己就是靠读这两份文档逐渐入门设计领域,国内外的设计师、开发者们自然也是对它们了然于胸。来大公司实习之后,接到的第一个任 务就是维护、优化团队的设计规范网站,同时最近也经常和饿了么、随手记等互联网公司的设计师或产品经理探讨如何沉淀团队的设计。

    2017-06-04
  • 设计心得:浅析Chatbot聊天机器人界面交互设计

    最近在做智投app的机器人Neo的原型设计,是一个chatbot聊天机器人。整理了一下关于聊天机器人设计的一些心得。

    2017-04-28