UI大牛教你登錄注冊(cè)的常用解決辦法

對(duì)于我們很多人來(lái)說(shuō)，“登錄”是我們?nèi)粘Ｉ畹囊徊糠帧Ｊ聦?shí)上，我們可能登錄太多次了，甚至可以無(wú)意識(shí)地完成操作…直到問(wèn)題發(fā)生：我們忘記登錄密碼，用戶名，我們?cè)?jīng)用來(lái)注冊(cè)的郵箱，甚至忘了其實(shí)我們根本沒(méi)有注冊(cè)過(guò)。

通過(guò)對(duì)一個(gè)大型電商網(wǎng)站的詳細(xì)分析，我們發(fā)現(xiàn)：45%的用戶在系統(tǒng)中多重注冊(cè)；每天有16萬(wàn)人要求“找回密碼”，其中有75%的人一旦進(jìn)行找回密碼的操作，就沒(méi)有完成他們的購(gòu)買。

登錄是件大事情。大多數(shù)網(wǎng)站和APP已經(jīng)開(kāi)始探索新的設(shè)計(jì)方案來(lái)解決問(wèn)題。本文要說(shuō)的是怎么開(kāi)始，關(guān)注什么以獲得良好的用戶體驗(yàn)。

用戶名和登錄密碼的組合錯(cuò)誤，會(huì)導(dǎo)致用戶進(jìn)行多種組合的嘗試，最后用戶可能會(huì)登錄成功，也可能在多次失敗后失望退出?；\統(tǒng)的反饋（比如“你的郵箱或密碼不匹配”）不能為你的用戶提供有意義的反饋，也不能幫助他們解決問(wèn)題。對(duì)于那些不能成功登錄的用戶來(lái)說(shuō)，他們看那句反饋就是“你填的兩個(gè)信息有一個(gè)是錯(cuò)誤的，但是我不告訴你是哪一個(gè)～”，這會(huì)降低轉(zhuǎn)換率和參與度。

如果登錄是如此麻煩，用戶對(duì)于你的產(chǎn)品唯一記住的事情可能就是他花了多長(zhǎng)時(shí)間登錄你們產(chǎn)品。

你應(yīng)該幫助用戶高效地完成登錄任務(wù)。你所設(shè)計(jì)的反饋應(yīng)該解釋清楚哪一個(gè)不能正確匹配：密碼還是郵箱。

下面是個(gè)正面示例。在Mailchimp中，如果你輸入的用戶名不存在，他們甚至?xí)谀銍L試重新輸入密碼之前告訴你。檢測(cè)到問(wèn)題，并會(huì)提供鏈接幫助用戶解決問(wèn)題。

Quora網(wǎng)站的Q&A也采用了類似的方法。如果沒(méi)有賬戶與用戶所輸入的電子郵件地址相匹配，Quora的登錄表單就會(huì)提示你，同時(shí)提供給用戶立即創(chuàng)建新賬戶的選項(xiàng)。

Quora會(huì)告訴你如果沒(méi)有賬戶和你輸入的電子郵件地址匹配

但是，這種方案有一個(gè)較大的弊端：第三方可能會(huì)知道某個(gè)特定的電子郵件地址、人、姓名在網(wǎng)站或APP上注冊(cè)過(guò)了。這個(gè)時(shí)候，設(shè)計(jì)師就需要幫助用戶減輕疑慮，并且考慮使用環(huán)境。例如，不建議在網(wǎng)上銀行（安全原因）或者用戶比較擔(dān)心他們的會(huì)員身份（隱私原因）的服務(wù)中使用這種設(shè)計(jì)方案。

從可用性的角度來(lái)看，你幫助了用戶從無(wú)數(shù)用戶名中找到在你的產(chǎn)品中使用的那個(gè)，盡快完成了登錄。 是否要采用這種方案，最終取決于你。

用戶已經(jīng)習(xí)慣輸入舊密碼，他們可能會(huì)忘記已經(jīng)更改過(guò)密碼了。當(dāng)他們收到“密碼錯(cuò)誤”的提示時(shí)，他們往往會(huì)認(rèn)為自己只是打錯(cuò)了字母或數(shù)字。

在這種情況下，用戶需要的是提醒他們密碼已經(jīng)更改過(guò)。最好告訴用戶他們多久之前更改過(guò)密碼，而不是給出讓人誤解的提示信息。此類提示信息只有當(dāng)用戶輸入舊密碼的時(shí)候才出現(xiàn)。如果用戶是輸錯(cuò)密碼，系統(tǒng)應(yīng)該提示“密碼錯(cuò)誤”這樣的信息。

舉個(gè)例子，如果用戶更改了Google賬戶的密碼之后嘗試使用舊密碼登錄，Google會(huì)顯示一條特殊的信息：“您的密碼在X天前更改過(guò)”。

當(dāng)面對(duì)多個(gè)登錄選項(xiàng)時(shí)（例如，通過(guò)Facebook，Twitter或Google+登錄），用戶可能會(huì)忘記他們之前用來(lái)注冊(cè)的服務(wù)是哪一個(gè)，會(huì)猶豫該選擇哪個(gè)登錄方式或者干脆放棄登錄。更糟糕的是，如果用戶選擇了錯(cuò)誤的登錄服務(wù)提供商，而不是他們?cè)?jīng)注冊(cè)的服務(wù)，他們可能會(huì)再次注冊(cè)，從而創(chuàng)建了第二個(gè)賬戶。

雖然網(wǎng)站和APP會(huì)盡力去匹配來(lái)自不同服務(wù)提供商的賬戶，但是不能100%保證Twitter和Facebook賬戶是否屬于同一個(gè)人。所以，為了解決多賬號(hào)登錄問(wèn)題，你應(yīng)該保持用戶的登錄狀態(tài)直到他們主動(dòng)選擇登出。需要登錄的用戶越少，登錄問(wèn)題就越少。

另一個(gè)好的解決方案就是記住用戶。Quora在用戶重新登錄時(shí)，不需要用戶輸入密碼。用戶只需要點(diǎn)擊他的個(gè)人資料圖片或者用戶名，就可以登錄進(jìn)網(wǎng)站。

和人們有時(shí)候會(huì)忘了把錢包或鑰匙放在哪里一樣，用戶會(huì)忘記密碼。因此，登錄過(guò)程需要很好地處理這種情況。登錄表單中需要提供“忘記密碼”的入口讓用戶重置密碼。

• 不要僅在用戶點(diǎn)擊密碼輸入?yún)^(qū)域或者輸入了錯(cuò)誤的密碼之后才出現(xiàn)“忘記密碼”入口。
• 當(dāng)用戶已經(jīng)輸入電子郵件地址，然后使用“忘記密碼”功能，不要讓用戶在“忘記密碼”頁(yè)面重新輸入他們的電子郵件地址。
• 不要通過(guò)電子郵件發(fā)送當(dāng)前或者臨時(shí)密碼。

正確的做法是向用戶注冊(cè)的電子郵件地址發(fā)送重置密碼鏈接。此外，確保重置密碼的郵件盡快發(fā)送給用戶。（如果用戶不得不等很長(zhǎng)時(shí)間才能收到重置密碼鏈接，他們會(huì)感覺(jué)沮喪和不耐煩）

如果用戶不能訪問(wèn)他們注冊(cè)的郵箱，那么接下來(lái)能做的取決于你提供的服務(wù)類型：你可以前置一些安全問(wèn)題，以此作為登錄憑證?？偟膩?lái)說(shuō)，如果用戶忘記了密碼，讓“忘記密碼”的流程簡(jiǎn)單點(diǎn)。

為了防止暴力攻擊，用戶的賬戶通常會(huì)在多次登錄失敗后被暫時(shí)鎖定。這當(dāng)然是一個(gè)必要的安全措施，但是一定要在鎖定賬戶前告知用戶。

Mailchimp在用戶第3次登錄失敗后，會(huì)告知用他們的賬戶再有9次登錄失敗后會(huì)被鎖定30分鐘。

即使已經(jīng)是很常見(jiàn)的網(wǎng)頁(yè)和APP的登錄功能，也可以通過(guò)巧思和設(shè)計(jì)來(lái)進(jìn)行優(yōu)化。但是，不要把這些解決方案當(dāng)成救星，用來(lái)處理各種錯(cuò)誤情況。最好的解決方案是，設(shè)計(jì)你的用戶界面和交互方式來(lái)避免錯(cuò)誤的發(fā)生。
相關(guān)文章--《推送通知的幾個(gè)UI設(shè)計(jì)》