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

利于登錄，不利于注冊(cè)

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

但在注冊(cè)頁(yè)面，密碼屏蔽的壞處就比較多了。隱藏的密碼通常會(huì)導(dǎo)致用戶多次輸入失誤，因?yàn)樗麄儾恢垒斎氲拿艽a是否正確。但這在登錄或注冊(cè)時(shí)，不同的頁(yè)面會(huì)帶來(lái)不同的效果，登錄輸入錯(cuò)誤沒(méi)有注冊(cè)輸入錯(cuò)誤那么麻煩——如果在登錄時(shí)輸入錯(cuò)誤，大不了重新再試一下;但在注冊(cè)時(shí)錯(cuò)了，通常會(huì)被鎖定并需要重置密碼。用戶并不能全怪設(shè)計(jì)者，畢竟他們有他們的考慮。

注冊(cè)頁(yè)面省掉“確認(rèn)密碼”的設(shè)計(jì)如何?

對(duì)于用戶來(lái)說(shuō)，在注冊(cè)頁(yè)面內(nèi)再次確認(rèn)密碼多了一道重復(fù)工序，在重復(fù)輸入中，用戶需要重新輸入密碼，并檢查是否錯(cuò)誤。這個(gè)設(shè)計(jì)雖然不錯(cuò)，但他們也有一個(gè)缺點(diǎn)。因?yàn)檫@兩個(gè)都是看不到密碼的輸入框，用戶很容易出錯(cuò)，所以通常如果錯(cuò)一個(gè)，就得兩個(gè)框都得清除輸入然后重新來(lái)過(guò)，這種確認(rèn)的密碼方式帶來(lái)的體驗(yàn)很糟糕，而且還會(huì)迫使用戶進(jìn)行多次重復(fù)的勞動(dòng)來(lái)進(jìn)行修改確認(rèn)，很難稱(chēng)得上流暢宜用。

取消密碼屏蔽，減少打字錯(cuò)誤

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

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

“選中可見(jiàn)”的設(shè)計(jì)

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

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

還有一種方法是和電腦上輸入wifi密碼時(shí)類(lèi)似，就是提供一個(gè)復(fù)選框“顯示密碼”。這樣，當(dāng)用戶輸入他們的密碼時(shí)，密碼不可見(jiàn)，當(dāng)勾選時(shí)便可查看。這樣雖然麻煩，但也比沒(méi)有這個(gè)功能的好，因?yàn)樗梢宰層脩舾菀椎乜吹讲⑿迯?fù)他們拼寫(xiě)錯(cuò)誤。

平衡安全性和用戶體驗(yàn)

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

本文題目：「登錄框設(shè)計(jì)」如何打造一流的用戶登錄體驗(yàn)？
網(wǎng)站地址：http://jinyejixie.com/news47/173197.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制開(kāi)發(fā)、做網(wǎng)站、網(wǎng)站維護(hù)、定制網(wǎng)站、外貿(mào)建站、網(wǎng)站營(yíng)銷(xiāo)

廣告

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