App登陸註冊功能，怎樣作到用戶體驗最佳？

用戶登陸系統，能夠細分爲三項功能模塊，分別是：登陸、註冊和密碼找回。本文做者將結合自身經歷，談談他在作這塊的時候一些想法，主要是涉及業務流程。

登陸和註冊功能，不管是PC端仍是移動端，大多數產品都會涉及到。而不一樣的產品邏輯和業務流程，會帶來不同的用戶體驗。過去作的大可能是後臺產品，面向的是內部用戶，所以在作登陸和註冊功能時，前臺界面相對簡單，主要是後臺的權限管理較爲複雜。而最近正在作一款App和一款PC端前臺產品，面向外部的普通用戶，所以在登陸與註冊的產品設計上，須要考慮更多的細節因素。下面把我作產品原型時的一些思考放在下面，供你們討論。

用戶登陸系統，能夠細分爲三項功能模塊，分別是：登陸、註冊和密碼找回。下面分別談談我在作這塊的時候一些想法，主要是涉及業務流程。

1、登陸功能

一、登陸方式：手機號/郵箱/用戶名+密碼

如今App常見的登陸帳號是手機號和郵箱，由於這兩類登陸方式便於記憶，且方便找回密碼。但有不少App產品，實際上是從其PC端產品衍生而來，它們共用同一套後臺系統，所以須要考慮到一部分過去在PC端註冊的老用戶。因此，雖然由字母和數字組成的用戶名，已是PC時代的登陸方式，可是在移動端上，也應當提供這樣的選擇。

以下圖1：

二、等待提示：提供「正在驗證」的提示，緩解用戶焦慮

通常來講，若是產品的後臺能作到快速響應，及時反饋用戶操做的結果，天然是最理想的狀態。但我以前在作其餘產品時，碰到過不少次後臺沒法及時響應前臺請求的狀況，這個時候，用戶可能會面臨一種無所適從的吃瓜狀態。

好比：用戶點擊登陸按鈕後，後臺響應不及時或是網絡中斷，這個時候，用戶行爲可能有兩種：重複提交或者直接退出。永遠不要挑戰用戶的耐心，我就是這樣，每次使用其餘產品時，若是提交以後頁面無反應，等待2秒以後我就沒有耐心了，對這個產品的印象也打了折扣。爲了預防這種狀況，建議增長等待提示如，「正在驗證，請耐心等待……」，或更加明確的指令「正在驗證，請不要重複提交」。以下圖2

三、錯誤提示：用戶名或密碼錯誤+可試錯次數

以前看過一篇文章，專門討論怎樣優化登陸功能的用戶體驗。文章裏提到，最佳的提示方式是清楚地告訴用戶究竟是用戶名錯了，仍是密碼錯了，從而引導用戶去修改。這種提示方式當然是將用戶體驗作的很好，但這其中卻隱藏了安全隱患：若是盜用帳號密碼，豈不是成功率更高了？

因此，我我的仍是傾向於提供一個模糊的提示：「用戶名或密碼錯誤」。同時，能夠加上一個試錯機會提示，好比「你還能夠嘗試xx次」，幫助用戶作到內心有數。固然，若是設置了登陸試錯機制，就須要補充相應的業務流程：當用戶試錯次數用完後，引導用戶「找回密碼」。以下圖3：

登陸環節一般涉及到的細節主要是以上這些內容，因此整個登陸的業務流程能夠概括爲：①用戶輸入帳號+密碼，點擊提交→②界面提示「正在驗證，請等待」→③界面提示信息錯誤→④用戶再度嘗試，或成功，或重複先前提示。

2、註冊功能

一、註冊方式：手機號 +密碼+驗證碼

App產品在作新用戶註冊的時候，通用方式是用「手機號+驗證碼」，好處顯而易見，快捷便利。我我的也是比較推崇這種註冊方式。可是， 還有不少用戶對用手機號註冊這種方式有所顧慮，擔憂本身的信息外泄。考慮到這部分用戶羣體的擔心，咱們能夠在註冊界面多提供一種用郵箱註冊的方式，但這種方式不做爲主要功能突顯，能夠放在手機註冊的下方。以下圖4：

二、成功提示：激勵用戶

當用戶提交信息後，通常最省事兒的作法就是直接跳轉到用戶的「我的中心」。這種方式當然沒有什麼錯，可是總以爲缺點什麼激勵性的東西。我以前在網上預訂了一本限購+預售的新書，真的要搶購才能買到，而後等了好多天終於收到書的時候，裏面有一個黑色的信封，信紙上寫着「你是本書的第XXX名讀者」，這樣用戶體驗作的還不錯，至少給我一種安慰和鼓勵的感受。

在作App註冊的時候也能夠這樣，當用戶註冊成功以後，能夠先不着急跳轉到我的中心，而是給用戶呈現一個激勵信息，好比「終於等到你！你是咱們第 888 名用戶」這樣的反饋信息，還能夠加上簡單的引導按鈕，讓用戶去完善信息，但必定不要給用戶施加壓力，要讓用戶有自由選擇的機會。以下圖5：

3、密碼找回

一、經過手機號重置密碼

在App上找回密碼，最快捷方便的方式是經過手機號來找回。這個功能分爲兩個步驟：第一步是填寫手機號，獲取驗證碼；第二步是在手機上重置密碼。固然，在重置密碼的時候，可讓用戶經過可見模式來設置，或者增長「確認新密碼」的字段來確保用戶修改正確。以下圖六、7：

二、經過郵箱找回密碼

除了用手機號找回密碼以外，針對部分沒有綁定手機號的用戶，還能夠提供用郵箱找回密碼的方式。這種方式須要後臺向用戶郵箱發送郵件，將新密碼告知用戶。如圖8：

上面這些內容只是包含了登陸、註冊和找回密碼這幾塊核心的功能，但其實在設計登陸管理系統時，還有諸如第三方登陸、引導用戶綁定手機等其餘需求。