淘宝一直提示登录失败,淘宝双标题隐藏技术

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

淘宝一直提示登录失败,淘宝双标题隐藏技术

文章插图
双11来了 , 小伙伴们有没准备“卖卖卖”呢?作为资深剁手党,今天想着去淘宝逛逛 , 囤点货,准备11出手 。嗯,电脑屏幕查看、比较商品信息更方便,所以打开浏览器,找到淘宝的页面 。嗯?要输入密码?也对,淘宝设定的是两周内没有登录就需要重新登录,为了用户信息安全嘛,可以理解 。
“啪啪啪……”正当我自我陶醉(人们在做自动化的动作时会产生一种流畅的快感)地输入密码的时候……什么鬼?!怎么没了?跑到“扫码”这里了?
冷静!冷静!冷静!最近不是在学用户研究、交互设计这些东西吗?所以就此来分析下 。
一. 发生了什么?1. 用户使用“登录”功能的时候出现了错误(用户在输入密码时页面自动跳转到“扫码登录”),由于没有准备导致用户的动作被打断 。
2.用户体验:用户无准备,输入动作被打断,用户产生负面情绪(快感被阻断,烦躁,愤怒……)
二. 淘宝的登录页的设计
淘宝一直提示登录失败,淘宝双标题隐藏技术

文章插图
经过我的分析(猜测),淘宝的登录过程应该是上图这样的流程 。
为什么要设计成这个样子(打开淘宝页面,出现“密码登录”,1秒后自动跳转到“扫码登录”)呢?我再分析(猜测) 。
告诉用户我有“密码登录”功能哦,不过你要等1秒钟,我跳到“扫码登录”功能后,再点击登录页的右上角的电脑图标返回“密码登录” 。(设计师蛮调皮的)我们鼓励“扫码登录”,因为它可以防止盗号,更安全 。给你制造点麻烦,让你选择我们认为最安全的方式——扫码三. 问题是?1.用户在没有准备的情况下,用户会产生被打断的感觉,这种打断会让用户产生不好的情绪 。
2.用户在准备的情况下,需要等待(大概1秒) 。人们对等待时间的耐受力:
淘宝一直提示登录失败,淘宝双标题隐藏技术

文章插图
0.1秒在该时间内显示反馈结果用户是可以接受的 。1.0秒是用户保持不间断的思维流的限定时间,用户会注意到这样的延迟 。10秒是保持用户关注当前对话框的极限时间 。在移动终端上,时间的标准可能还要缩短 。设想一下,用户有准备,知道页面要进行跳转 , 那么用户需要等待跳转,如果用户不喜欢扫码登录,那么这个跳转对用户来说就是浪费时间,进而产生厌恶情绪;如果用户喜欢扫码登录,那么1秒的延迟似乎可以接受的 。
四. 怎么办呢?关于登录与注册页设计思路,参考了“人人都是产品经理”上诸位大神,另外浏览了几家主流的电商网站,加上无脑的臆想 , 给出以下三种解决方案:
方案一玩花的,多数网站登录页设计,显示密码登录或扫码登录,同时有去向另外一种方式的快捷通道 。比如淘宝的跳转后的页面 。
方案二双显,比如下面京东(左图)和新浪博客(右图)的登录页面 。两种登录方式同时显示在一个页面,用户一目了然,并且可以自由选择自己喜欢的方式 。个人更喜欢新浪的登录页面 。不仅提供了选择的权利,还不会造成干扰或者困惑,登录方式的变换最多一个动作 。
淘宝一直提示登录失败,淘宝双标题隐藏技术

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