起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標(biāo)識雙十一來了，淘寶的登錄頁有bug？我有解決方案！
關(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秒鐘，我跳到“掃碼登錄”功能后，再點擊登錄頁的右上角的電腦圖標(biāo)返回“密碼登錄”。（設(shè)計師蠻調(diào)皮的）
- 我們鼓勵“掃碼登錄”，因為它可以防止盜號，更安全。
- 給你制造點麻煩，讓你選擇我們認(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)載。
看到不符用戶（你自己）的產(chǎn)品操作細(xì)節(jié)，應(yīng)該先想一下為什么產(chǎn)品會這樣做，而不是將其定為bug
這不是bug,人家就是要和微信搶移動端的入口，就是要通過這種方式提高移動端的使用率。當(dāng)然，這是建立在阿里現(xiàn)有的有錢人不愁吃的基礎(chǔ)上的。
原來是隨便發(fā)文。。都沒有個審稿機(jī)制的嗎。。
跟“隨便發(fā)評論”不一樣，人人都是產(chǎn)品經(jīng)理有嚴(yán)格的審稿編輯。
心態(tài)要放平，不要緊張，畢竟你寫了一篇軟文
其實應(yīng)該思考一下，為什么淘寶會這樣做，個人認(rèn)為主要有兩方面原因。1，財大氣粗。如今淘寶這么大體量，用戶習(xí)慣早已養(yǎng)成了，用戶離開的可能性很低，因此淘寶敢這么做而不用擔(dān)心用戶流失，換其他產(chǎn)品還真不敢這么玩
2，鼓勵移動端使用習(xí)慣。碎片化的使用場景使得移動端的消費轉(zhuǎn)化率比PC高許多，假設(shè)如果改成和新浪那樣，那么10個用戶看到后可能只有5個用賬號密碼輸入，那如果是淘寶這樣的，可能這5個喜歡賬號輸入的因為沒意識到賬號輸入入口而選擇拿起手機(jī)掃描二維碼登錄，這樣長久以來，用戶移動端使用習(xí)慣逐漸養(yǎng)成
因此，這其實不是淘寶的BUG
有道理，多謝指教
微博就會這樣 其實挺不好的….
忍不住我要寫一下評論，你有考慮到1秒后 手還沒有從鼠標(biāo)挪到鍵盤的普通手速用戶嗎？
另外新浪那種是比較直觀，但是丑的一逼有沒有？相對比而言還是淘寶的最好。
樓主沒事看看支付寶的吧。
另外，你這個就叫YY，下次考慮用戶場景再來分析吧。
首先感謝您的回復(fù)。第一個問題，淘寶現(xiàn)有的登錄頁中最大的問題是，不對用戶是否輸入作區(qū)分，都強(qiáng)制跳轉(zhuǎn)，一方面會度反應(yīng)比較快已經(jīng)開始輸入的同學(xué)的動作被打斷，另外也不能使設(shè)計的作用最大化。當(dāng)然對于反射弧比較長的同學(xué)就不存在這個問題了。實際上，我們打開網(wǎng)頁準(zhǔn)備登錄的時候注意力比較集中，完全可以在1秒內(nèi)作出反應(yīng)。第二，可能每個人的設(shè)計理念不同，我認(rèn)為用戶使用的流暢度和簡便程度比界面的美丑炫酷更重要，當(dāng)然如果能在流暢和簡便的基礎(chǔ)上更美更炫酷就更好了。第三，支付寶的登錄頁是兩種登錄方式同時呈現(xiàn)的，我個人比較認(rèn)同這種方式。最后，限于能力和眼界，這篇文章說是YY，也是可以的。作為學(xué)習(xí)中新人，非常歡迎大家指教。