登錄和注冊功能，不論是PC端還(hái)是移動端，大(dà)多數産品都(dōu)會涉及到。而不同的産品邏輯和業務流程，會帶來(lái)不一樣的用戶體(tǐ)驗。過去(qù)做的大(dà)多是後台産品，面向的是内部用戶，因此在做登錄和注冊功能時，前台界面相(xiàng)對簡單，主要是後台的權限管理(lǐ)較爲複雜。而最近正在做一款App和一款PC端前台産品，面向外部的普通用戶，因此在登錄與注冊的産品設計(jì)上，需要考慮更多的細節因素。下面把我做産品原型時的一些思考放(fàng)在下面，供大(dà)家討(tǎo)論。

用戶登錄系統，可(kě)以細分(fēn)爲三項功能模塊，分(fēn)别是：登錄、注冊和密碼找回。下面分(fēn)别談談我在做這塊的時候一些想法，主要是涉及業務流程。

一、登錄功能

1、登錄方式：手機(jī)号/郵箱/用戶名+密碼

現在App常見(jiàn)的登錄賬号是手機(jī)号和郵箱，因爲這兩類登錄方式便于記憶，且方便找回密碼。但(dàn)有很多App産品，其實是從(cóng)其PC端産品衍生(shēng)而來(lái)，它們共用同一套後台系統，因此需要考慮到一部分(fēn)過去(qù)在PC端注冊的老用戶。所以，雖然由字母和數字組成的用戶名，已經是PC時代的登錄方式，但(dàn)是在移動端上，也應當提供這樣的選擇。

如(rú)下圖：

2、等待提示：提供“正在驗證”的提示，緩解用戶焦慮

一般來(lái)說(shuō)，如(rú)果産品的後台能做到快(kuài)速響應，及時反饋用戶操作(zuò)的結果，自(zì)然是最理(lǐ)想的狀态。但(dàn)我之前在做其他(tā)産品時，碰到過很多次後台無法及時響應前台請(qǐng)求的情況，這個時候，用戶可(kě)能會面臨一種無所适從(cóng)的吃(chī)瓜狀态。

比如(rú)：用戶點擊登錄按鈕後，後台響應不及時或是網絡中斷，這個時候，用戶行爲可(kě)能有兩種：重複提交或者直接退出。永遠(yuǎn)不要挑戰用戶的耐心，我就(jiù)是這樣，每次使用其他(tā)産品時，如(rú)果提交之後頁面無反應，等待 2 秒之後我就(jiù)沒有耐心了，對這個産品的印象也打了折扣。爲了預防這種情況，建議(yì)增加等待提示如(rú)，“正在驗證，請(qǐng)耐心等待……”，或更加明确的指令“正在驗證，請(qǐng)不要重複提交”。如(rú)下圖2

3、錯誤提示：用戶名或密碼錯誤+可(kě)試錯次數

之前看(kàn)過一篇文章(zhāng)，專門(mén)討(tǎo)論怎樣優化登錄功能的用戶體(tǐ)驗。文章(zhāng)裡(lǐ)提到，最佳的提示方式是清楚地告訴用戶到底是用戶名錯了，還(hái)是密碼錯了，從(cóng)而引導用戶去(qù)修改。這種提示方式固然是将用戶體(tǐ)驗做的很好，但(dàn)這其中卻隐藏了安全隐患：如(rú)果盜用賬号密碼，豈不是成功率更高了?

所以，我個人(rén)還(hái)是傾向于提供一個模糊的提示：“用戶名或密碼錯誤”。同時，可(kě)以加上一個試錯機(jī)會提示，比如(rú)“你(nǐ)還(hái)可(kě)以嘗試xx次”，幫助用戶做到心裡(lǐ)有數。當然，如(rú)果設置了登錄試錯機(jī)制，就(jiù)需要補充相(xiàng)應的業務流程：當用戶試錯次數用完後，引導用戶“找回密碼”。如(rú)下圖：

登錄環節通常涉及到的細節主要是以上這些内容，所以整個登錄的業務流程可(kě)以歸納爲：①用戶輸入賬号+密碼，點擊提交→②界面提示“正在驗證，請(qǐng)等待”→③界面提示信息錯誤→④用戶再度嘗試，或成功，或重複先前提示。

二、注冊功能

1、注冊方式：手機(jī)号 +密碼+驗證碼

App産品在做新用戶注冊的時候，通用方式是用“手機(jī)号+驗證碼”，好處顯而易見(jiàn)，快(kuài)捷便利。我個人(rén)也是比較推崇這種注冊方式。但(dàn)是， 還(hái)有很多用戶對用手機(jī)号注冊這種方式有所顧慮，擔心自(zì)己的信息外洩。考慮到這部分(fēn)用戶群體(tǐ)的擔憂，我們可(kě)以在注冊界面多提供一種用郵箱注冊的方式，但(dàn)這種方式不作(zuò)爲主要功能突顯，可(kě)以放(fàng)在手機(jī)注冊的下方。如(rú)下圖：

2、成功提示：激勵用戶

當用戶提交信息後，一般最省事(shì)兒的做法就(jiù)是直接跳(tiào)轉到用戶的“個人(rén)中心”。這種方式固然沒有什麽錯，但(dàn)是總覺得(de)缺點什麽激勵性的東西。我之前在網上預訂了一本限購(gòu)+預售的新書(shū)，真的要搶購(gòu)才能買到，然後等了好多天終于收到書(shū)的時候，裡(lǐ)面有一個黑(hēi)色的信封，信紙上寫着“你(nǐ)是本書(shū)的第XXX名讀(dú)者”，這樣用戶體(tǐ)驗做的還(hái)不錯，至少給我一種安慰和鼓勵的感覺。

在做App注冊的時候也可(kě)以這樣，當用戶注冊成功之後，可(kě)以先不着急跳(tiào)轉到個人(rén)中心，而是給用戶呈現一個激勵信息，比如(rú)“終于等到你(nǐ)!你(nǐ)是我們第 888 名用戶”這樣的反饋信息，還(hái)可(kě)以加上簡單的引導按鈕，讓用戶去(qù)完善信息，但(dàn)一定不要給用戶施加壓力，要讓用戶有自(zì)由選擇的機(jī)會。如(rú)下圖：

三、密碼找回

1、通過手機(jī)号重置密碼

在App上找回密碼，最快(kuài)捷方便的方式是通過手機(jī)号來(lái)找回。這個功能分(fēn)爲兩個步驟：第一步是填寫手機(jī)号，獲取驗證碼;第二步是在手機(jī)上重置密碼。當然，在重置密碼的時候，可(kě)以讓用戶通過可(kě)見(jiàn)模式來(lái)設置，或者增加“确認新密碼”的字段來(lái)确保用戶修改正确。如(rú)下圖：

2、通過郵箱找回密碼

除了用手機(jī)号找回密碼之外，針對部分(fēn)沒有綁定手機(jī)号的用戶，還(hái)可(kě)以提供用郵箱找回密碼的方式。這種方式需要後台向用戶郵箱發送郵件(jiàn)，将新密碼告知用戶。如(rú)圖：

上面這些内容隻是包含了登錄、注冊和找回密碼這幾塊核心的功能，但(dàn)其實在設計(jì)登錄管理(lǐ)系統時，還(hái)有諸如(rú)第三方登錄、引導用戶綁定手機(jī)等其他(tā)需求。

本文作(zuò)者：jokefuture