验证码二三事

站在用户角度,我坚决反对验证码,但站在网站安全角度,目前又不可能取消它,所以目前所能做的就是减轻这个交互过程里的痛苦。

 

1验证码的位置

没统计过,但基本上现在遇到的都位于输入框的左边,但这会造成视觉移动,如果验证码难以辨识,这个问题会更突出。看看下面的例子,视觉基本没有太大移动,并且刷新的提示也被整合在这个区域,很方便。谁说流行的就是好的?

 

2验证码的内容与外观

这部分是最为人诟病,也是验证码真正地给人造成困扰的地方。

 

外观上,只能建议把验证码字符弄大点(因为有图片识别爬虫的存在,我甚至不敢说越清晰越好),尽量大一点,大的字符总体而言比小的好识别,又小又难认的验证码是最让人抓狂的。

 

内容上,建议采用全数字的形式,理由如下:

①降低认知难度。单一内容比字母数字混合的内容要容易认知,而且数字总共只有10个。

②降低操作难度。看看字母的键盘分布,再看看数字键的,别忘了还有小键盘区。此外,数字无大小写之分,你根本无需提示,用户也不会产生不必要的疑虑。下图是我觉得比较不错的设计。

 

感想:除了无奈,还是无奈。清晰明了,这是交互设计最简单的原则,但在验证码这件事情上却似乎不能够将其发挥到极致。因为恰恰正是它的难以辨识,被用来对抗网络爬虫对网站的侵袭,表面上造成的是用户精力的耗费,但实际上是网站责任的转移。然而在目前,设计师能做的至多是让验证码不要看起来如此的面目可憎,仅此而已。