当前位置:编程学习 > html/css >>

验证码还可以这样变革 案例分享形形色色网站验证码

  [核心提示] 识别扭曲的验证码并不是辨别人类的唯一方式,那么设计者们应该如何变革验证码呢?在可能即将到来的移动设备验证码又是应当如何设计呢?

  什么是验证码?

  在普通用户眼中验证码绝对是一个讨人厌的东西,对近视用户更是如此,我们完全不知道为何我们总是要一遍遍地输入那些难以辨识的图形和字母。然而当我们用心思考后会发现这复杂的验证码不失为人类最伟大的发明之一。

  如果给验证码做一个简单的定义那就是:验证码是电脑用来识别操作者是否是人类的工具。验证码通常会使用一些线条和大小不规则的字符组成,这上面的问题或文字也只能由人类才能解答,这样的好处就是使用验证码的网站可以有效地防止垃圾用户利用机器反复的发帖或注册,避免恶意破解密码、刷票、论坛灌水等现象的发生。

  “不人性”的验证码

  我们在使用互联网时或多或少都会遇到需要输入验证码的情况,我们也渐渐习惯了去输入那些难以辨识的文字,但不可否认的是输入验证码的过程的确十分痛苦。希望能改正这一现象的用户呼声也是一直存在的。

  

\

 

  目前在移动设备中输入验证码的情况并不多见,但随着网络安全意识的加强和移动互联网的发展,验证码在移动端的出现不可避免,这时验证码辨认难度高和输入准确率低的缺点会直接暴露在用户面前,那么我们到底能否用一种更简单高效的方式来替代传统的验证码呢?答案是有的。

  点击而非输入

  在注册论坛输入验证码时我们必须先从视觉上分辨出验证码框中显示的文字,然后通过键盘输入到提交框中。如果我们输入的验证码是有误的,我们就很有可能面临重新输入密码并确认密码,然后继续辨认验证码的痛苦过程,这绝不是好的用户体验。而近日百度贴吧中去掉了验证码输入框,取而代之的是选择框,这是个令人惊叹的设计!

  

\

 

  用鼠标点选的感受绝对比从键盘输入要舒适的多,同时也免去了切换输入法和找键位的麻烦。在我们点击完成四个字符后,如果输入正确,系统关闭弹窗并告诉输入成功,如果输入有误则会继续保留弹窗。这样的设计无论是在理性还是感性方面都会给用户一个简单方便的感觉,如果多巴胺奖励机制生效,用户或许会真的爱上验证码。

  汽车而非快马

  在马是主要交通工具的时代人们想要的只是更快的马而已,但直到你把汽车开到他们面前,他们才会明白什么才是他们真正想要的(更多可参见产品需求背后的用户动机)。在传统验证码的发展过程中我们发现了不少“快马”。

  1.Gif动画验证码

  

\

 

  这种验证码通常都比较直观和简单,没有太多辨识方面的困难。其主要特点是验证码是一个循环的 Gif动画,显示静态验证码的时间只有一到两秒,这种动画验证码可以有效的防止机器识别出验证码内容,也加强了安全性。

  2.广告验证码

  

\

 

  这种验证码通常都是一个广告图片,由于广告是随机出现的,并且该验证码在执行校验的本职工作时也能增加网站的收入,所以这种验证码的使用也比较普遍。在降低识别难度方面,很多网站也有着自己的思考,比如验证码问题的答案是网站的名称,或者用了数学公式验证码,但这些进化的验证码都没有摆脱输入的弊端,可以这么说非输入才是未来验证码发展的方向。

  简单而非繁琐

  前段时间美联社twitter账号被盗,黑客通过 Twitter 发布了白宫爆炸总统受伤的虚假新闻。这则消息一出,网上出现了呼吁 Twitter 和微博增加双重验证的呼声,而双重验证的主要途径就是验证码。我们可以预见验证码会慢慢出现在我们的移动设备中,验证码也会变得更加易于输入。 那么移动设备上验证码会如何变革呢?

  1.点选

  

\

 

  同上文所说的一样,手机键盘本身就是九宫格领地,我们可以像输入手机密码那样输入验证码,这不是一件很神奇的事情吗?我们或许根本就不需要“点击输入框→调出键盘→输入”这种繁琐的流程,点几下屏幕就搞定的事情,为何要那么复杂?

  2.手写

  

\

 

  手写在移动端上再容易不过了,触屏的一大特性就是手写。当我们在遇到“1+1=?”的验证码时,我们只需要在屏幕上用大拇指画一个不太标准的 2 就能搞定,何乐而不为呢?目前系统对于汉字手写的识别率并不完美,但是对于阿拉伯数字的识别堪称完美,如果有兴趣的话可以下载手写计算器来体验。

  3.描绘

  从小我们就会描绘图形,试想我们如果只用跟着指示画一个图形就完成了输入验证码的动作,这是不是会很棒。系统可以用简单的几何图形来替代传统验证码,通过动态的箭头指示让用户知道笔画的顺序,用户只需要在触摸屏上面跟着画就 OK 了。

  上述的三种方法都可以让用户能清楚的知道验证码表示的信息,并且降低了输入负担,在这个触屏即将统治电脑端的时代,这种真正利用触屏特性的输入方式确实能给我们带来更简便的操作体验,同时在非触屏的设备中我们也可以用鼠标手势来达到上述的操作,这的确让人惊喜。

  结语

  双重验证的关键就是保护密码,该措施可以防止黑客仅仅通过网络就破解用户账号,这对于大型的 Web公司来说是一个必要的需求,这对于微博这种支持很多第三方网站登录的网络账号尤为明显。或许在不远的将来我们注册和登录微博账号时也会出现验证码,但请放心,它一定会以一个简单而且优雅的方式出现在你的面前,因为变革已经开始!

补充:web前端 , HTML/CSS  ,
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,