當(dāng)前位置:首頁(yè) >  站長(zhǎng) >  網(wǎng)站運(yùn)營(yíng) >  正文

如何打造一流的用戶登錄體驗(yàn)-密碼框設(shè)計(jì)

 2014-01-23 21:02  來(lái)源: 盒子UI   我來(lái)投稿 撤稿糾錯(cuò)

  域名預(yù)訂/競(jìng)價(jià),好“米”不錯(cuò)過(guò)

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

利于登錄,不利于注冊(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),很難稱得上流暢宜用。

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

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

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

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

同樣,你還可以讓文本框在獲得焦點(diǎn)時(shí)顯示密碼,失去焦點(diǎn)時(shí)密碼自動(dòng)屏蔽,這樣也可以做到填寫方便和安全兩宜。這樣一來(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í)類似,就是提供一個(gè)復(fù)選框“顯示密碼”。這樣,當(dāng)用戶輸入他們的密碼時(shí),密碼不可見(jiàn),當(dāng)勾選時(shí)便可查看。這樣雖然麻煩,但也比沒(méi)有這個(gè)功能的好,因?yàn)樗梢宰層脩舾菀椎乜吹讲⑿迯?fù)他們拼寫錯(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ò),分曉自明。

申請(qǐng)創(chuàng)業(yè)報(bào)道,分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處,共同探討創(chuàng)業(yè)新機(jī)遇!

相關(guān)文章

熱門排行

信息推薦