作為一名交互設計的初學者，筆者的一個學習方法就是閱讀各大設計論壇和網站的精品文章。就發現大部分寫給交互設計初學者的文章都是從“登錄注冊”寫起的。

之前有幸自己用node.js開發了一個小論壇，由于有一些交互設計的基礎，所以自我感覺做了一個“近乎完美”的登錄注冊，還開源到了github，地址https://github.com/dyhh/mqcommunity。

但是這個自我感覺非常良好的登錄注冊流程還是被小伙伴指出了很多不足之處，現在就把這個過程中的一些感想和收獲分享給大家。

一、合理的實現思路

所謂合理的實現思路即如何實現符合“用戶思維”的產品。

現在試想你是一個網站的新用戶，為了實現某些操作你現在必須完成該網站的注冊。記住你的目的是要盡快完成注冊登錄網站，并不想在這個環節浪費1秒鐘。

所以大部分用戶為了盡快完成登錄注冊，都是會盡量按照你設定的輸入規則進行填寫的。作為用戶我需要一個盡量簡潔的注冊表單，只需要填寫必填信息，并且明確的顯示各輸入框的規則，如密碼的長度在6-20位之間等。

雖然大部分用戶都會按照你的設定規則去填寫信息。但是對于用戶名已存在（注冊）或不存在（登錄），手機號或郵箱已注冊這些校驗還是需要用戶在輸入完成后完成校驗。最好的體驗即用戶在完成某一個輸入框的輸入后立即校驗并給出結果反饋，如果做不到可以在用戶點擊“注冊”或“登錄”按鈕后給出提示，當然這個時候要保留用戶填寫的信息，以方便他做出修改。

如某用戶在注冊時填入的用戶名被提示已經存在，正確的做法應該是保留用戶的輸入并在輸入框的附近給出提示，如果在提示的同時清除了輸入框的內容，很可能還需要增加用戶的思考時間，去想一下剛才輸入了什么而被提示已存在。

完成了上述兩個步驟基本可保證大部分用戶正常完成登錄注冊了。現在還需要一些完善的步驟：

（1）考慮到還是有部分用戶因為粗心著急或不仔細閱讀輸入規則而輸入錯誤。這時候即時的輸入校驗是非常有必要的。

（2）筆者個人建議，檢驗兩次輸入密碼是否一致，或者提供對輸入密碼的可見性。

（3）登錄頁提供忘記密碼的鏈接，注冊頁如果檢驗用戶名或手機已經注冊后，可以在提示信息中給出“直接登錄”的鏈接。

二、安全性設計

安全性設計即出于對整個網站的安全性考慮。如為了防止惡意攻擊或者防止通過腳本多次發起登錄注冊請求可能導致整個網站癱瘓。注冊過程一定要添加合適的驗證碼設計。登錄過程可以設計登錄失敗超過3次后必須輸入驗證碼等；

除此之外，開發人員還可以采取其他的方式保證數據的安全，如采取https協議等。

第一次在寫文章，如果大家有什么意見或建議歡迎批評指正哦^_^