有會(huì)員的網(wǎng)站，登錄框是必不可少的一部分，其實(shí)登錄框存在已久，對(duì)于用戶來說是必定每天接觸，對(duì)于設(shè)計(jì)師來說也是一個(gè)古老的控件，兩個(gè)框加個(gè)按鍵。一代宗師中的拳理「寧可一思進(jìn)，莫在一思�！�，同樣是也是我們做人做事的道理，思進(jìn)方可有所為，一思一念間高下已分，體現(xiàn)在互聯(lián)網(wǎng)應(yīng)用及服務(wù)應(yīng)該就更為深刻了。

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

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

　　使用統(tǒng)一賬戶，許多互聯(lián)網(wǎng)服務(wù)允許使用OpenID，新浪、騰訊、Facebook、twitter…等等，像知乎允許使用新浪微博的賬號(hào)登錄，這樣就減少了用戶進(jìn)行注冊(cè)或登錄時(shí)的輸入成本。

　　記住用戶名及密碼，這樣可避免用戶下次再進(jìn)行輸入，但用戶清空cookie或安全級(jí)別要求高的互聯(lián)網(wǎng)服務(wù)就悲劇了。

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

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

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

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

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

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

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

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

　　輸入框選中