關(guān)于淘寶的登錄頁(yè)設(shè)計(jì)中的BUG，本文作者就用所學(xué)的用戶研究、交互設(shè)計(jì)以及產(chǎn)品經(jīng)理相關(guān)的知識(shí)來(lái)分析一下，并提出了自己的解決方案。

雙11來(lái)了，小伙伴們有沒(méi)準(zhǔn)備“賣賣賣”呢？作為資深剁手黨，今天想著去淘寶逛逛，囤點(diǎn)貨，準(zhǔn)備11出手。嗯，電腦屏幕查看、比較商品信息更方便，所以打開瀏覽器，找到淘寶的頁(yè)面。嗯？要輸入密碼？也對(duì)，淘寶設(shè)定的是兩周內(nèi)沒(méi)有登錄就需要重新登錄，為了用戶信息安全嘛，可以理解。

“啪啪啪……”正當(dāng)我自我陶醉（人們?cè)谧鲎詣?dòng)化的動(dòng)作時(shí)會(huì)產(chǎn)生一種流暢的快感）地輸入密碼的時(shí)候……什么鬼？！怎么沒(méi)了？跑到“掃碼”這里了？

冷靜！冷靜！冷靜！最近不是在學(xué)用戶研究、交互設(shè)計(jì)這些東西嗎？所以就此來(lái)分析下。

一. 發(fā)生了什么？

1. 用戶使用“登錄”功能的時(shí)候出現(xiàn)了錯(cuò)誤（用戶在輸入密碼時(shí)頁(yè)面自動(dòng)跳轉(zhuǎn)到“掃碼登錄”），由于沒(méi)有準(zhǔn)備導(dǎo)致用戶的動(dòng)作被打斷。

2.用戶體驗(yàn)：用戶無(wú)準(zhǔn)備，輸入動(dòng)作被打斷，用戶產(chǎn)生負(fù)面情緒（快感被阻斷，煩躁，憤怒……）

二. 淘寶的登錄頁(yè)的設(shè)計(jì)

經(jīng)過(guò)我的分析（猜測(cè)），淘寶的登錄過(guò)程應(yīng)該是上圖這樣的流程。

為什么要設(shè)計(jì)成這個(gè)樣子（打開淘寶頁(yè)面，出現(xiàn)“密碼登錄”，1秒后自動(dòng)跳轉(zhuǎn)到“掃碼登錄”）呢？我再分析（猜測(cè)）。

1. 告訴用戶我有“密碼登錄”功能哦，不過(guò)你要等1秒鐘，我跳到“掃碼登錄”功能后，再點(diǎn)擊登錄頁(yè)的右上角的電腦圖標(biāo)返回“密碼登錄”。（設(shè)計(jì)師蠻調(diào)皮的）
2. 我們鼓勵(lì)“掃碼登錄”，因?yàn)樗梢苑乐贡I號(hào)，更安全。
3. 給你制造點(diǎn)麻煩，讓你選擇我們認(rèn)為最安全的方式——掃碼

三. 問(wèn)題是？

1.用戶在沒(méi)有準(zhǔn)備的情況下，用戶會(huì)產(chǎn)生被打斷的感覺，這種打斷會(huì)讓用戶產(chǎn)生不好的情緒。

2.用戶在準(zhǔn)備的情況下，需要等待（大概1秒）。人們對(duì)等待時(shí)間的耐受力：

• 0.1秒在該時(shí)間內(nèi)顯示反饋結(jié)果用戶是可以接受的。
• 1.0秒是用戶保持不間斷的思維流的限定時(shí)間，用戶會(huì)注意到這樣的延遲。
• 10秒是保持用戶關(guān)注當(dāng)前對(duì)話框的極限時(shí)間。在移動(dòng)終端上，時(shí)間的標(biāo)準(zhǔn)可能還要縮短。

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

設(shè)想一下，用戶有準(zhǔn)備，知道頁(yè)面要進(jìn)行跳轉(zhuǎn)，那么用戶需要等待跳轉(zhuǎn)，如果用戶不喜歡掃碼登錄，那么這個(gè)跳轉(zhuǎn)對(duì)用戶來(lái)說(shuō)就是浪費(fèi)時(shí)間，進(jìn)而產(chǎn)生厭惡情緒；如果用戶喜歡掃碼登錄，那么1秒的延遲似乎可以接受的。

四. 怎么辦呢？

關(guān)于登錄與注冊(cè)頁(yè)設(shè)計(jì)思路，參考了“人人都是產(chǎn)品經(jīng)理”上諸位大神，另外瀏覽了幾家主流的電商網(wǎng)站，加上無(wú)腦的臆想，給出以下三種解決方案：

方案一

玩花的，多數(shù)網(wǎng)站登錄頁(yè)設(shè)計(jì)，顯示密碼登錄或掃碼登錄，同時(shí)有去向另外一種方式的快捷通道。比如淘寶的跳轉(zhuǎn)后的頁(yè)面。

方案二

雙顯，比如下面京東（左圖）和新浪博客（右圖）的登錄頁(yè)面。兩種登錄方式同時(shí)顯示在一個(gè)頁(yè)面，用戶一目了然，并且可以自由選擇自己喜歡的方式。個(gè)人更喜歡新浪的登錄頁(yè)面。不僅提供了選擇的權(quán)利，還不會(huì)造成干擾或者困惑，登錄方式的變換最多一個(gè)動(dòng)作。

方案三

改進(jìn)淘寶的設(shè)計(jì)，用戶進(jìn)入頁(yè)面后顯示的是“密碼登錄”界面，用戶鼠標(biāo)光標(biāo)點(diǎn)到用戶名或密碼（頁(yè)面不跳轉(zhuǎn)到“掃碼登錄”），用戶完成登錄；用戶1秒內(nèi)沒(méi)有輸入，頁(yè)面跳轉(zhuǎn)到“掃碼登錄”頁(yè)面，同時(shí)用戶可以選擇掃碼登錄或者回到原來(lái)的“密碼登錄”頁(yè)面。

綜合來(lái)說(shuō)，我個(gè)人更喜歡第二種設(shè)計(jì)，最大化展示了登錄方式的選擇，用戶幾乎不會(huì)受到干擾。第三種方案也不錯(cuò)，去除Bug后，用戶有足夠的時(shí)間選擇登錄方式，并且不會(huì)在輸入用戶名和密碼的時(shí)候被強(qiáng)制跳轉(zhuǎn)到“掃碼登錄”界面。

限于個(gè)人能力和眼界，以上僅為個(gè)人觀點(diǎn)，歡迎大家一起討論。另，本人為17年應(yīng)屆心理學(xué)碩士研究生，非985，211，正在自學(xué)用戶研究、交互設(shè)計(jì)以及產(chǎn)品經(jīng)理相關(guān)的知識(shí)，并尋求一份相關(guān)的工作。

雙11就要來(lái)了，祝小伙伴們節(jié)日快樂(lè)！

本文由 @Jame?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。