有會員的網站，登錄框是必不可少的一部分，其實登錄框存在已久，對于用戶來說是必定每天接觸，對于設計師來說也是一個古老的控件，兩個框加個按鍵。一代宗師中的拳理「寧可一思進，莫在一思停」，同樣是也是我們做人做事的道理，思進方可有所為，一思一念間高下已分，體現在互聯網應用及服務應該就更為深刻了。

　　對于優(yōu)秀的登錄框題，主要從以下幾點說明：

　　1. 輸入效率問題，現階段大多數用戶登錄均要求用戶使用傳統(tǒng)的鍵盤進行輸入，這里就涉及一個問題–擊鍵效率或稱為輸入效率。有許多解決輸入效率的方法，如，

　　使用統(tǒng)一賬戶，許多互聯網服務允許使用OpenID，新浪、騰訊、Facebook、twitter…等等，像知乎允許使用新浪微博的賬號登錄，這樣就減少了用戶進行注冊或登錄時的輸入成本。

　　記住用戶名及密碼，這樣可避免用戶下次再進行輸入，但用戶清空cookie或安全級別要求高的互聯網服務就悲劇了。

　　在輸入過程中給予用戶幫助，例子：新浪微博使用郵箱做為登錄名(如圖1)，用戶在輸入@ 后，將會出現輸入建議，輸入建議里有常用郵箱的后綴以輔助輸入。

　　解決方案：使用OpenID，或使你的賬戶成為OpenID(對于國內巨頭這是句廢話)，允許用戶記住賬戶及密碼(默認項給勾上)，給予用戶輸入輔助，記住用戶輸入過的歷史記錄(可別記密碼)并在適當的觸發(fā)條件下顯示出來。ps.以上僅為部分，還需要區(qū)域Web端及移動端。

　　2. 輸入模式問題，在輸入用戶名時，用戶是否能夠明確自己處于中文模式或英文模式?輸入密碼時，能否明確Caps Lock處于哪種狀態(tài)?輸入模式到目前為至一直是個令人討厭的問題，或者你感覺不到，認為在輸入錯誤后僅僅需要按幾次退格就可以修正這個錯誤，假設用戶在期望輸入英文時恰好正處在中文輸入模式里，那用戶需要執(zhí)行的操作就多了，先刪除已輸入的錯誤字符，再執(zhí)行Crl+空格，或者用鼠標切換至英文模式。另，非可見密碼狀態(tài)下Caps Lock的開關影響到整個登錄操作的成敗。

　　解決方案：中英文輸入模式最終需要輸入法來進行解決，可惜現階段沒有哪款PC端輸入法考慮到輸入模式對用戶的影響并加以解決。登錄框內可采用類似圖2在密碼區(qū)域增加Caps Lock狀態(tài)提示，一般無需特別對用戶名輸入區(qū)域增加Caps Lock提示，因大部分用戶名對大小寫不敏感。另，可考慮優(yōu)雅的明文顯示密碼，如在「移動應用中注冊新用戶及用戶登錄的時候，密碼應不應該顯示為明文?」一文中所描述。

　　3. 圖片驗證問題，現常規(guī)的驗證碼也是讓我無限蛋痛的問題之一，為了判斷是否屬于正常登錄而非惡意的侵犯或騷擾，這對于真正的用戶來說，驗證碼沒有必要出現，所以僅在登錄時觸發(fā)某些條件再顯示驗證碼吧(像登錄錯誤次數等)。難以識別的的驗證碼對于用戶來說是沉重的壓力，像I和l的識別難度，還有支付寶原來的字母O和數字0的問題，無奈設置的驗證碼一次次將用戶阻擋在服務之外。

　　如實在無法繞過驗證碼這個環(huán)節(jié)，是否可以考慮為驗證碼增加一些實際意義，像reCAPTCHA: Stop Spam, Read Books 項目(已被google收購)，利用驗證碼技術來幫助典籍數字化的進行，這個計劃將由書本掃描下來無法準確的被光學文字辨識技術(OCR)識別的文字顯示在驗證碼問題中，讓用戶在回答驗證碼時用人腦加以識別(如圖3)，一舉兩得。

　　解決方案：主要是解決驗證碼的識別問題，像End the CAPTCHA Agony利用游戲的方式進行驗證�；蛳馭olveMedia(Engagement Advertising Technology)，在驗證碼內嵌入容易識別的廣告。國內已經有類似的公司做這樣的事情，相對于提供免費服務的網站來說，這樣做也無可厚非，如豆瓣可以嘗試在驗證碼環(huán)節(jié)加入自己的FM pro廣告，嘿嘿。

　　4. 反饋，這包括在用戶登錄過程中所需要的各種反饋，如：

　　輸入框選中