文章目录[隐藏]
- 1.发生了什么事？
- 第二，淘宝的登录页面的设计
- 3.有什么问题？
- 4.我该怎么办？
- 方案一
- 选项2
- 方案3
我的淘宝登录(淘宝首页电脑版登录)
对于淘宝登录页面设计中的bug，本文作者用用户研究、交互设计、产品经理的知识进行了分析，并提出了自己的解决方案。
双11到了，你的朋友们准备好“卖卖卖”了吗？作为资深扒手党，今天想去淘宝逛逛，囤点货，准备11拍。嗯，在电脑屏幕上查看和比较商品信息比较方便，打开浏览器找到淘宝的页面。嗯？您想输入密码吗？是的，淘宝设置两周不登录需要重新登录。为了用户信息安全，无可厚非。
“啪嗒……”就在我自恋的时候(人在做自动化动作的时候会有一种流畅的快感)输入了我的密码…WTF？！发生了什么事？跑到“扫码”这里？
冷静点！冷静点！冷静点！你最近不是在学用户研究和交互设计吗？所以我们来分析一下这个。
1.发生了什么事？
1.用户在使用“登录”功能时出现错误(用户输入密码时页面自动跳转到“扫码登录”)，由于准备不足导致用户动作中断。
2.用户体验:用户毫无准备，输入动作被打断，用户产生负面情绪(快感受阻、烦躁、愤怒……)
第二，淘宝的登录页面的设计
经过我的分析(猜测)，淘宝的登录流程应该是上图所示的流程。
为什么要这样设计(打开淘宝页面，出现“密码登录”，1秒后自动跳转到“扫码登录”)？我再分析(猜测)一下。
告诉用户我有密码登录功能，但是你要等一秒。我跳转到密码登录功能后，点击登录页面右上角的电脑图标，返回密码登录功能。(设计师挺调皮的)
我们鼓励“扫码登录”，因为这样可以防止黑客入侵，更安全。
给你制造点麻烦，让你选择我们认为最安全的方式——扫码。
3.有什么问题？
1.当用户没有准备好的时候，用户会有被打断的感觉，这种打断会让用户感觉不好。
2.用户需要等待(大约1秒)才能准备好。人们对等待时间的容忍度:
用户在0.1秒内显示反馈结果是可以接受的。
1.0秒是用户保持不间断思维流动的有限时间，用户会注意到这种延迟。
10秒是让用户保持关注当前对话框的极限时间。在移动终端上，时间的标准可能会缩短。
想象一下，如果用户做好了准备，知道页面要跳转，那么用户就需要等待跳转。如果用户不喜欢扫码登录，那么这种跳转对用户来说就是浪费时间，从而引起厌恶；如果用户喜欢扫码登录，1秒的延迟似乎可以接受。
4.我该怎么办？
对于登录注册页面的设计思路，我们参考了《人人都是产品经理》上的大神们，浏览了几个主流的电商网站，用无脑的想象力给出了以下三种解决方案:
方案一
为了好玩，大部分网站登录页面都设计成显示密码登录或者扫码登录，还有另外一种方式的快捷方式。比如淘宝的跳转页面。
选项2
双，如下面JD.COM(左)和新浪博客(右)的登录页面。两种登录方式同时显示在一个页面上，用户一目了然，可以自由选择自己喜欢的方式。我个人比较喜欢新浪的登录页面。既提供了选择权，又不会造成干扰或混乱，登录方式的改变最多可以采取一个动作。
方案3
改进淘宝的设计。用户进入页面后，显示“密码登录”界面。当用户指向用户名或密码时(页面不会跳转到“扫码登录”)，用户登录。如果用户在1秒内没有输入，页面跳转到“扫码登录”页面，用户可以选择扫码登录或者返回原“密码登录”页面。
综合来看，我个人更倾向于第二种设计，最大限度的展现了登录方式的选择，用户几乎不会受到打扰。第三个方案也不错。Bug清除后，用户有足够的时间选择登录方式，不会在输入用户名和密码时被强制跳转到“扫码登录”界面。
限于个人能力和视野，以上仅为个人观点。欢迎大家一起讨论。另外，我是17年心理学研究生，不是985，211。本人自学用户研究，交互设计，产品经理，想找一份相关的工作。
双11快到了，祝朋友们节日快乐！
