如何打造一流的用戶登錄體驗-密碼框設計

　　在注冊和登錄表單頁面中，密碼屏蔽早已司空見慣，它可以防止用戶密碼的外洩。雖然這項出於安全性考慮的設計實踐已經無從質疑，但是從另一角度去考慮的話，這種方式的交互設計卻是不友好的，畢竟用戶在登錄網頁時，希望毫無障礙的填寫內容並提交數據，但密碼屏蔽卻反其道而行之。

　　利於登錄，不利於注冊

　　登錄頁面的使用率比注冊頁面要高很多。畢竟如果想創建一個帳戶，用戶只需要注冊一次，但注冊完後，就會經常和登錄打交道了。這樣一來，用戶會經常在公共場合輸入密碼，比如想給朋友們展示下社交網站上的信息，或者想分享一些網站上的東東。因此，在公共場合用密碼屏蔽的方式實現隱藏密碼輸入的功能很有必要。

　　但在注冊頁面，密碼屏蔽的壞處就比較多了。隱藏的密碼通常會導致用戶多次輸入失誤，因為他們不知道輸入的密碼是否正確。但這在登錄或注冊時，不同的頁面會帶來不同的效果，登錄輸入錯誤沒有注冊輸入錯誤那麼麻煩——如果在登錄時輸入錯誤，大不了重新再試一下;但在注冊時錯了，通常會被鎖定並需要重置密碼。用戶並不能全怪設計者，畢竟他們有他們的考慮。

　　注冊頁面省掉“確認密碼”的設計如何?

　　對於用戶來說，在注冊頁面內再次確認密碼多了一道重復工序，在重復輸入中，用戶需要重新輸入密碼，並檢查是否錯誤。這個設計雖然不錯，但他們也有一個缺點。因為這兩個都是看不到密碼的輸入框，用戶很容易出錯，所以通常如果錯一個，就得兩個框都得清除輸入然後重新來過，這種確認的密碼方式帶來的體驗很糟糕，而且還會迫使用戶進行多次重復的勞動來進行修改確認，很難稱得上流暢宜用。

　　取消密碼屏蔽，減少打字錯誤

　　密碼屏蔽帶來的壞處比好處其實更多。它屏蔽的不僅只是密碼，還有用戶每次的輸入錯誤，從而導致他們很難發現並修正自己的失誤。密碼屏蔽在用戶注冊時也未必能帶來多大幫助，因為絕大多數情況下，注冊是個一錘子買賣，它一般是在私密的狀況下完成的，不會有旁窺者。我個人認為，以純文本的方式向用戶顯示一次他們的密碼並不會有多大的安全風險，即使是在公共場合，要想一次就能記住別人的密碼輸入也沒你想的那麼容易。

　　解決這種問題的最好辦法就是明碼輸入，這樣用戶就可以快速准確地填寫，從而減少拼寫時的錯誤從而快速修正筆誤，並且用戶也不必擔心安全問題。明碼輸入是即時快速的，因此我們也可以在用戶輸入時屏蔽幾個最先填寫的字符，只顯示剛填的字符，那麼要想在這種壯況下窺見所有密碼，是非常難的，除非就趴在用戶肩頭盯著。

　　“選中可見”的設計

　　同樣，你還可以讓文本框在獲得焦點時顯示密碼，失去焦點時密碼自動屏蔽，這樣也可以做到填寫方便和安全兩宜。這樣一來，用戶可以在密碼區被獲得焦點時才能看到輸入的內容，從而減少被其他人窺視的風險。

　　另外，還有個小技巧可以提高安全性，就是用小號、淺灰色的斜體顯示密碼。這樣一來，要看清楚每個字符需要離屏幕很近才行。因此，窺視密碼幾乎成了不可能完成的任務。還有一個方法就是只顯示密碼的最後一個字符而隱藏之前輸入的字符，每輸入一個確認一個。

　　還有一種方法是和電腦上輸入wifi密碼時類似，就是提供一個復選框“顯示密碼”。這樣，當用戶輸入他們的密碼時，密碼不可見，當勾選時便可查看。這樣雖然麻煩，但也比沒有這個功能的好，因為它可以讓用戶更容易地看到並修復他們拼寫錯誤。

　　平衡安全性和用戶體驗

　　約定俗成的設計在日常應用中通常不會有什麼問題，但當一個用戶體驗不友好、極其復雜化並容易導致用戶出錯的設計則需要我們重新斟酌。安全性應該和用戶體驗實現平衡。安全性考慮的過多，會降低網站的體驗。當你掌握了這種平衡，即便它不合乎某種“慣例”，卻能讓用戶更加順暢舒服地使用網站服務，孰對孰錯，分曉自明。