登錄和注冊(cè)功能,不論是PC端還是移動(dòng)端,大多數(shù)產(chǎn)品都會(huì)涉及到。而不同的產(chǎn)品邏輯和業(yè)務(wù)流程,會(huì)帶來(lái)不一樣的用戶體驗(yàn)。過(guò)去做的大多是后臺(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常見(jiàn)的登錄賬號(hào)是手機(jī)號(hào)和郵箱,因?yàn)檫@兩類登錄方式便于記憶,且方便找回密碼。但有很多App產(chǎn)品,其實(shí)是從其PC端產(chǎn)品衍生而來(lái),它們共用同一套后臺(tái)系統(tǒng),因此需要考慮到一部分過(guò)去在PC端注冊(cè)的老用戶。所以,雖然由字母和數(shù)字組成的用戶名,已經(jīng)是PC時(shí)代的登錄方式,但是在移動(dòng)端上,也應(yīng)當(dāng)提供這樣的選擇。
如下圖:
2、等待提示:提供“正在驗(yàn)證”的提示,緩解用戶焦慮
一般來(lái)說(shuō),如果產(chǎn)品的后臺(tái)能做到快速響應(yīng),及時(shí)反饋用戶操作的結(jié)果,自然是最理想的狀態(tài)。但我之前在做其他產(chǎn)品時(shí),碰到過(guò)很多次后臺(tái)無(wú)法及時(shí)響應(yīng)前臺(tái)請(qǐng)求的情況,這個(gè)時(shí)候,用戶可能會(huì)面臨一種無(wú)所適從的吃瓜狀態(tài)。
比如:用戶點(diǎn)擊登錄按鈕后,后臺(tái)響應(yīng)不及時(shí)或是網(wǎng)絡(luò)中斷,這個(gè)時(shí)候,用戶行為可能有兩種:重復(fù)提交或者直接退出。永遠(yuǎn)不要挑戰(zhàn)用戶的耐心,我就是這樣,每次使用其他產(chǎn)品時(shí),如果提交之后頁(yè)面無(wú)反應(yīng),等待 2 秒之后我就沒(méi)有耐心了,對(duì)這個(gè)產(chǎn)品的印象也打了折扣。為了預(yù)防這種情況,建議增加等待提示如,“正在驗(yàn)證,請(qǐng)耐心等待……”,或更加明確的指令“正在驗(yàn)證,請(qǐng)不要重復(fù)提交”。如下圖2
3、錯(cuò)誤提示:用戶名或密碼錯(cuò)誤+可試錯(cuò)次數(shù)
之前看過(guò)一篇文章,專門(mén)討論怎樣優(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)證碼”,好處顯而易見(jiàn),快捷便利。我個(gè)人也是比較推崇這種注冊(cè)方式。但是, 還有很多用戶對(duì)用手機(jī)號(hào)注冊(cè)這種方式有所顧慮,擔(dān)心自己的信息外泄??紤]到這部分用戶群體的擔(dān)憂,我們可以在注冊(cè)界面多提供一種用郵箱注冊(cè)的方式,但這種方式不作為主要功能突顯,可以放在手機(jī)注冊(cè)的下方。如下圖:
2、成功提示:激勵(lì)用戶
當(dāng)用戶提交信息后,一般最省事兒的做法就是直接跳轉(zhuǎn)到用戶的“個(gè)人中心”。這種方式固然沒(méi)有什么錯(cuò),但是總覺(jué)得缺點(diǎn)什么激勵(lì)性的東西。我之前在網(wǎng)上預(yù)訂了一本限購(gòu)+預(yù)售的新書(shū),真的要搶購(gòu)才能買到,然后等了好多天終于收到書(shū)的時(shí)候,里面有一個(gè)黑色的信封,信紙上寫(xiě)著“你是本書(shū)的第XXX名讀者”,這樣用戶體驗(yàn)做的還不錯(cuò),至少給我一種安慰和鼓勵(lì)的感覺(jué)。
在做App注冊(cè)的時(shí)候也可以這樣,當(dāng)用戶注冊(cè)成功之后,可以先不著急跳轉(zhuǎn)到個(gè)人中心,而是給用戶呈現(xiàn)一個(gè)激勵(lì)信息,比如“終于等到你!你是我們第 888 名用戶”這樣的反饋信息,還可以加上簡(jiǎn)單的引導(dǎo)按鈕,讓用戶去完善信息,但一定不要給用戶施加壓力,要讓用戶有自由選擇的機(jī)會(huì)。如下圖:
三、密碼找回
1、通過(guò)手機(jī)號(hào)重置密碼
在App上找回密碼,最快捷方便的方式是通過(guò)手機(jī)號(hào)來(lái)找回。這個(gè)功能分為兩個(gè)步驟:第一步是填寫(xiě)手機(jī)號(hào),獲取驗(yàn)證碼;第二步是在手機(jī)上重置密碼。當(dāng)然,在重置密碼的時(shí)候,可以讓用戶通過(guò)可見(jiàn)模式來(lái)設(shè)置,或者增加“確認(rèn)新密碼”的字段來(lái)確保用戶修改正確。如下圖:
2、通過(guò)郵箱找回密碼
除了用手機(jī)號(hào)找回密碼之外,針對(duì)部分沒(méi)有綁定手機(jī)號(hào)的用戶,還可以提供用郵箱找回密碼的方式。這種方式需要后臺(tái)向用戶郵箱發(fā)送郵件,將新密碼告知用戶。如圖:
上面這些內(nèi)容只是包含了登錄、注冊(cè)和找回密碼這幾塊核心的功能,但其實(shí)在設(shè)計(jì)登錄管理系統(tǒng)時(shí),還有諸如第三方登錄、引導(dǎo)用戶綁定手機(jī)等其他需求。
本文作者:jokefuture