我的淘宝登录(淘宝网站登录)

对于淘宝登录页面设计中的bug，本文作者用用户研究、交互设计、产品经理的知识进行了分析，并提出了自己的解决方案。

双11到了，你的朋友们准备好“卖卖卖”了吗？作为资深扒手党，今天想去淘宝逛逛，囤点货，准备11拍。嗯，在电脑屏幕上查看和比较商品信息比较方便，打开浏览器找到淘宝的页面。嗯？您想输入密码吗？是的，淘宝设置两周不登录需要重新登录。为了用户信息安全，无可厚非。

“啪嗒……”就在我自恋的时候(人在做自动化动作的时候会有一种流畅的快感)输入了我的密码...WTF？！发生了什么事？跑到“扫码”这里？

冷静点！冷静点！冷静点！你最近不是在学用户研究和交互设计吗？所以我们来分析一下这个。

一. 发生了什么？

1.用户在使用“登录”功能时出现错误(用户输入密码时页面自动跳转到“扫码登录”)，由于准备不足导致用户动作中断。

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

二. 淘宝的登录页的设计

经过我的分析(猜测)，淘宝的登录流程应该是上图所示的流程。

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

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

1.当用户没有准备好的时候，用户会有被打断的感觉，这种打断会让用户感觉不好。

2.用户需要等待(大约1秒)才能准备好。人们对等待时间的容忍度:

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

想象一下，如果用户做好了准备，知道页面要跳转，那么用户就需要等待跳转。如果用户不喜欢扫码登录，那么这种跳转对用户来说就是浪费时间，从而引起厌恶；如果用户喜欢扫码登录，1秒的延迟似乎可以接受。

四. 怎么办呢？

对于登录注册页面的设计思路，我们参考了《人人都是产品经理》上的大神们，浏览了几个主流的电商网站，用无脑的想象力给出了以下三种解决方案:

方案一

为了好玩，大部分网站登录页面都设计成显示密码登录或者扫码登录，还有另外一种方式的快捷方式。比如淘宝的跳转页面。

方案二

双，如下面JD.COM(左)和新浪博客(右)的登录页面。两种登录方式同时显示在一个页面上，用户一目了然，可以自由选择自己喜欢的方式。我个人比较喜欢新浪的登录页面。既提供了选择权，又不会造成干扰或混乱，登录方式的改变最多可以采取一个动作。

方案三

改进淘宝的设计。用户进入页面后，显示“密码登录”界面。当用户指向用户名或密码时(页面不会跳转到“扫码登录”)，用户登录。如果用户在1秒内没有输入，页面跳转到“扫码登录”页面，用户可以选择扫码登录或者返回原“密码登录”页面。

综合来看，我个人更倾向于第二种设计，最大限度的展现了登录方式的选择，用户几乎不会受到打扰。第三个方案也不错。Bug清除后，用户有足够的时间选择登录方式，不会在输入用户名和密码时被强制跳转到“扫码登录”界面。

限于个人能力和视野，以上仅为个人观点。欢迎大家一起讨论。另外，我是17年心理学研究生，不是985，211。本人自学用户研究，交互设计，产品经理，想找一份相关的工作。

双11快到了，祝朋友们节日快乐！

本文由@Jame原创发布。每个人都是产品经理。未经许可，禁止复制。