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

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

“啪啪啪……”正當(dāng)我自我陶醉（人們在做自動化的動作時會產(chǎn)生一種流暢的快感）地輸入密碼的時候……什么鬼？！怎么沒了？跑到“掃碼”這里了？

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

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

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

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

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

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

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

1. 告訴用戶我有“密碼登錄”功能哦，不過你要等1秒鐘，我跳到“掃碼登錄”功能后，再點擊登錄頁的右上角的電腦圖標(biāo)返回“密碼登錄”。（設(shè)計師蠻調(diào)皮的）
2. 我們鼓勵“掃碼登錄”，因為它可以防止盜號，更安全。
3. 給你制造點麻煩，讓你選擇我們認(rèn)為最安全的方式——掃碼

三. 問題是？

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

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

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

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

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

四. 怎么辦呢？

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

方案一

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

方案二

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

方案三

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

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

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

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

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