登錄和注冊(cè)功能，不論是PC端還是移動(dòng)端，大多數(shù)產(chǎn)品都會(huì)涉及到。而不同的產(chǎn)品邏輯和業(yè)務(wù)流程，會(huì)帶來不一樣的用戶體驗(yàn)。過去做的大多是后臺(tái)產(chǎn)品，面向的是內(nèi)部用戶，因此在做登錄和注冊(cè)功能時(shí)，前臺(tái)界面相對(duì)簡(jiǎn)單，主要是后臺(tái)的權(quán)限管理較為復(fù)雜。而最近正在做一款A(yù)pp和一款PC端前臺(tái)產(chǎn)品，面向外部的普通用戶，因此在登錄與注冊(cè)的產(chǎn)品設(shè)計(jì)上，需要考慮更多的細(xì)節(jié)因素。下面把我做產(chǎn)品原型時(shí)的一些思考放在下面，供大家討論。

用戶登錄系統(tǒng)，可以細(xì)分為三項(xiàng)功能模塊，分別是：登錄、注冊(cè)和密碼找回。下面分別談?wù)勎以谧鲞@塊的時(shí)候一些想法，主要是涉及業(yè)務(wù)流程。

一、登錄功能

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

現(xiàn)在App常見的登錄賬號(hào)是手機(jī)號(hào)和郵箱，因?yàn)檫@兩類登錄方式便于記憶，且方便找回密碼。但有很多App產(chǎn)品，其實(shí)是從其PC端產(chǎn)品衍生而來，它們共用同一套后臺(tái)系統(tǒng)，因此需要考慮到一部分過去在PC端注冊(cè)的老用戶。所以，雖然由字母和數(shù)字組成的用戶名，已經(jīng)是PC時(shí)代的登錄方式，但是在移動(dòng)端上，也應(yīng)當(dāng)提供這樣的選擇。

如下圖：

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

一般來說，如果產(chǎn)品的后臺(tái)能做到快速響應(yīng)，及時(shí)反饋用戶操作的結(jié)果，自然是最理想的狀態(tài)。但我之前在做其他產(chǎn)品時(shí)，碰到過很多次后臺(tái)無法及時(shí)響應(yīng)前臺(tái)請(qǐng)求的情況，這個(gè)時(shí)候，用戶可能會(huì)面臨一種無所適從的吃瓜狀態(tài)。

比如：用戶點(diǎn)擊登錄按鈕后，后臺(tái)響應(yīng)不及時(shí)或是網(wǎng)絡(luò)中斷，這個(gè)時(shí)候，用戶行為可能有兩種：重復(fù)提交或者直接退出。永遠(yuǎn)不要挑戰(zhàn)用戶的耐心，我就是這樣，每次使用其他產(chǎn)品時(shí)，如果提交之后頁面無反應(yīng)，等待 2 秒之后我就沒有耐心了，對(duì)這個(gè)產(chǎn)品的印象也打了折扣。為了預(yù)防這種情況，建議增加等待提示如，“正在驗(yàn)證，請(qǐng)耐心等待……”，或更加明確的指令“正在驗(yàn)證，請(qǐng)不要重復(fù)提交”。如下圖2

3、錯(cuò)誤提示：用戶名或密碼錯(cuò)誤+可試錯(cuò)次數(shù)

之前看過一篇文章，專門討論怎樣優(yōu)化登錄功能的用戶體驗(yàn)。文章里提到，最佳的提示方式是清楚地告訴用戶到底是用戶名錯(cuò)了，還是密碼錯(cuò)了，從而引導(dǎo)用戶去修改。這種提示方式固然是將用戶體驗(yàn)做的很好，但這其中卻隱藏了安全隱患：如果盜用賬號(hào)密碼，豈不是成功率更高了?

所以，我個(gè)人還是傾向于提供一個(gè)模糊的提示：“用戶名或密碼錯(cuò)誤”。同時(shí)，可以加上一個(gè)試錯(cuò)機(jī)會(huì)提示，比如“你還可以嘗試xx次”，幫助用戶做到心里有數(shù)。當(dāng)然，如果設(shè)置了登錄試錯(cuò)機(jī)制，就需要補(bǔ)充相應(yīng)的業(yè)務(wù)流程：當(dāng)用戶試錯(cuò)次數(shù)用完后，引導(dǎo)用戶“找回密碼”。如下圖：

登錄環(huán)節(jié)通常涉及到的細(xì)節(jié)主要是以上這些內(nèi)容，所以整個(gè)登錄的業(yè)務(wù)流程可以歸納為：①用戶輸入賬號(hào)+密碼，點(diǎn)擊提交→②界面提示“正在驗(yàn)證，請(qǐng)等待”→③界面提示信息錯(cuò)誤→④用戶再度嘗試，或成功，或重復(fù)先前提示。

二、注冊(cè)功能

1、注冊(cè)方式：手機(jī)號(hào) +密碼+驗(yàn)證碼

App產(chǎn)品在做新用戶注冊(cè)的時(shí)候，通用方式是用“手機(jī)號(hào)+驗(yàn)證碼”，好處顯而易見，快捷便利。我個(gè)人也是比較推崇這種注冊(cè)方式。但是， 還有很多用戶對(duì)用手機(jī)號(hào)注冊(cè)這種方式有所顧慮，擔(dān)心自己的信息外泄。考慮到這部分用戶群體的擔(dān)憂，我們可以在注冊(cè)界面多提供一種用郵箱注冊(cè)的方式，但這種方式不作為主要功能突顯，可以放在手機(jī)注冊(cè)的下方。如下圖：

2、成功提示：激勵(lì)用戶

當(dāng)用戶提交信息后，一般最省事兒的做法就是直接跳轉(zhuǎn)到用戶的“個(gè)人中心”。這種方式固然沒有什么錯(cuò)，但是總覺得缺點(diǎn)什么激勵(lì)性的東西。我之前在網(wǎng)上預(yù)訂了一本限購+預(yù)售的新書，真的要搶購才能買到，然后等了好多天終于收到書的時(shí)候，里面有一個(gè)黑色的信封，信紙上寫著“你是本書的第XXX名讀者”，這樣用戶體驗(yàn)做的還不錯(cuò)，至少給我一種安慰和鼓勵(lì)的感覺。

在做App注冊(cè)的時(shí)候也可以這樣，當(dāng)用戶注冊(cè)成功之后，可以先不著急跳轉(zhuǎn)到個(gè)人中心，而是給用戶呈現(xiàn)一個(gè)激勵(lì)信息，比如“終于等到你!你是我們第 888 名用戶”這樣的反饋信息，還可以加上簡(jiǎn)單的引導(dǎo)按鈕，讓用戶去完善信息，但一定不要給用戶施加壓力，要讓用戶有自由選擇的機(jī)會(huì)。如下圖：

三、密碼找回

1、通過手機(jī)號(hào)重置密碼

在App上找回密碼，最快捷方便的方式是通過手機(jī)號(hào)來找回。這個(gè)功能分為兩個(gè)步驟：第一步是填寫手機(jī)號(hào)，獲取驗(yàn)證碼;第二步是在手機(jī)上重置密碼。當(dāng)然，在重置密碼的時(shí)候，可以讓用戶通過可見模式來設(shè)置，或者增加“確認(rèn)新密碼”的字段來確保用戶修改正確。如下圖：

2、通過郵箱找回密碼

除了用手機(jī)號(hào)找回密碼之外，針對(duì)部分沒有綁定手機(jī)號(hào)的用戶，還可以提供用郵箱找回密碼的方式。這種方式需要后臺(tái)向用戶郵箱發(fā)送郵件，將新密碼告知用戶。如圖：

上面這些內(nèi)容只是包含了登錄、注冊(cè)和找回密碼這幾塊核心的功能，但其實(shí)在設(shè)計(jì)登錄管理系統(tǒng)時(shí)，還有諸如第三方登錄、引導(dǎo)用戶綁定手機(jī)等其他需求。

本文作者：jokefuture