關于淘寶的登錄頁設計中的BUG，本文作者就用所學的用戶研究、交互設計以及產品經理相關的知識來分析一下，并提出了自己的解決方案。

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

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

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

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

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

2.用戶體驗：用戶無準備，輸入動作被打斷，用戶產生負面情緒（快感被阻斷，煩躁，憤怒……）

二. 淘寶的登錄頁的設計

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

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

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

三. 問題是？

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

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

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

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

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

四. 怎么辦呢？

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

方案一

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

方案二

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

方案三

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

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

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

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

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