深入挖掘：註冊登錄可能沒你想的那麼簡單

之前看了很多人在聊產品的用戶註冊登錄模塊，要麼講解的太粗糙，要麼不全面，最近閑來無事，系統性的研究下新產品的註冊登錄設計。

文中以下的內容講解主要為新產品的註冊登錄，並且側重於PC端的產品設計。

下面是用戶註冊的業務流程圖，註冊的方式分為手機號、郵箱號兩種方式註冊。

註冊的流程其實很簡單，用戶只需要填寫手機號或郵箱號、設置密碼並填寫驗證碼即可完成註冊任務，在此免去那些繁瑣的信息填寫項。

很多人試圖通過在註冊流程中採集用戶信息，殊不知大部分的用戶是沒有耐心一個個完善信息的，只會徒增註冊門檻，讓用戶望而卻步。

註冊信息填完完畢後，點擊註冊按鈕完成註冊。如果以上3個信息中有一項沒有填寫或填寫錯誤均不能完成註冊，系統會進行錯誤提示，這個時候用戶辛苦了半天，卻發現不能註冊，心中難免有些許惱火，甚至會造成潛在用戶的流失直接放棄了註冊。

所以我們是不是該思考下，用戶輸入的每一個信息盡量提前做出判斷，如果用戶輸入錯誤第一時間告知用戶，並告訴用戶錯在哪裡，並在產品設計細節上避免用戶犯錯。

我這裡的思路是當用戶輸入完一項信息後，輸入焦點切換至下一行時，此時系統對上一行的輸入信息作出判斷檢測，並反饋用戶錯誤結果。

對於註冊信息的填寫系統如何進行判斷？每一項信息判斷後，系統給出的反饋提示內容是什麼？

下面的通過思維導圖進行了詳細了說明：

手機號碼填寫錯誤的情況及相關提示語

密碼填寫錯誤的情況及相關提示語

密碼為空，提示：請設置密碼；密碼錯誤，提示：請輸入6~16位的字母或數字；簡訊驗證碼錯誤的情況及相關提示語；驗證碼為空，提示：請填寫驗證碼；驗證碼錯誤，提示：請輸入正確的驗證碼；驗證碼過期，提示：驗證碼已過期，請重新獲取。

圖片驗證碼錯誤的情況及相關提示語

驗證碼錯誤，提示：請輸入爭取的驗證碼；驗證碼過期，提示：驗證碼已過期，請刷新重新獲取。

補充說明：圖片碼和簡訊碼的有效期為5分鐘，簡訊碼的獲取間隔為1分鐘，圖片碼支持隨時刷新切換。簡訊碼每個賬號每天最多獲取5次，圖片碼不做限制（根據系統性能及相關費用預算靈活調整，使用第三方簡訊碼下發畢竟是收費的。）

設計思路總結

新產品的註冊流程應儘可能的簡單直接，去掉任何影響用戶註冊的干擾信息，防止用戶跳出流程，在這個頁面中只有一個任務，就是引導幫助用戶快速完成註冊。

所以界面中只需要讓用戶輸入賬號、密碼即可，密碼也無需重複確認輸入。當用戶每輸入結束一個信息時，如果出現問題，在第一時間告訴用戶錯誤結果，不提倡所有的信息判斷都通過註冊按鈕來觸發，這樣會挑戰用戶的耐心。

在登錄模塊的設計上，考慮到各種用戶場景環境，儘可能的提供多種登錄方式方便用戶隨時登錄。

PC端的登錄設計了賬號登錄、簡訊碼登錄、二維碼登錄和第三方登錄四種登錄方式；二維碼登錄需要配合手機端使用，實現多終端的互動。因此在手機端中是沒有二維碼登錄的，同樣登錄過程中用戶輸入的信息，系統都會在點擊登錄按鈕前做出判斷並反饋提示。

下圖為PC端的登錄流程圖：

下面我們在來仔細看下登錄界面中的產品信息，以及相應的信息規則。

賬號登錄方式相關錯誤信息的提示語

賬號為空，提示：請輸入賬號；賬號錯誤，提示：賬號不存在，請重新輸入；密碼為空，提示：請輸入密碼；密碼錯誤，提示：密碼與賬戶名不匹配，請檢查密碼。

簡訊碼登錄相關錯誤信息的提示語

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！