您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 交互設(shè)計(jì) >> 瀏覽設(shè)計(jì)教程

驗(yàn)證碼很有反人類罪的潛力,設(shè)計(jì)者應(yīng)如何變革驗(yàn)證碼呢

 

驗(yàn)證碼和馬賽克一樣,都是阻礙人類走向文明的絆腳石,“數(shù)字+字母”組合且不給出是否區(qū)分大小寫(xiě)提示的驗(yàn)證碼很有反人類罪的潛力!識(shí)別扭曲的驗(yàn)證碼并不是辨別人類的唯一方式,那么設(shè)計(jì)者們應(yīng)該如何變革驗(yàn)證碼呢?在可能即將到來(lái)的移動(dòng)設(shè)備驗(yàn)證碼又是應(yīng)當(dāng)如何設(shè)計(jì)呢?

  什么是驗(yàn)證碼?

  在普通用戶眼中驗(yàn)證碼絕對(duì)是一個(gè)討人厭的東西,對(duì)近視用戶更是如此,我們完全不知道為何我們總是要一遍遍地輸入那些難以辨識(shí)的圖形和字母。然而當(dāng)我們用心思考后會(huì)發(fā)現(xiàn)這復(fù)雜的驗(yàn)證碼不失為人類最偉大的發(fā)明之一。

  如果給驗(yàn)證碼做一個(gè)簡(jiǎn)單的定義那就是:驗(yàn)證碼是電腦用來(lái)識(shí)別操作者是否是人類的工具。驗(yàn)證碼通常會(huì)使用一些線條和大小不規(guī)則的字符組成,這上面的問(wèn)題或文字也只能由人類才能解答,這樣的好處就是使用驗(yàn)證碼的網(wǎng)站可以有效地防止垃圾用戶利用機(jī)器反復(fù)的發(fā)帖或注冊(cè),避免惡意破解密碼、刷票、論壇灌水等現(xiàn)象的發(fā)生。

  “不人性”的驗(yàn)證碼

  我們?cè)谑褂没ヂ?lián)網(wǎng)時(shí)或多或少都會(huì)遇到需要輸入驗(yàn)證碼的情況,我們也漸漸習(xí)慣了去輸入那些難以辨識(shí)的文字,但不可否認(rèn)的是輸入驗(yàn)證碼的過(guò)程的確十分痛苦。希望能改正這一現(xiàn)象的用戶呼聲也是一直存在的。

  目前在移動(dòng)設(shè)備中輸入驗(yàn)證碼的情況并不多見(jiàn),但隨著網(wǎng)絡(luò)安全意識(shí)的加強(qiáng)和移動(dòng)互聯(lián)網(wǎng)的發(fā)展,驗(yàn)證碼在移動(dòng)端的出現(xiàn)不可避免,這時(shí)驗(yàn)證碼辨認(rèn)難度高和輸入準(zhǔn)確率低的缺點(diǎn)會(huì)直接暴露在用戶面前,那么我們到底能否用一種更簡(jiǎn)單高效的方式來(lái)替代傳統(tǒng)的驗(yàn)證碼呢?答案是有的。

  點(diǎn)擊而非輸入

  在注冊(cè)論壇輸入驗(yàn)證碼時(shí)我們必須先從視覺(jué)上分辨出驗(yàn)證碼框中顯示的文字,然后通過(guò)鍵盤(pán)輸入到提交框中。如果我們輸入的驗(yàn)證碼是有誤的,我們就很有可能面臨重新輸入密碼并確認(rèn)密碼,然后繼續(xù)辨認(rèn)驗(yàn)證碼的痛苦過(guò)程,這絕不是好的用戶體驗(yàn)。而近日百度貼吧中去掉了驗(yàn)證碼輸入框,取而代之的是選擇框,這是個(gè)令人驚嘆的設(shè)計(jì)!

  用鼠標(biāo)點(diǎn)選的感受絕對(duì)比從鍵盤(pán)輸入要舒適的多,同時(shí)也免去了切換輸入法和找鍵位的麻煩。在我們點(diǎn)擊完成四個(gè)字符后,如果輸入正確,系統(tǒng)關(guān)閉彈窗并告訴輸入成功,如果輸入有誤則會(huì)繼續(xù)保留彈窗。這樣的設(shè)計(jì)無(wú)論是在理性還是感性方面都會(huì)給用戶一個(gè)簡(jiǎn)單方便的感覺(jué),如果多巴胺獎(jiǎng)勵(lì)機(jī)制生效,用戶或許會(huì)真的愛(ài)上驗(yàn)證碼。

  汽車而非快馬

  在馬是主要交通工具的時(shí)代人們想要的只是更快的馬而已,但直到你把汽車開(kāi)到他們面前,他們才會(huì)明白什么才是他們真正想要的(更多可參見(jiàn)產(chǎn)品需求背后的用戶動(dòng)機(jī))。在傳統(tǒng)驗(yàn)證碼的發(fā)展過(guò)程中我們發(fā)現(xiàn)了不少“快馬”。

  1.Gif動(dòng)畫(huà)驗(yàn)證碼

  這種驗(yàn)證碼通常都比較直觀和簡(jiǎn)單,沒(méi)有太多辨識(shí)方面的困難。其主要特點(diǎn)是驗(yàn)證碼是一個(gè)循環(huán)的 Gif動(dòng)畫(huà),顯示靜態(tài)驗(yàn)證碼的時(shí)間只有一到兩秒,這種動(dòng)畫(huà)驗(yàn)證碼可以有效的防止機(jī)器識(shí)別出驗(yàn)證碼內(nèi)容,也加強(qiáng)了安全性。

  2.廣告驗(yàn)證碼

  這種驗(yàn)證碼通常都是一個(gè)廣告圖片,由于廣告是隨機(jī)出現(xiàn)的,并且該驗(yàn)證碼在執(zhí)行校驗(yàn)的本職工作時(shí)也能增加網(wǎng)站的收入,所以這種驗(yàn)證碼的使用也比較普遍。在降低識(shí)別難度方面,很多網(wǎng)站也有著自己的思考,比如驗(yàn)證碼問(wèn)題的答案是網(wǎng)站的名稱,或者用了數(shù)學(xué)公式驗(yàn)證碼,但這些進(jìn)化的驗(yàn)證碼都沒(méi)有擺脫輸入的弊端,可以這么說(shuō)非輸入才是未來(lái)驗(yàn)證碼發(fā)展的方向。

  簡(jiǎn)單而非繁瑣

  前段時(shí)間美聯(lián)社twitter賬號(hào)被盜,黑客通過(guò) Twitter 發(fā)布了白宮爆炸總統(tǒng)受傷的虛假新聞。這則消息一出,網(wǎng)上出現(xiàn)了呼吁 Twitter 和微博增加雙重驗(yàn)證的呼聲,而雙重驗(yàn)證的主要途徑就是驗(yàn)證碼。我們可以預(yù)見(jiàn)驗(yàn)證碼會(huì)慢慢出現(xiàn)在我們的移動(dòng)設(shè)備中,驗(yàn)證碼也會(huì)變得更加易于輸入。 那么移動(dòng)設(shè)備上驗(yàn)證碼會(huì)如何變革呢?

  1.點(diǎn)選

  同上文所說(shuō)的一樣,手機(jī)鍵盤(pán)本身就是九宮格領(lǐng)地,我們可以像輸入手機(jī)密碼那樣輸入驗(yàn)證碼,這不是一件很神奇的事情嗎?我們或許根本就不需要“點(diǎn)擊輸入框→調(diào)出鍵盤(pán)→輸入”這種繁瑣的流程,點(diǎn)幾下屏幕就搞定的事情,為何要那么復(fù)雜?

  2.手寫(xiě)

  手寫(xiě)在移動(dòng)端上再容易不過(guò)了,觸屏的一大特性就是手寫(xiě)。當(dāng)我們?cè)谟龅?ldquo;1+1=?”的驗(yàn)證碼時(shí),我們只需要在屏幕上用大拇指畫(huà)一個(gè)不太標(biāo)準(zhǔn)的 2 就能搞定,何樂(lè)而不為呢?目前系統(tǒng)對(duì)于漢字手寫(xiě)的識(shí)別率并不完美,但是對(duì)于阿拉伯?dāng)?shù)字的識(shí)別堪稱完美,如果有興趣的話可以下載手寫(xiě)計(jì)算器來(lái)體驗(yàn)。

  3.描繪

  從小我們就會(huì)描繪圖形,試想我們?nèi)绻挥酶甘井?huà)一個(gè)圖形就完成了輸入驗(yàn)證碼的動(dòng)作,這是不是會(huì)很棒。系統(tǒng)可以用簡(jiǎn)單的幾何圖形來(lái)替代傳統(tǒng)驗(yàn)證碼,通過(guò)動(dòng)態(tài)的箭頭指示讓用戶知道筆畫(huà)的順序,用戶只需要在觸摸屏上面跟著畫(huà)就 OK 了。

  上述的三種方法都可以讓用戶能清楚的知道驗(yàn)證碼表示的信息,并且降低了輸入負(fù)擔(dān),在這個(gè)觸屏即將統(tǒng)治電腦端的時(shí)代,這種真正利用觸屏特性的輸入方式確實(shí)能給我們帶來(lái)更簡(jiǎn)便的操作體驗(yàn),同時(shí)在非觸屏的設(shè)備中我們也可以用鼠標(biāo)手勢(shì)來(lái)達(dá)到上述的操作,這的確讓人驚喜。

  結(jié)語(yǔ)

  雙重驗(yàn)證的關(guān)鍵就是保護(hù)密碼,該措施可以防止黑客僅僅通過(guò)網(wǎng)絡(luò)就破解用戶賬號(hào),這對(duì)于大型的 Web公司來(lái)說(shuō)是一個(gè)必要的需求,這對(duì)于微博這種支持很多第三方網(wǎng)站登錄的網(wǎng)絡(luò)賬號(hào)尤為明顯?;蛟S在不遠(yuǎn)的將來(lái)我們注冊(cè)和登錄微博賬號(hào)時(shí)也會(huì)出現(xiàn)驗(yàn)證碼,但請(qǐng)放心,它一定會(huì)以一個(gè)簡(jiǎn)單而且優(yōu)雅的方式出現(xiàn)在你的面前,因?yàn)樽兏镆呀?jīng)開(kāi)始!

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/id1529.html
交互設(shè)計(jì)師,你要懂視覺(jué)!
盤(pán)點(diǎn)那些讓用戶玩起來(lái)的交互方式
圖趣網(wǎng)微信
建議反饋
×