在注冊和登錄表單頁面中，密碼屏蔽早已司空見慣，它可以防止用戶密碼的外泄。雖然這項出于安全性考慮的設(shè)計實踐已經(jīng)無從質(zhì)疑，但是從另一角度去考慮的話，這種方式的交互設(shè)計卻是不友好的，畢竟用戶在登錄網(wǎng)頁時，希望毫無障礙的填寫內(nèi)容并提交數(shù)據(jù)，創(chuàng)新互聯(lián)發(fā)現(xiàn)但密碼屏蔽卻反其道而行之。

利于登錄，不利于注冊

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

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

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

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

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

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

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

“選中可見”的設(shè)計

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

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

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

平衡安全性和用戶體驗

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

本文標題：「登錄框設(shè)計」如何打造一流的用戶登錄體驗？
路徑分享：http://jinyejixie.com/news/173197.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供微信小程序、網(wǎng)站設(shè)計、域名注冊、外貿(mào)建站、網(wǎng)站改版、手機網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)