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

双11来了，小伙伴们有没筹备“卖卖卖”呢?作为资深剁手党，今天想着去淘宝逛逛，囤点货，筹备11脱手。嗯，电脑屏幕检察、对照商品信息更便利，所以打开浏览器，找到淘宝的页面。嗯?要输入暗码?也对，淘宝设定的是两周内没有登录就需要从头登录，为了用户信息安适嘛，可以理解。

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

沉着!沉着!沉着!比来不是在学用户研究、交互设计这些对象吗?所以就此来分析下。

一. 产生了什么?

1. 用户使用“登录”成果的时候呈现了错误(用户在输入暗码时页面自动跳转到“扫码登录”)，由于没有筹备导致用户的行动被打断。

2.用户体验：用户无筹备，输入行动被打断，用户孕育产生负面情绪(快感被阻断，急躁，愤慨……)

二. 淘宝的登录页的设计

颠末我的分析(猜度)，淘宝的登录过程应该是上图这样的流程。

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

报告用户我有“暗码登录”成果哦，不过你要等1秒钟，我跳到“扫码登录”成果后，再点击登录页的右上角的电脑图标返回“暗码登录”。(设计师蛮淘气的)

我们鼓励“扫码登录”，因为它可以防备盗号，更安适。

给你制造点麻烦，让你选择我们认为最安适的方法——扫码

三. 问题是?

1.用户在没有筹备的情况下，用户会孕育产生被打断的觉得，这种打断会让用户孕育产生欠好的情绪。

2.用户在筹备的情况下，需要期待(概略1秒)。人们对期待时间的耐受力：

0.1秒在该时间内显示反馈功效用户是可以接受的。

1.0秒是用户连结不间断的思维流的限按时间，用户会注意到这样的延迟。

10秒是连结用户存眷当前对话框的极限时间。在移动终端上，时间的标准可能还要缩短。

参考：

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

四. 怎么办呢?

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

方案一

玩花的，大都网站登录页设计，显示暗码登录或扫码登录，同时有去向此外一种方法的快捷通道。好比淘宝的跳转后的页面。

方案二

双显，好比下面京东(左图)和新浪博客(右图)的登录页面。两种登录方法同时显示在一个页面，用户一目了然，并且可以自由选择本身喜欢的方法。小我私家更喜欢新浪的登录页面。不只供给了选择的权利，还不会造成滋扰或者猜疑，登录方法的调动最多一个行动。

方案三

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

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