注：很多人認為注冊登錄是一件很簡單的事情，只需要你輸入信息，然后確認就可以了。卻不知道其實這個操作，并有你想的那么簡單。本文主要講解為新產品的注冊登錄，并且側重于PC端的產品設計。
之前看了很多人在聊產品的用戶注冊登錄模塊，要么講解的太粗糙，要么不全面，最近閑來無事，系統性的研究下新產品的注冊登錄設計。
文中以下的內容講解主要為新產品的注冊登錄，并且側重于PC端的產品設計。
下面是用戶注冊的業務流程圖，注冊的方式分為手機號、郵箱號兩種方式注冊。
注冊的流程其實很簡單，用戶只需要填寫手機號或郵箱號、設置密碼并填寫驗證碼即可完成注冊任務，在此免去那些繁瑣的信息填寫項。
很多人試圖通過在注冊流程中采集用戶信息，殊不知大部分的用戶是沒有耐心一個個完善信息的，只會徒增注冊門檻，讓用戶望而卻步。
注冊信息填完完畢后，點擊注冊按鈕完成注冊。如果以上 3 個信息中有一項沒有填寫或填寫錯誤均不能完成注冊，系統會進行錯誤提示，這個時候用戶辛苦了半天，卻發現不能注冊，心中難免有些許惱火，甚至會造成潛在用戶的流失直接放棄了注冊。
所以我們是不是該思考下，用戶輸入的每一個信息盡量提前做出判斷，如果用戶輸入錯誤第一時間告知用戶，并告訴用戶錯在哪里，并在產品設計細節上避免用戶犯錯。
我這里的思路是當用戶輸入完一項信息后，輸入焦點切換至下一行時，此時系統對上一行的輸入信息作出判斷檢測，并反饋用戶錯誤結果。
對于注冊信息的填寫系統如何進行判斷？每一項信息判斷后，系統給出的反饋提示內容是什么？
下面的通過思維導圖進行了詳細了說明：
手機號碼填寫錯誤的情況及相關提示語
號碼為空，提示：請輸入手機號；
號碼已被注冊，提示：賬號已被注冊；
號碼錯誤，提示：請輸入正確的手機號碼；
郵箱號填寫錯誤的情況及相關提示語；
賬號為空，提示：請輸入郵箱賬號；
賬號已被注冊，提示：賬號已被注冊；
郵箱號錯誤，提示：請輸入正確的郵箱賬號，如example@163.com。
QQ客服