这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

相关推荐

  • “5媚娘传奇”——H5总结大会

    作者:KIKI 去年JDC出了不少优秀的武媚娘...不,H5呢,大家都很拼哒,同时当然也是累计了一些经验和教训啦。今天就从字体,排版,动效,音效,适配性,想法这几个方向结合咱们的例子朕就关上门只跟你来好好聊一聊关…

    2015-01-27
  • 老调长谈的交互设计概念,送给菜鸟交互师!

    IxD全称Interaction design,中文叫“交互设计”。 2004年9月,国内第一个专业交互设计技术的网站De Dream创办,站长叫Windy,也是《Don’t Make Me Think》中文版《点石成金》的译者。这本书“专业”的IT类图书,居然走…

    交互设计 2015-01-26
  • 目标导向设计法02:如何确定设计目标?

    上一篇文章《目标导向设计法01:如何才能让交互方案更靠谱?》说的是设计的本质是解决问题,所以做交互设计要有设计目标;而设计目标包含产品目标和用户目标。这篇文章来说说如何确定设计目标。用户场景:在某时间(when),某某地点(where),周围出现了某些事物时(with what),特定类型的用户(who)萌发了某种欲望(desire),会想到通过某种手段(method)来满足欲望。某理财应用要做一个续约的功能,主要针对购买的理财产品将要到期的用户,提醒他们可以续约。提供的续约信息包括用作续约的本金,续约方式(本息续约),预期增加收益,续约期限,续约后的到期日,续约说明。续约操作后需要审核,审核一般需要1~2小时,通过后会有短信通知。由于续约能够给公司带来不少收益,因此希望用户在操作上比较流畅,保证不会因为操作而流失用户。“心理模型指相互关联的言语或表象的命题集合,是人们作出推论和预测的深层知识基础。”

    2017-05-07
  • 集创堂交互设计课程(零基础)详解

    零基础课程5月2日开课,咨询请加微信:yyy8010557经过将近一年的反复打磨,集创堂交互设计课程(零基础)终于出炉了!从内容上来说,这套课程采取了基础设计能力+交互设计思维+项目实战+设计软件学习全方位培养的模式,学员毕业后直接具备实际工作能力;从师资上来说,除了集创堂纯色、潇潇、青木三大导师外,网易云课堂的Nina、拥有六年教学经验的蜡笔强力入驻,课程直接对标网易云课堂;从时间上来说,长达七个月的浸入式学习,听课+作业+实战+讨论...

    2018-04-17
  • 用这3个方法,让你像用户体验设计师一样思考

    只要保持好奇心、同理心,热衷于研究身边的世界,像用户体验设计师一样思考,其实很容易。

    2017-05-12
  • APP小红点如何使用与实现逻辑

    作者:APP君   我们现在已经习惯小红点的不断的骚扰了,每天都不知道要点掉多少个手机APP上的小红点。有些童鞋点击 APP小红点 都已经成瘾。只要看到有小红点就会自然而然去触摸一下。 所以,APP的交互设计已经影响…

    交互专题 2017-08-07
  • 十二条动效体验原则

    如果你想要了解更多背景信息,建议先阅读我的前一篇译文《动效的基本常识》,其中介绍了动画与动效的差异、即时与非即时的定义、动效提升可用性的四种方式(可预期、连续性、表述性、关联性)、以及理论、手段、属性与值之间的关系。

    2017-04-28
  • Axure函数解析

    Axure函数

    2014-12-05
  • 还原产品的基础属性问题——用户体验

    您真正的了解用户吗?找项目的时候是不是会遇到各种各样的坑?你“以为”和“现实”中究竟有什么区别?我们会不会就是所谓的自嗨型创业者?如何解决以及避免?今天我们即将揭晓!三人行茶学空间打造和谐空间,共享茶文化平台,精准交友,合作共赢。本周日特别邀请我们的会员嘉宾进行主题分享,一起共同成长!本周分享嘉宾:刘岱伦岱伦总2008年创办第一家o2o项目——洗车。到家!2013 年曾创下淘宝细分类目自然搜索排名第一!2015年自主研发无线充电车载净化...

    2018-04-19
  • 2019交互设计考研普通长期班招生简章

    “应部分报考交互设计方向考生特殊需求,我们在保证搭建一个完整交互知识框架体系及备考专业课复习完整性标准下,特开设交互设计长期普通班课程。该课程更强调考生的“主动学习”能力。”招生简章开设课程:交互设计长期普通班(线上课程)课程时间:2018年5月中旬——2018年12月初试前(每周3课时)课时       :110课时(每课时1小时)费用      :7500元招生人数:线上课程16人(超数不招生)课程总框架:Part 1▪交互知识学习...

    2018-04-06