作為一名交互設(shè)計的初學(xué)者欢搜,筆者的一個學(xué)習(xí)方法就是閱讀各大設(shè)計論壇和網(wǎng)站的精品文章。就發(fā)現(xiàn)大部分寫給交互設(shè)計初學(xué)者的文章都是從“登錄注冊”寫起的抖剿。
之前有幸自己用node.js開發(fā)了一個小論壇朽寞,由于有一些交互設(shè)計的基礎(chǔ),所以自我感覺做了一個“近乎完美”的登錄注冊斩郎,還開源到了github脑融,地址https://github.com/dyhh/mqcommunity。
但是這個自我感覺非常良好的登錄注冊流程還是被小伙伴指出了很多不足之處缩宜,現(xiàn)在就把這個過程中的一些感想和收獲分享給大家肘迎。
一、合理的實現(xiàn)思路
所謂合理的實現(xiàn)思路即如何實現(xiàn)符合“用戶思維”的產(chǎn)品锻煌。
現(xiàn)在試想你是一個網(wǎng)站的新用戶妓布,為了實現(xiàn)某些操作你現(xiàn)在必須完成該網(wǎng)站的注冊。記住你的目的是要盡快完成注冊登錄網(wǎng)站宋梧,并不想在這個環(huán)節(jié)浪費1秒鐘匣沼。
所以大部分用戶為了盡快完成登錄注冊,都是會盡量按照你設(shè)定的輸入規(guī)則進行填寫的乃秀。作為用戶我需要一個盡量簡潔的注冊表單肛著,只需要填寫必填信息,并且明確的顯示各輸入框的規(guī)則跺讯,如密碼的長度在6-20位之間等枢贿。
雖然大部分用戶都會按照你的設(shè)定規(guī)則去填寫信息。但是對于用戶名已存在(注冊)或不存在(登錄)刀脏,手機號或郵箱已注冊這些校驗還是需要用戶在輸入完成后完成校驗局荚。最好的體驗即用戶在完成某一個輸入框的輸入后立即校驗并給出結(jié)果反饋,如果做不到可以在用戶點擊“注冊”或“登錄”按鈕后給出提示愈污,當(dāng)然這個時候要保留用戶填寫的信息耀态,以方便他做出修改。
如某用戶在注冊時填入的用戶名被提示已經(jīng)存在暂雹,正確的做法應(yīng)該是保留用戶的輸入并在輸入框的附近給出提示首装,如果在提示的同時清除了輸入框的內(nèi)容,很可能還需要增加用戶的思考時間杭跪,去想一下剛才輸入了什么而被提示已存在仙逻。
完成了上述兩個步驟基本可保證大部分用戶正常完成登錄注冊了。現(xiàn)在還需要一些完善的步驟:
(1)考慮到還是有部分用戶因為粗心著急或不仔細閱讀輸入規(guī)則而輸入錯誤涧尿。這時候即時的輸入校驗是非常有必要的系奉。
(2)筆者個人建議,檢驗兩次輸入密碼是否一致姑廉,或者提供對輸入密碼的可見性缺亮。
(3)登錄頁提供忘記密碼的鏈接,注冊頁如果檢驗用戶名或手機已經(jīng)注冊后桥言,可以在提示信息中給出“直接登錄”的鏈接萌踱。
二、安全性設(shè)計
安全性設(shè)計即出于對整個網(wǎng)站的安全性考慮限书。如為了防止惡意攻擊或者防止通過腳本多次發(fā)起登錄注冊請求可能導(dǎo)致整個網(wǎng)站癱瘓虫蝶。注冊過程一定要添加合適的驗證碼設(shè)計。登錄過程可以設(shè)計登錄失敗超過3次后必須輸入驗證碼等倦西;
除此之外能真,開發(fā)人員還可以采取其他的方式保證數(shù)據(jù)的安全,如采取https協(xié)議等扰柠。
第一次在寫文章粉铐,如果大家有什么意見或建議歡迎批評指正哦^_^