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

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

 

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

  什么是驗證碼?

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

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

  “不人性”的驗證碼

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

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

  點擊而非輸入

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

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

  汽車而非快馬

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

  1.Gif動畫驗證碼

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

  2.廣告驗證碼

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

  簡單而非繁瑣

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

  1.點選

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

  2.手寫

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

  3.描繪

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

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

  結(jié)語

  雙重驗證的關(guān)鍵就是保護密碼,該措施可以防止黑客僅僅通過網(wǎng)絡(luò)就破解用戶賬號,這對于大型的 Web公司來說是一個必要的需求,這對于微博這種支持很多第三方網(wǎng)站登錄的網(wǎng)絡(luò)賬號尤為明顯。或許在不遠(yuǎn)的將來我們注冊和登錄微博賬號時也會出現(xiàn)驗證碼,但請放心,它一定會以一個簡單而且優(yōu)雅的方式出現(xiàn)在你的面前,因為變革已經(jīng)開始!

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