这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

相关推荐

  • UCD,以用户为中心的设计

    前言:一直有在梳理自己的知识结构,也靠这些所谓经验做了几年行业培训,今年是从业的第十一年,我觉得差不多是时候把这些最初来自同行、互联网和书籍的知识再还给行业,我会把所有所得分章节逐渐整理发出,希望能对行业尽一份绵薄之力,同时也作为一种仪式,好让自己重新出发。任何项目都从一个idea开始,你走在路上,蹲在马桶上;吃着饭,看着电视,灵光一闪,觉得大致可以做一个什么东西来实现世界的爱与和平,这就是一个愿景的诞生;来源无法归纳,却是后面折腾的开始。
    然后就是“分析研究”,分析市场,分析技术,分析用户,一边分析一边验证愿景;顺利通过这个环节,得到的就是设计需求。需求的来源多元,组成亦是多元。需求得到,就要进行梳理,以确定下来;这就是“需求过滤”或者“需求定义”。
    接下来就是把需求转化成对应的功能和数据,这是产品的骨骼血肉,功能数据要满足需求。比如需求是解渴,对应的功能就能是可乐或者矿泉水,但不能是热干面。从这个环节起,产品从抽象变具体。
    功能数据有了,长什么样?我们要把它们设计出来。设计分成“概念设计”和“细节设计”两个阶段,设计又分为“交互设计”和“视觉设计”两条线,所以就有了“概念交互和视觉设计”及“细节交互和视觉设计”。
    设计过程中需要进行“测试验证”,验证的结果用来迭代设计,所以大家看到有个双箭头。设计好了,提交研发。在这个阶段,我们做“研发支持”,也就是传达设计需求给研发,并且做研发过程中针对突发情况进行及时的设计修改;比如某个提示的补漏之类的。
    最后是“设计验收”。一般来讲,刚研发出来的版本多少有些变形有些不符合设计需求,所以我们要验收。列出结果清单,打回去重新调整。调整到什么程度才可以,要看具体到项目周期和策略。举个例子:我们筛选好约好被试(测试用户),分配给他们分析产品和分析任务,比如对比京东和淘宝的支付流程,让他们回去好好体验一个礼拜,让用户熟悉产品以心里产生评价。然后回到我们实验室,再走一遍,这一遍是被观察。然后就是访谈,询问他们的各种维度的评价,比如对于收货地址选择方式的偏好,最后我们统计归纳。这就是让用户来帮我们分析。“其实你什么都没有做错,错在你太老了。我们最早看到Snapchat,外国13-18岁小孩在用,我们高管用了觉得好傻好无聊,看不到价值,只投了一点,后来涨得很快。这个公司我们副总去过,就是海边一个玻璃房,很小的公司,感觉一个石头就把他们击破了。当时只有2000万美金,我们没进去,现在远远超过我们想象,百亿美金。

    2017-05-31
  • 2017年移动端用户体验设计趋势【UXRen译#167】

    作者:Hannah Levenson   |  翻译:雪代巴,校审:小四   先看下在过去的这些年有哪些变化!两年前,移动端应用的专业人士还在研究操作手势的问题,交互设计师仍专注于手指触发研究,大家才刚刚开始意识到极简设计…

    交互专题 2017-08-07
  • 无限下拉滚动 Vs 分页,究竟该使用哪一个?

    应该是使用无限下拉滚动还是分页的形式来展现内容?究竟那一个更好?相信这是一些设计师经常需要去思考的问题。其实任何事物都有优缺点,无限下拉滚动和分页也不例外。本文将两种方法的适用场景并分析哪类项目适合用…

    2016-06-07
  • 移动界面动效设计的全方位科普指南

    读了这篇文章,你可以知道动效的作用、设计原则、动效工具、制作方法、标注技巧等等,特别全面,强烈推荐收藏学习。

    2017-05-13
  • 巴塞罗那发团丨LES FONTS DEL LLOBREGAT探寻自然一日游

    看腻了古镇城堡?看够了沙滩海岛?那就跟随我们深入略夫雷加特河的源头Fonts del Llobregat来一次悠闲的探寻自然之旅吧!发团日期:2月17日行程价格:42欧/人行程包含:1.大巴游览2. 西语陪同导游3. 餐食午餐包括:escalivada炭烤蔬菜拼盘,加泰罗尼亚沙拉,咸火腿,白肠、黑肠、香肠拼盘,Escudella炖菜,酱汁bandejas de pies de poco,蘑菇牛肉+烤鸡肉甜品:Bunyols amb mo...

    2018-02-05
  • 如何合理的在移动应用中使用动效

    译者语:本文是我在Smashing Magazine看到的一篇关于如何在移动应用设计中运用微动效的译文。初次翻译文章,很多词句用的可能不太妥当,在这里给大家作揖了!knock knock……

    2017-06-03
  • 微信交互设计

    微信交互设计看点01一:交互设计(Interaction Design简称ID)在使用网站(软件、产品、各种服务)的时候,使用过程中的感觉就是一种交互体验。情感化交互设计意义:人机交互的发展趋势,会让用户感到更加亲切,自然.体现:交互界面(视觉),交互功能特质(感情),交互操作方式(惊喜)二:温暖感诉求(孤独和希望的对比||现实和理想的对比)登录页面====用心经营,寻找温暖感发现页面(朋友圈、扫一扫、摇一摇、附近的人)简单感诉求联系老...

    2018-03-17
  • 别被数据骗了——视频搜索页面设计研究总结

    如今的互联网PM都会对产品数据进行追踪,作为自己的KPI指标。但是在实际的设计结果中,令人满意的数据有时却并不一定会说明产品的实际使用效果,数据呈现的结果和用户的实际使用体验有时甚至是背道而驰。某用户:点击之后进去就直接播放了,有时候开着声音吓一大跳,会马上点出去。哦,你说按钮上的文案啊,没有注意呀!

    2017-05-02
  • 用好的交互设计来管理复杂-“Tab”

    标签可能看起来像一个微小、乏味的图形用户界面设计,但我们合理的运用Tab的特点,易用易理解,就能为你的用户体验加分。

    2017-05-18
  • 一对一提问!设计师应该如何切入产品设计工作?

    呆呆:经常会收到一些小伙伴提的问题,大部分也都不怎么去回复,除了个别比较值得讨论的我会仔细解答一下。所以就想把那些好问题拿出来,不是对一个人解答,而是与大家一起做一个讨论。

    2017-08-29