这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

相关推荐

  • 从产品到交互·2015同济设计学考研经验

    【写在前面】 我叫徐晨,来自陕西西安,毕业于兰州理工大学工业设计专业。2015年我参加了研究生入学考试,也如愿考上了同济大学创意学院的研究生。想想当初独自备战,其实都是在黑暗中摸索,曾经也担心自己的复习方…

    2015-11-08
  • 习惯养成APP的交互设计&视觉设计

    本文通过展示UI设计稿、需求分析报告和交互设计文档,全面详解养成APP的交互体验与视觉设计。

    2017-05-13
  • 听说微软这次硬了?苹果赶紧发布了个触摸条压压惊!

    #交互学堂# 前天晚上,#微软# 赶在 #苹果新品发布# 会的前头抢先发布了一波硬件产品,出人意料地推出了Surface Studio 一体机以及交互配件 Surface Dial。一时间设计夹小编朋友圈里的设计师们都沸腾了,惊呼 “巨硬…

    2016-10-28
  • 数据可视化:如何为数据寻找适合的配色

    虽然如今好的配色方案已经唾手可得,但为数据可视化找到合适的配色方案,却仍是一项巨大挑战。

    2017-05-31
  • 超实用!3分钟带你掌握11个最常用的交互控件

    之前的一系列文章,为大家介绍了iOS和Android规范中,各种弹出物的用法,罗列如下:

    2017-05-31
  • 最新软件安装包目录【18年4月】

    悦台新媒体欢迎关注我们图文美编部关注软件导航电脑办公室内/外设计平面设计机械设计影视动画建筑设计地理信息网页设计屏幕录像编程类电子绘图数据库数据统计理科工具软件目录【电脑办公】电脑系统(U盘安装)PE制作WIN7WIN8WIN10XP电脑系统(直接安装)WIN7WIN8WIN10Officeoffice2003office2007office2010office2013office2016Projectproject2007projec...

    2018-04-09
  • 初探用户体验中的接触点

    在一个流程设计里,梳理接触点是十分关键的一步,接触点梳理好了,才有可能画好一个完善的流程图。信息触点——操作触点——信息触点

    2017-05-15
  • 当用户操作错误时,如何在不影响用户体验的情况下快速处理好

    在很多界面中,错误的产生不可避免。一旦发生错误,要帮助用户快速轻松地处理好。

    2017-05-23
  • 新交互时代:自然用户界面中的“自然”到底是什么意思?

    一个理想的自然用户界面应当能让用户的注意力完全集中在所要从事的活动上,而忘记界面本身的存在,或者说,界面变得“透明”了。一位印度的同行为当地用户设计了一组用数字笔操作的界面。在进行用户测试时,他对其中一位用户说:“请拿起笔碰一下屏幕。”出乎他意料的是,这一看起来十分简单自然的操作,居然出了问题:这位用户没有用笔尖,而是把笔横过来整个贴在了屏幕上!经询问才知道原来他不识字,也从没用过笔。
    而另一位欧洲的同行为家庭用户在交互桌面上开发了一套软件,包括一些直观的手势交互,例如用两个手指相反方向移动做打开的手势来打开一个虚拟的储物箱。当他向用户家庭演示时,他想考考这个家中正上小学的孩子:“你试试看怎么打开这个箱子?”孩子二话不说,直接用食指在箱子上双击!隐喻指的是把用户界面中的概念比拟为一种人们熟悉的概念或现象,用于解释其交互方式,例如将图形界面元素比喻为大家熟悉的桌面、窗口等等。隐喻越贴切,越为用户熟悉,往往就意味着界面越自然。

    2017-05-14
  • 什么是用户体验设计,用户体验设计标准是什么?

    我理解的用户体验,是让用户付出最小成本满足需求。用户体验无法用一个通用方法整体衡量,只能在理解产品全貌的前提下评测分解属性。我仅结合搜索领域经验提供些参考。个人对用户体验的目标是,做到“自然”。用户体验设计是什么?用户体验(User Experience,简称UE)设计 是用户在使用产品或服务过程中建立起来的一种纯主观的感受。用户体验产生于客户与你的品牌、公司、组织所发生的一切互动。这些互动的对象包含了你的产品、官网、帮助中心、广告、微...

    2018-03-20