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

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


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

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

双11来了,小伙伴们有没准备“卖卖卖”呢?作为资深剁手党,今天想着去淘宝逛逛,囤点货,准备11出手。嗯,电脑屏幕查看、比较商品信息更方便,所以打开浏览器,找到淘宝的页面。嗯?要输入密码?也对,淘宝设定的是两周内没有登录就需要重新登录,为了用户信息安全嘛,可以理解。

“啪啪啪……”正当我自我陶醉(人们在做自动化的动作时会产生一种流畅的快感)地输入密码的时候……什么鬼?!怎么没了?跑到“扫码”这里了?

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

冷静!冷静!冷静!最近不是在学用户研究、交互设计这些东西吗?所以就此来分析下。

一. 发生了什么?

1. 用户使用“登录”功能的时候出现了错误(用户在输入密码时页面自动跳转到“扫码登录”),由于没有准备导致用户的动作被打断。

2.用户体验:用户无准备,输入动作被打断,用户产生负面情绪(快感被阻断,烦躁,愤怒……)

二. 淘宝的登录页的设计

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

经过我的分析(猜测),淘宝的登录过程应该是上图这样的流程。

为什么要设计成这个样子(打开淘宝页面,出现“密码登录”,1秒后自动跳转到“扫码登录”)呢?我再分析(猜测)。

  1. 告诉用户我有“密码登录”功能哦,不过你要等1秒钟,我跳到“扫码登录”功能后,再点击登录页的右上角的电脑图标返回“密码登录”。(设计师蛮调皮的)
  2. 我们鼓励“扫码登录”,因为它可以防止盗号,更安全。
  3. 给你制造点麻烦,让你选择我们认为最安全的方式——扫码

三. 问题是?

1.用户在没有准备的情况下,用户会产生被打断的感觉,这种打断会让用户产生不好的情绪。

2.用户在准备的情况下,需要等待(大概1秒)。人们对等待时间的耐受力:

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

  • 0.1秒在该时间内显示反馈结果用户是可以接受的。
  • 1.0秒是用户保持不间断的思维流的限定时间,用户会注意到这样的延迟。
  • 10秒是保持用户关注当前对话框的极限时间。在移动终端上,时间的标准可能还要缩短。

参考:http://blog.sina.com.cn/s/blog_5359480b01015vm9.html

设想一下,用户有准备,知道页面要进行跳转,那么用户需要等待跳转,如果用户不喜欢扫码登录,那么这个跳转对用户来说就是浪费时间,进而产生厌恶情绪;如果用户喜欢扫码登录,那么1秒的延迟似乎可以接受的。

四. 怎么办呢?

关于登录与注册页设计思路,参考了“人人都是产品经理”上诸位大神,另外浏览了几家主流的电商网站,加上无脑的臆想,给出以下三种解决方案:

方案一

玩花的,多数网站登录页设计,显示密码登录或扫码登录,同时有去向另外一种方式的快捷通道。比如淘宝的跳转后的页面。

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

方案二

双显,比如下面京东(左图)和新浪博客(右图)的登录页面。两种登录方式同时显示在一个页面,用户一目了然,并且可以自由选择自己喜欢的方式。个人更喜欢新浪的登录页面。不仅提供了选择的权利,还不会造成干扰或者困惑,登录方式的变换最多一个动作。

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

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

方案三

改进淘宝的设计,用户进入页面后显示的是“密码登录”界面,用户鼠标光标点到用户名或密码(页面不跳转到“扫码登录”),用户完成登录;用户1秒内没有输入,页面跳转到“扫码登录”页面,同时用户可以选择扫码登录或者回到原来的“密码登录”页面。

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

综合来说,我个人更喜欢第二种设计,最大化展示了登录方式的选择,用户几乎不会受到干扰。第三种方案也不错,去除Bug后,用户有足够的时间选择登录方式,并且不会在输入用户名和密码的时候被强制跳转到“扫码登录”界面。

限于个人能力和眼界,以上仅为个人观点,欢迎大家一起讨论。另,本人为17年应届心理学硕士研究生,非985,211,正在自学用户研究、交互设计以及产品经理相关的知识,并寻求一份相关的工作。

双11就要来了,祝小伙伴们节日快乐!

 

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

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

(0)
CatherineCatherine
上一篇 2017-05-17 02:15
下一篇 2017-05-17 03:59

相关推荐

  • 总结:常见的4条用户体验误区

    近年用户体验的概念越来越火热,从事互联网人张口闭口就谈用户体验,用户体验的概念离我们每个人那么的近。但是用户体验是人人都可以做好的吗?答案是否定的,就像人人都是产品经理一样,能做产品经理的依旧是少数,把产品经理做好的更是凤毛麟角。本篇文章总结4条我遇到的用户体验误区。如果一个流程的信息量是12个单位。x*y=12(x=单位页面的信息量  y=路径深度)例如微信发朋友圈即使断网情况下,当用户在点击发送时,朋友圈立刻就显示数据,给用户反馈是动态发送成功,其实是假数据显示,在这个时候后台还在上传。断网场景极少,朋友圈这个设计满足绝大部分用户的操作顺畅,用户体验良好。不为了极少数使用场景而做真数据展示给用户,那样的话给绝大部分用户感觉加载过慢导致不好的体验。

    2017-04-29
  • 交互设计职业背景思考

    前言:最近一段时间,基本每天都有小伙伴在问,“我是来自非设计专业的学生,能否做交互设计”、“我想从事交互设计工作,是否需要读一个交互设计的硕士?”、“我工作一段时间了,不是设计行业,我能转行做交互设计么?”、“我对交互设计很感兴趣,如何从零开始自学?”,刚好今天看到一个知乎问题邀请,问的也是类似问题,所以我想写一些关于交互设计职业背景的粗浅思考,供大家参考。:)大多数问题归结为两类。第一类问题:交互设计工作是否需要专门的交互设计专业教育...

    2018-01-30
  • 小白菜们:别再用“好的文案”YY了,该醒醒了!

    不知何时起,文案写的好,竟然成了众多互联网小白追捧的热点,各种文案大师,文案叫兽,传道受业解惑,登台演讲,大讲文案的力量,貌似文案写的好,就练成了盖世神功,天下无敌了。

    2017-05-26
  • 虚拟现实产品是更棒的交互体验吗?

    2016年12月,携程UED大会把虚拟现实技术作为论坛的核心主题,邀请了方方面面的专家,从技术,硬件,体验等各个方面来剖析VR这种创新的趋势。

    2017-05-09
  • 2017 年网页设计的十大趋势

    又迎来了崭新的一年,让我们来了解网页设计的发展趋势吧。“2016 年是对话式商务的元年。”“GIFs 是伟大的。它们无处不在。”

    2017-05-10
  • 亲历经验!没有学位和工作经验要怎么找到UX设计的工作?

    Tiger, Run! :我已经做了几个月的交互设计 师了,有不少人非常好奇想知道「没学历、没工作经验的我是如何找到工作的」。随着市场的逐渐饱合,我想分享一下我的故事,来鼓励那些没有任何设计经验、HCI(人机交互)学历的人,得以继续追求自己的梦想。

    2017-07-01
  • 【笔记】设计师与产品经理该如何高效地进行团队协作?

    2017年5月14日,UXRen北京分舵在北辰泰岳大厦主办了《设计师与产品经理该如何高效地进行团队协作》的分享活动,本文基于分享嘉宾朱峰现场分享整理而成。   分享嘉宾: 朱峰(现任 “蓝湖”产品负责人&联合创始人…

    交互专题 2017-08-07
  • 交互设计工作流程6步走

    点击信息与交互设计关注我们!欢迎大家踊跃投稿哦!投稿邮箱:iidc@iidc.org.cn经常有人会问交互设计到底是做什么的?交互在工作中的流程是什么样子的?那么今天就来讲讲交互设计在工作项目中需要做哪些工作。这里结合笔者本身的个人经历,将交互工作流程总结为以下6点:1、发现问题这里的发现问题,主要是找到一些体验不合理或者未达到预期效果的地方。发现问题的方式有很多,在实际项目工作中,可能大部分的问题反馈来源于客服或者产品需求,这里交互更...

    2018-01-30
  • 什么是IxD交互设计?分分钟搞懂其中的关键要素!

    先讲个故事,小互是个销售员,下午出去拜访客户,完事后发现已经六点多了,非常饿,小互想回家自己做饭吃,但是实在是太饿了,回家又要做好久的地铁,还不如就在附近找家小饭馆吃了呢,于是环顾四周,发现马路对面…

    交互设计 2015-01-26
  • 设计心得:浅析Chatbot聊天机器人界面交互设计

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

    2017-04-28