﻿<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:xg="http://ucdchina.com/schemas/rss">	
 		<channel>
 			<title>验证码 - UCD大社区</title>
 			<link>http://ucdchina.com/rss/topic_posts?id=74</link>
 			<description>验证码 - UCD大社区</description>
 			<webMaster>qingping.hu@gmail.com</webMaster>
			<pubDate>2026-04-10 16:39:48</pubDate>			<item>
				<title>用户如何看待验证码广告</title>
				<link>http://ucdchina.com/snap/12654</link>
				<description>&lt;p&gt;内容导读&lt;/p&gt;
 
&lt;p&gt;从本篇文章中，你将获知什么？&lt;/p&gt;
 &lt;ol&gt; 
&lt;li&gt;国内外验证码广告介绍&lt;/li&gt;
 
&lt;li&gt;验证码广告用户体验的重要性&lt;/li&gt;
 
&lt;li&gt;验证码广告用户体验数据&lt;/li&gt;
 
&lt;li&gt;上线5个月，验证码广告的表现如何？&lt;/li&gt;
 
&lt;li&gt;验证码广告的多样形式&lt;/li&gt;
 &lt;/ol&gt; 
&lt;div&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;正文&lt;/p&gt;
 
&lt;p style=&quot;text-align:left&quot;&gt;12年7月，验证码广告作为百度联盟新的广告产品华丽上线。什么是验证码广告？顾名思义，就是在输入验证码的环节插入广告。怎么插入？像这样，扩展验证码区域，嵌入一张广告，提取广告内容，让它变成需要用户输入的验证信息。&lt;/p&gt;
 
&lt;p style=&quot;text-align:left&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;这是传统验证码：&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://bs.baidu.com/ueobaidu/%2F1358830990.png?sign=MBO:6cFxwpFUY9QP:1Asjx1L5YhasYQ8CMrYBoivxrYw%3D&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://bs.baidu.com/ueobaidu/%2F1358830990.png?sign=MBO:6cFxwpFUY9QP:1Asjx1L5YhasYQ8CMrYBoivxrYw%3D&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;这是验证码广告：&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://bs.baidu.com/ueobaidu/%2F1358831171.png?sign=MBO:6cFxwpFUY9QP:%2FoXmYZXTdcfkl8SHFqeFJIE5y0A%3D&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://bs.baidu.com/ueobaidu/%2F1358831171.png?sign=MBO:6cFxwpFUY9QP:%2FoXmYZXTdcfkl8SHFqeFJIE5y0A%3D&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;其实在百度之前，验证码广告就作为新型展示广告在国外受到好评，诸如最出名的2家，Double Recall和Solve Media。Double Recall最早，2010年就在欧洲推出了这个模式，并辅之以数据证明验证码广告的盈利能力以及广告效果，曰：该广告的CPM(每千次展现成本)可达120美元，是传统展示广告的10倍左右，另在广告主知名度提升角度，优于传统banner广告11倍。Solve Media在其白皮书中也肯定了验证码广告在品牌效果方面的卓越建树。国内也有诸如宇初，创始人赵俊利前不久刚刚拿到了天使投资，称验证码广告为&amp;ldquo;互联网闲置资源中的金矿&amp;rdquo;，&lt;a href=&quot;http://media.iresearch.cn/portal/20130105/190521.shtml&quot; target=&quot;_blank&quot;&gt;预估市场规模390亿&lt;/a&gt;（赵俊利的预估依据：每年中国网站因注册、登录、发帖、下载等应用进行的验证码输入次数约1300亿次，他给广告主的开价是300元/千次）。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;验证码广告的优势显而易见：对于站长，增加了变现流量；对于广告主，获得了优质注意力。优质注意力如何解释，因为互联网信息过剩，其实大部分广告的展现是没能展现在受众面前的，即无效展现；又因为一定程度的广告回避效应，这个广告即使有效展现了，现如今聪明有经验的受众也知道哪些区域是广告，从而在浏览页面的时候能够快速聚焦重点区域，对广告视而不见。那么验证码广告有点类似传统广告中的&amp;ldquo;强制广告&amp;rdquo;，出现在必须的下载流程中，闪不开，躲不掉，强制关注，强制输入，从而获得高效高质的注意力。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;看到这里，其实我们的问题也就产生了：作为广告过程中的重要一方，受众，是否接受这样的广告形式？&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;纵使国外成功了，我们的受众与国外的受众还不太一样，国外有pay-wall一说，就是用户在获取一些版权相关的东西时，需要付费才可以获得。因此验证码广告对用户的利好是非常明显的，用户可以用时间和精力换来免费的资源，而这笔费用实际就变成了广告主来承担。用户花几秒钟的时间省了版权费，广告主花钱买到了有效注意，可谓两全其美。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;但国内，对于习惯&amp;ldquo;免费午餐&amp;rdquo;的网民来说，验证码广告是否有损我们的用户体验，有损的话有多大影响，是否致命？另外广告效果是否真如我们预期，受众对广告内容能记住多少？&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;请带着以上问题来看以下数据：&lt;/p&gt;
 
&lt;p&gt;本调研实施于验证码上线一个月左右的时间，截止目前持续周期5个月。分别在验证码广告以及下载站站点上做了问卷入口，用户点击即可进入我们的问卷平台。8月样本量924，9月1768，10月1403，11月3562，12月2607，总计10264。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;1. 用户是否接受验证码广告（Figure 1）&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;&lt;strong&gt;58%的用户表示&amp;ldquo;验证码广告形式新颖，我喜欢&amp;rdquo;。&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;&lt;strong&gt;5.8%的用户表示&amp;ldquo;不可接受，宁愿付费下载&amp;rdquo;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://bs.baidu.com/ueobaidu/%2F1358838610.png?sign=MBO:6cFxwpFUY9QP:nBmLFZBBLlqh9fmeu5lbPYr5xHQ%3D&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://bs.baidu.com/ueobaidu/%2F1358838610.png?sign=MBO:6cFxwpFUY9QP:nBmLFZBBLlqh9fmeu5lbPYr5xHQ%3D&quot; alt=&quot;&quot; width=&quot;521&quot; height=&quot;240&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;传统验证码是枯燥无趣的，为了识别确是人类还经常加一些斑点、波纹等噪音，不知会不会有人在反复输入提示错误时大骂一句%$#&amp;amp;。&lt;/p&gt;
 
&lt;p&gt;这也就不难理解验证码广告在打断任务流的情况下还会有6成用户喜欢。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;2. 用户在验证码广告的辨识方面有困难么？(Figure 2)&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;&lt;strong&gt;仅1成用户表示&amp;ldquo;辨识困难&amp;rdquo;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://bs.baidu.com/ueobaidu/%2F1358839178.png?sign=MBO:6cFxwpFUY9QP:IzCt2kkz%2FLFqqQvkUs8jaZuyuOY%3D&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://bs.baidu.com/ueobaidu/%2F1358839178.png?sign=MBO:6cFxwpFUY9QP:IzCt2kkz%2FLFqqQvkUs8jaZuyuOY%3D&quot; alt=&quot;&quot; width=&quot;441&quot; height=&quot;281&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;其中，&amp;ldquo;更容易&amp;rdquo;在原题里表示为比传统验证码更容易，&amp;ldquo;相差不多&amp;rdquo;表示和传统验证码相差不多，&amp;ldquo;需要适应&amp;rdquo;表示刚开始有点不适应，稍微熟悉一下就没问题了。&lt;/p&gt;
 
&lt;p&gt;新产品的诞生总要面对市场的培育及用户习惯的培养，验证码广告上线于用户不知情与无准备的情况下，因此用户开始的不适应是非常正常的，并且在UI的合理引导下能使开始不适应的用户快速适应，这一部分人群也在一定程度上昭示产品的成功。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;3. 验证码广告对用户的下载行为是否构成威胁？&lt;strong&gt;(Figure 3)&lt;/strong&gt;&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;&lt;strong&gt;74.6%的用户表示会&amp;ldquo;照常下载&amp;rdquo;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;&lt;strong&gt;12%的用户会放弃下载&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://bs.baidu.com/ueobaidu/%2F1358839560.png?sign=MBO:6cFxwpFUY9QP:eZ%2BTEmTCkj7%2BPFPyPKDCmTmkayw%3D&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://bs.baidu.com/ueobaidu/%2F1358839560.png?sign=MBO:6cFxwpFUY9QP:eZ%2BTEmTCkj7%2BPFPyPKDCmTmkayw%3D&quot; alt=&quot;&quot; width=&quot;443&quot; height=&quot;244&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;这个问题是产品上线之前我们最担心的问题。结论的得出给产品团队吃了颗定心丸。 免费午餐不会是中国互联网的长久之态，越来越多的用户会适应在&amp;ldquo;得到&amp;rdquo;之前付出一些小小的代价。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;&lt;strong&gt;4. 验证码广告的记忆效果&lt;strong&gt;(Figure 4)&lt;/strong&gt;&lt;/strong&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;&lt;strong&gt;43%的用户能记住输入的内容&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;&lt;strong&gt;14%的用户能记住广告主品牌&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://bs.baidu.com/ueobaidu/%2F1358839911.png?sign=MBO:6cFxwpFUY9QP:K4LWV9aETHwWpvyjsI8FHfnpObA%3D&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://bs.baidu.com/ueobaidu/%2F1358839911.png?sign=MBO:6cFxwpFUY9QP:K4LWV9aETHwWpvyjsI8FHfnpObA%3D&quot; alt=&quot;&quot; width=&quot;593&quot; height=&quot;235&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;广告效果指标按程度分为认知、情感和行动，认知又分为广告再认和广告回忆。并且，研究表明，用户参与可以有效提升广告回忆效果。&lt;/p&gt;
 
&lt;p&gt;因为我们的线上环境难以控制广告对单一用户的再现，所以这里仅作了广告回忆，并将回忆按照由低到高分成3个层次，记住输入内容、记住广告、记住广告主。&lt;/p&gt;
 
&lt;p&gt;数据显示，3/4的人在有广告意识的情况下，半数以上的人记住了输入内容，1/5的人记住了品牌。对比普通展示广告至少三成不被注意，注意到的也容易被用户选择性忽略的情况下，验证码广告的优势显而易见。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;以上是验证码广告上线之初的数据情况。5个月后，我们对以上情况再次进行了考察。&lt;/p&gt;
 
&lt;p&gt;数据显示，历经5个月的时间：&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;1. 用户对验证码广告新颖性的感知并未衰减，且排斥情绪在下降。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;2. 难度对于用户来说越来越低，验证码广告相比传统验证码的辨识优势渐显。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;3. 对下载行为的负向影响不断降低。照常下载的人群比例在不断攀升，从74.6%上升至82.6%。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;4. 记忆效果未见明显增势，品牌意识略有增加。体现在能记住广告主品牌的人群比例在上升。但其实不是所有广告主都将重点放在品牌上，有的主打产品概念等，所以这一项仅供参考。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;验证码广告在整个业内状态还处于发展之初，参与站点和广告主还都比较少，形式相对来说也比较单一。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;百度、宇初用的基本就是颜色识别，提示用户输入某种颜色的文字，像这样：&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://bs.baidu.com/ueobaidu/%2F1358839984.png?sign=MBO:6cFxwpFUY9QP:UnSq3hor%2B2nf6jubORdI74nKGSY%3D&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://bs.baidu.com/ueobaidu/%2F1358839984.png?sign=MBO:6cFxwpFUY9QP:UnSq3hor%2B2nf6jubORdI74nKGSY%3D&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;可以看看国外的例子。将内容放在引号里，提示输入引用内容：&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://bs.baidu.com/ueobaidu/%2F1358840048.png?sign=MBO:6cFxwpFUY9QP:sTerks5CNL7xFTBm73y9Js46G6M%3D&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://bs.baidu.com/ueobaidu/%2F1358840048.png?sign=MBO:6cFxwpFUY9QP:sTerks5CNL7xFTBm73y9Js46G6M%3D&quot; alt=&quot;&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;更有趣、更个性一点的还有这种：&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://bs.baidu.com/ueobaidu/%2F1358840077.png?sign=MBO:6cFxwpFUY9QP:5eYsU50Y%2BL6yyb5VUdXheo9M8ew%3D&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;http://bs.baidu.com/ueobaidu/%2F1358840077.png?sign=MBO:6cFxwpFUY9QP:5eYsU50Y%2BL6yyb5VUdXheo9M8ew%3D&quot; alt=&quot;&quot; width=&quot;466&quot; height=&quot;333&quot; /&gt;&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;提供稍稍有难度的判断要求，同时提升验证码的趣味性。不过实际操作起来对广告主的要求较高。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;笔者简单概括下，目前市场常用的验证码识别方式有：颜色识别（最为常见）、引用识别以及判断识别。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;作为产品，我们可以继续在验证码的形式上下功夫，使得它变得更为喜闻乐见，优化体验，在记忆的基础上提升品牌好感度等。 广告主方面，可以更为巧妙地提取产品特征，尤其对于新产品上市导入新潮理念，成熟品牌开拓新的产品线，增加新的营销理念，提升验证信息与广告内容的契合度。&lt;/p&gt;
 
&lt;p&gt;验证码广告将如何发展，笔者不好说，但面对互联网革新，广告产品也在不断寻求传统Banner广告之外的创意形式，验证码广告作为创新样式的第一波试水，效果还是比较喜人的。我们期待伴随市场的更多渗入，验证码广告能发挥更大的优势。&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;p&gt;-END-&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;color:#ffffff&quot;&gt;特别鸣谢蛋东的精美配图&lt;/span&gt;&lt;/p&gt;
&lt;/div&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/74&quot; target=&quot;_blank&quot;&gt;验证码&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://ueo.baidu.com/?p=1813&quot; target=&quot;_blank&quot;&gt;http://ueo.baidu.com/?p=1813&lt;/a&gt;&lt;/p&gt;</description>
				<author>不是司南</author>
				<pubDate>2013-01-24 10:25:33</pubDate>
			</item>			<item>
				<title>化腐朽为神奇：验证码蕴藏商机</title>
				<link>http://ucdchina.com/snap/3017</link>
				<description>&lt;p&gt;原文作者：- ReadWriteWeb&lt;br /&gt;原文链接：&lt;a href=&quot;http://www.readwriteweb.com/archives/could_photos_replace_squigles_in_captcha.php&quot;&gt;Could Photos Replace Squiggles in CAPTCHA?&lt;/a&gt;&lt;br /&gt;译者：&lt;a href=&quot;http://www.yeeyan.com/space/show/pestwave&quot;&gt;pestwave&lt;/a&gt;&lt;/p&gt;
 
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
 
&lt;div&gt;
&lt;p&gt;互联网上的垃圾信息、自动代理程序和小广告日益猖獗，简直让人抓狂。最明显的一个例子要算访问某些网站时要输入的验证码（CAPTCHA&amp;nbsp;）了。这些字符扑朔迷离，几乎让人无法识别。 现在俄勒冈州波特兰的一家公司打算对传统的验证码系统发出挑战。&lt;/p&gt;
 
&lt;p&gt;&lt;a href=&quot;http://vidoop.com/&quot;&gt;Vidoop&lt;/a&gt;是一家提供用户验证服务的公司，主要服务于金融市场和OpenID。该公司的核心产品是让用户识别并输入图片上的数字和字母，从而登陆网站。这些数字和图片只有肉眼可以识别。Vidoop认为他们的技术也能应用于验证码系统。但存在一些争议。如下图示：&lt;/p&gt;
&lt;/div&gt;
 
&lt;div&gt;
&lt;p&gt;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2009-04/054d6d3494c1520277b01f0754133fc6.jpeg&quot; alt=&quot;VidoopCAPTCHA.jpg&quot; width=&quot;610&quot; height=&quot;442&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;比如，该系统会提醒访客输入显示有房子、船、电脑的照片上包含的字母（O,W,F）。Vidoop称，一般验证码系统失败的几率为20%，而他们的系统更简单易用。照片能够以弹出窗口、或者灯箱广告（lightbox）的形式出现在网页上。这些图片大部分为通过创作共享协议分享的图片。&lt;/p&gt;
 
&lt;h2&gt;猫狗+广告？&lt;/h2&gt;
 &lt;a name=&quot;pd_a_1520475&quot;&gt;&lt;/a&gt; 
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;
&lt;div&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
 这里还有一个业务模式。Vidoop称如果该系统受到欢迎的话，网站站长可以在验证图片上卖广告。用户需要全神贯注才可以识别图片，而这正是广告主所需要的。该公司称，在一份具有全国代表性的调查中，大部分受访者表示不介意这种做法。&lt;/div&gt;
 
&lt;div&gt;
&lt;p&gt;另外这家公司也错过了一些社会公益元素。比如&amp;nbsp;&lt;a href=&quot;http://www.readwriteweb.com/archives/recaptcha.php&quot;&gt;再验证（&lt;/a&gt;&lt;a href=&quot;http://www.readwriteweb.com/archives/recaptcha.php&quot;&gt;ReCaptcha &lt;/a&gt;&lt;a href=&quot;http://www.readwriteweb.com/archives/recaptcha.php&quot;&gt;）工程&lt;/a&gt;，利用验证码识别那些通过光学扫描仪无法识别的文字，从而实现图书的数字化。但是该系统和其它验证码系统一样烦人。估计只有那些打算增加网站可用性和收入的站长才会选择Vidoop的产品吧。&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2009-04/b41be8c48bf73d63e2ee4896ec67eff9.jpeg&quot; alt=&quot;&quot; width=&quot;348&quot; height=&quot;183&quot; /&gt;&lt;/p&gt;
 
&lt;p&gt;在线视觉媒体创新非常复杂。但Vidoop的做法会让一部分人感到进退两难：心理上总有一种被强加广告的感受。&lt;/p&gt;
 
&lt;p&gt;你觉得Vidoop的验证码系统怎么样？产品试用请点击&lt;a href=&quot;http://demo.vidoop.com/captcha&quot;&gt;这里。&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;
 
&lt;p&gt;&amp;nbsp;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2009-04/31a147d68df00f5d2c0baaa57556c869.gif&quot; alt=&quot;&quot; width=&quot;1&quot; height=&quot;1&quot; /&gt;&lt;/p&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/74&quot; target=&quot;_blank&quot;&gt;验证码&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://www.yeeyan.com/articles/view/pestwave/36304&quot; target=&quot;_blank&quot;&gt;http://www.yeeyan.com/articles/view/pestwave/36304&lt;/a&gt;&lt;/p&gt;</description>
				<author>pestwave</author>
				<pubDate>2009-04-07 02:08:40</pubDate>
			</item>			<item>
				<title>验得有体验</title>
				<link>http://ucdchina.com/snap/2861</link>
				<description>&lt;p&gt;&lt;span style=&quot;font-size:small&quot;&gt;&lt;img title=&quot;验得有体验&quot; src=&quot;http://img.ucdchina.com/upload/snap/2009-03/e28a697c289bdc2ea2877518d622cb93.jpeg&quot; alt=&quot;验得有体验&quot; width=&quot;600&quot; height=&quot;100&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;font-family:arial;font-size:small&quot;&gt;验de有体验，验děi有体验&amp;hellip;&amp;hellip;这个标题随你怎么读。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;font-family:arial;font-size:x-small&quot;&gt;&lt;span style=&quot;font-size:small&quot;&gt;自从&lt;/span&gt;&lt;a href=&quot;http://www.5gme.com/&quot;&gt;&lt;span style=&quot;font-size:small&quot;&gt;5G&lt;/span&gt;&lt;/a&gt;&lt;span style=&quot;font-size:small&quot;&gt;要求我每次登录时都要输一遍验证码后，我对验证码就产生了一些研究的兴趣。&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;font-size:small&quot;&gt;验证码，是为了防止机器注册或者其他在网站的恶意机器行为而建立的一种会员验证形式，网站在用户登录或注册时要求用户输入一串随机产生的字符串，字符串的表现形式或者是一张不太好辨认的图片，或者是嗞啦嗞啦的背景声下给你读几个字母（这个用到的比较少）。我说的问题比较多的集中在&amp;ldquo;不太好辨认的图片&amp;rdquo;上。请看图：&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;font-family:arial;font-size:x-small&quot;&gt;&lt;span style=&quot;font-size:x-small&quot;&gt;&lt;span style=&quot;font-size:small&quot;&gt;&lt;img style=&quot;border:1px solid #555&quot; title=&quot;5g&quot; src=&quot;http://img.ucdchina.com/upload/snap/2009-03/835151e8e23b954a73003965352b46a9.png&quot; alt=&quot;5g&quot; width=&quot;479&quot; height=&quot;250&quot; /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/span&gt;&lt;strong&gt;&lt;span style=&quot;font-size:small&quot;&gt;图1&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size:small&quot;&gt;（截图来自5G登录验证）：验证码&amp;ldquo;EX&amp;rdquo;后面的是数字9还是小写的字母q？&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;font-size:small&quot;&gt;&lt;img title=&quot;live&quot; src=&quot;http://img.ucdchina.com/upload/snap/2009-03/20b5703f82228cf84411f0e9fecf812a.jpeg&quot; alt=&quot;live&quot; width=&quot;328&quot; height=&quot;89&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;font-family:arial;font-size:x-small&quot;&gt;&lt;strong&gt;&lt;span style=&quot;font-size:small&quot;&gt;图2&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size:small&quot;&gt;（截图来自Hotmail注册页面）：那么多字母&amp;ldquo;糊&amp;rdquo;在一起，有的甚至超出了图片边界显示不完整，你能全看懂吗？&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;font-family:arial&quot;&gt;&lt;span style=&quot;font-size:small&quot;&gt;但是为了网站安全起见，他们不得不使用一些可视难度大的字符来难倒机器们，但是这可苦了我们人类&amp;hellip;&amp;hellip;但是我认为网站可以做这样一个小改进：可以&lt;/span&gt;&lt;strong&gt;&lt;span style=&quot;font-size:small&quot;&gt;忽略&lt;/span&gt;&lt;/strong&gt;&lt;span style=&quot;font-size:small&quot;&gt;用户的一个小错误。比如图2，字母GJK后面的字母到底是a还是o很难分清楚，但是用户填a可以通过，填o也能验证，这样就免得用户因为填错而再来一次烦人的字符辨认了。&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;font-size:small&quot;&gt;我也考虑过是否能有更好更方便的验证方式，但最后想的往往又不够合理，经不起推敲。想通过页面后台动作验证来替代用户界面验证，但是又不能不忽略一个浏览器密码保存功能的特例；想叫用户做一些特殊的操作，那肯定得让用户去读一大段文字，似乎又是在浪费用户的时间。&lt;/span&gt;&lt;/p&gt;
 
&lt;p&gt;&lt;span style=&quot;font-size:small&quot;&gt;其实有一种已存的验证方式挺好的，就是问你一加一等于几。&lt;/span&gt;&lt;/p&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/74&quot; target=&quot;_blank&quot;&gt;验证码&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://www.uesign.com/2009/03/49278/&quot; target=&quot;_blank&quot;&gt;http://www.uesign.com/2009/03/49278/&lt;/a&gt;&lt;/p&gt;</description>
				<author>OutC</author>
				<pubDate>2009-03-29 05:51:56</pubDate>
			</item>			<item>
				<title>验证码请适可而止!</title>
				<link>http://ucdchina.com/snap/1124</link>
				<description>&lt;p&gt;现在，不少网站为了防止用户利用机器人自动注册、登录、灌水，都采用了验证码技术。登陆论坛、在别人的博客留言，无不需要输入验证码。今天在一个老外的博客看了篇文章,准备评论一下,结果我的噩梦就来了..&lt;br /&gt;如下图&lt;br /&gt;&lt;img src=&quot;http://www.offidea.com/upload/2008/11/type-the-two-words.jpg&quot; alt=&quot;&quot; /&gt;&lt;br /&gt;&lt;br /&gt;评论要求让我填入验证码,我在连续试了5次都不对之后,我关闭窗口,放弃了发表评论的想法,耗时接近1分钟.为什么我要走? 原因很简单,我不想再在这里花时间了,因为盯着屏幕,辨别这些字母,让我觉得很辛苦.&lt;br /&gt;&lt;br /&gt;别指望用户会在这个难缠的验证码上花费许多时间来辨别它!&lt;br /&gt;当用户失去耐心的时候,用户随时会走!不要认为,验证码是为了用户帐户安全,减少受垃圾信息骚扰而设定的,用户就会买账.&lt;br /&gt;&lt;br /&gt;不知道这种难缠的验证码是怎么给设计出来的? &lt;br /&gt;验
证码设计的初衷,是为了辨别访问的是一个人or程序,为了防止一些暴力破解,批量注册,批量灌水而产生的.但是现在,许多网站的验证码,却成为了用户的噩
梦.不止把程序拒绝在门口,也用户档在了大门外.更有甚者,验证码出错的同时还刷新了页面,用户需要再次填写一遍刚才的信息!&lt;br /&gt;&lt;br /&gt;为什么不能通过一套完善的判断机制,来让验证码在必要的时候才出现呢?&lt;br /&gt;还是说,研发一套完善的判断机制,成本太高,索性就损失一点用户体验就算了?&lt;br /&gt;假如一套完善的判断机制研发不出来,那么我们是否可以通过局部的改变,去改善体验呢?&lt;br /&gt;&lt;br /&gt;例如: &lt;br /&gt;1. 登录出错,再次登录时,提示需要输入验证码&lt;br /&gt;2. 同一IP连续注册,发帖时,提示需要输入验证码&lt;br /&gt;3. 减少验证码的长度,比如3位或者4位组合&lt;br /&gt;4. ...&lt;br /&gt;&lt;br /&gt;PS:程序方面我是不懂,就当是发发牢骚了.贴多个搞笑的验证码,消遣一下&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;http://www.offidea.com/upload/2008/11/kawise.jpg&quot; alt=&quot;&quot; width=&quot;620&quot; /&gt;&lt;/p&gt;
&lt;p&gt;&lt;embed type=&quot;application/x-shockwave-flash&quot; width=&quot;610&quot; height=&quot;80&quot; src=&quot;http://www.offidea.com/ad_1.swf&quot; menu=&quot;true&quot; loop=&quot;true&quot; autostart=&quot;true&quot; pluginspage=&quot;http://www.macromedia.com/go/getflashplayer&quot; mediatype=&quot;3&quot;&gt;&lt;/embed&gt;&lt;/p&gt;
&lt;div class=&quot;secondary&quot;&gt;
&lt;div class=&quot;featured&quot;&gt;&lt;dl&gt;&lt;dd&gt;&lt;span&gt;&lt;/span&gt; strBatchCount+=&quot;spn304=304,&quot; &lt;/dd&gt;&lt;/dl&gt;&lt;/div&gt;
&lt;/div&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/74&quot; target=&quot;_blank&quot;&gt;验证码&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://www.offidea.com/post/word-verification.html&quot; target=&quot;_blank&quot;&gt;http://www.offidea.com/post/word-verification.html&lt;/a&gt;&lt;/p&gt;</description>
				<author>nick</author>
				<pubDate>2008-11-17 23:04:21</pubDate>
			</item>			<item>
				<title>交互设计和交互设计</title>
				<link>http://ucdchina.com/snap/1094</link>
				<description>&lt;p&gt;实际上，&amp;ldquo;交互设计&amp;rdquo;可以分成两个部分：用户使用流程的交互设计、界面呈现的交互设计（我往往叫他单页面交互）。印象中，最早&lt;a id=&quot;oyrc&quot; title=&quot;Cooper&quot; href=&quot;http://en.wikipedia.org/wiki/Alan_Cooper&quot; target=&quot;_blank&quot;&gt;Cooper&lt;/a&gt;在解释&amp;ldquo;交互设计&amp;rdquo;时，说到的也是这两个部分。&lt;/p&gt;
 
&lt;p&gt;所谓&amp;ldquo;用户使用流程&amp;rdquo;，源于&amp;ldquo;业务逻辑&amp;rdquo;，又不同于业务逻辑。因为业务逻辑一般都更偏向于技术模型，对于实际的用户使用来说会过于繁复，易用性很差。&lt;br /&gt; 这份工作，一般由产品设计师(负责功能设计、信息架构、&amp;lsquo;交互设计&amp;rsquo;)来完成。比如，&lt;br /&gt; &lt;em&gt;（下面的例子，有兴趣的同学可以给画成流程图，理解起来会更形象）&lt;/em&gt;&lt;/p&gt;
 
&lt;p&gt;这里有一个Push Mail添加帐户的&amp;ldquo;业务逻辑&amp;rdquo;（不包括错误判断）：&lt;br /&gt; 1》进入&amp;ldquo;系统设置&amp;rdquo; ，&lt;br /&gt; 2》进入&amp;ldquo;帐户管理(帐户列表)&amp;rdquo; ，&lt;br /&gt; 2.1 选择&amp;ldquo;添加帐户&amp;rdquo; ；&lt;br /&gt; 3》输入邮箱名称，&lt;br /&gt; 4》输入邮箱地址和密码，&lt;br /&gt; 5》填写手机号和签名，&amp;lt;可选择&amp;ldquo;跳过&amp;rdquo;&amp;gt;&lt;br /&gt; 6》设置邮件服务器，&lt;br /&gt; 7》最后提交、完成。&lt;/p&gt;
 
&lt;p&gt;评估：如果把这个流程直接作为用户的使用流程，所有用户要完成这个添加帐户的过程需要7个步骤，至少8次提交。&lt;/p&gt;
 
&lt;p&gt;经过&amp;ldquo;用户使用流程的交互设计&amp;rdquo;之后，这个&amp;ldquo;业务逻辑&amp;rdquo;应该变成更合适的&amp;ldquo;用户使用流程&amp;rdquo;。可以是：&lt;br /&gt; 1》进入&amp;ldquo;系统设置&amp;rdquo; ，&lt;br /&gt; 2》进入&amp;ldquo;帐户管理(帐户列表)&amp;rdquo; ，&amp;lt;如果现在一个帐户没有，直接跳过帐户管理开始添加帐户&amp;gt;&lt;br /&gt; 2.1 选择&amp;ldquo;添加帐户&amp;rdquo; ；&lt;br /&gt; 3》输入邮箱地址和密码，&lt;br /&gt; 3.1填写邮箱名称、手机号和签名，&amp;lt;可选，默认邮箱名就是邮件地址，签名就是邮箱前缀，手机号可以不填&amp;gt;&lt;br /&gt; 4》设置邮件服务器，&amp;lt;在第3步就判断&amp;ldquo;该邮件后缀，服务器上是否已有配置记录&amp;rdquo;，如果有，直接到完成界面，同时提供更改配置的入口。&amp;gt;&lt;br /&gt; 5》最后提交、完成。&lt;/p&gt;
 
&lt;p&gt;评估：7个业务逻辑上的步骤在这里变成了6个。用户的8次提交变成了最少3次。且80%以上的时候可以少于4次（数据显示，使用量最高的10个邮件服务商拥有了80%以上的用户）。&lt;/p&gt;
 
&lt;p&gt;后，经过讨论，我们考虑到&amp;ldquo;安全问题&amp;rdquo;和&amp;ldquo;商业价值&amp;rdquo;等多个因素，认为：&amp;ldquo;有必要相对牺牲一点体验，已达到&amp;lsquo;让大部分用户主动填写手机号&amp;rsquo;的目的&amp;rdquo;。&lt;br /&gt; 于是最终的方案改成了：&lt;br /&gt; 1》进入&amp;ldquo;系统设置&amp;rdquo; ，&lt;br /&gt; 2》进入&amp;ldquo;帐户管理(帐户列表)&amp;rdquo; ，&amp;lt;如果现在一个帐户没有，直接跳过帐户管理开始添加帐户&amp;gt;&lt;br /&gt; 2.1 选择&amp;ldquo;添加帐户&amp;rdquo; ；&lt;br /&gt; 3》输入邮箱地址和密码，&lt;br /&gt; 4》填写邮箱名称、手机号和签名，&amp;lt;默认邮箱名就是邮件地址，签名就是邮箱前缀，手机号为空。可以选择&amp;ldquo;跳过&amp;rdquo;&amp;gt;&lt;br /&gt; 5》设置邮件服务器，&amp;lt;在第3步就判断&amp;ldquo;该邮件后缀，服务器上是否已有配置记录&amp;rdquo;，如果有，直接到完成界面，同时提供更改配置的入口。&amp;gt;&lt;br /&gt; 6》最后提交、完成。&lt;/p&gt;
 
&lt;p&gt;评估：7个业务逻辑上的步骤变成了6个。用户的8次提交变成了最少3次，常规4次。&lt;/p&gt;
 
&lt;p&gt;当然，这个&amp;ldquo;用户使用流程的交互设计&amp;rdquo;提交物不只是业务流程图，而应该是&amp;ldquo;带界面的使用流程图&amp;rdquo;。&lt;a id=&quot;a6r8&quot; title=&quot;如图&quot; href=&quot;http://www.flickr.com/photos/juui/3025207208/sizes/o/&quot; target=&quot;_blank&quot;&gt;如图&lt;/a&gt;。&lt;/p&gt;
 
&lt;p&gt;.&lt;br /&gt; 所谓&amp;ldquo;界面呈现的交互设计（单页面交互）&amp;rdquo;，实际上是&amp;ldquo;UI设计&amp;rdquo;（也就是，我在建议&amp;ldquo;&lt;a id=&quot;bf7v&quot; title=&quot;取消用户体验部门&quot; href=&quot;http://uicom.net//?p=791&quot; target=&quot;_blank&quot;&gt;取消用户体验部门&lt;/a&gt;&amp;rdquo;中说到的&amp;ldquo;视觉设计&amp;rdquo;）所做的工作。对于&amp;ldquo;界面呈现的交互设计&amp;rdquo;来说，&amp;ldquo;使用流程图&amp;rdquo;的每个具体页面的&amp;ldquo;页面内交互&amp;rdquo;都只是&amp;ldquo;建议&amp;rdquo;，有权更改每个页面的&amp;ldquo;交互方式&amp;rdquo;。&lt;/p&gt;
 
&lt;p&gt;还是上面的例子，&lt;br /&gt; &amp;ldquo;使用流程的交互设计&amp;rdquo;已经规定好了，&amp;ldquo;填写邮箱名称、手机号和签名&amp;rdquo;必须&amp;ldquo;由一个单独的页面完成，而且默认不跳过&amp;rdquo;，但进入这个页面后&amp;ldquo;光标默认到什么地方？&amp;rdquo;，&amp;ldquo;界面呈现的交互设计&amp;rdquo;应该思考。&lt;br /&gt; 在&amp;ldquo;使用流程的交互设计&amp;rdquo;时，或没有考虑到光标默认停放的问题，或放到了&amp;ldquo;邮箱名称&amp;rdquo;上，都是不合理的。&amp;ldquo;界面呈现的交互设计&amp;rdquo;应该在这个时候给优化成成&amp;ldquo;光标默认停留在&amp;lsquo;手机号&amp;rsquo;的输入框里&amp;rdquo;。&lt;/p&gt;
 
&lt;p&gt;这个例子里，&amp;ldquo;界面呈现的交互设计&amp;rdquo;表现出来的作用可能并不够强，再比如，&lt;/p&gt;
 
&lt;p&gt;&lt;img src=&quot;http://img.ucdchina.com/upload/snap/2008-12/04e7ddcfd269016e8b2e3daa995c62db.jpeg&quot; alt=&quot;http://farm4.static.flickr.com/3033/3024406729_8b06f01019.jpg?v=0&quot; /&gt;&lt;br /&gt; (图1,&lt;a id=&quot;mkc3&quot; title=&quot;Google短信提醒&quot; href=&quot;http://www.google.com/sms/alerts&quot; target=&quot;_blank&quot;&gt;Google短信提醒&lt;/a&gt;的手机验证)&lt;/p&gt;
 
&lt;p&gt;在这个页面中，用户往往输入手机号以后不知道&amp;ldquo;验证码是什么？ 哪里有？&amp;rdquo;&lt;br /&gt; 事实上，也许我们把&amp;ldquo;获取验证码&amp;rdquo;作为一个更突出的内容会更合适一些。&lt;/p&gt;
 
&lt;p&gt;简单优化如下：&lt;br /&gt; &lt;img src=&quot;http://img.ucdchina.com/upload/snap/2008-12/4a685c7fc9c5598dd23af1cba2ff5ce6.jpeg&quot; alt=&quot;&quot; /&gt;&lt;br /&gt; (图2,Google手机验证的简单改进)&lt;/p&gt;
 
&lt;p&gt;这样一来，输入手机号码虽然还是在一个页面中，但用户在输入手机号码的时候只能有一个&amp;ldquo;获取验证码&amp;rdquo;的操作，不会再疑惑。&lt;/p&gt;
 
&lt;p&gt;总结：&lt;br /&gt; 简单来说，&amp;ldquo;用户使用流程的交互设计&amp;rdquo;是站在产品和体验两个角度，更合理的进行产品设计。即保证完整的业务逻辑和产品利益，又用最小的交互成本让用户完成任务；&amp;ldquo;界面呈现的交互设计&amp;rdquo;更多是站在易用性的角度优化&amp;ldquo;人机交互过程&amp;rdquo;，让交互成本再小，易用性更强。&lt;br /&gt; 在成熟的团队，或者交互更复杂的产品中，有人专门做偏向于产品的&amp;ldquo;流程交互&amp;rdquo;，有人做偏向于UI的&amp;ldquo;页面交互更合适些&amp;rdquo;，因为你经常会发现你的产品人员不懂界面设计，你的界面设计人员不能产品流程&amp;hellip;&lt;br /&gt; 还是那句话：团队中如何分工无所谓，有什么样的职位无所谓。不一定非得分开&amp;ldquo;流程交互&amp;rdquo;和&amp;ldquo;页面交互&amp;rdquo;，但这些事情都是要有人做的，分不分开要看你的实际情况。&lt;/p&gt;
 
&lt;p&gt;本文，只是为了解释：&amp;ldquo;交互设计&amp;rdquo;不只是&amp;ldquo;单页面交互&amp;rdquo;，更不只是&amp;ldquo;流程改进&amp;rdquo;。&lt;br /&gt; 好的视觉设计师/UI设计师应该担负起&amp;ldquo;界面呈现的交互设计&amp;rdquo;的任务，不能只做视觉；偏产品的&amp;ldquo;用户使用流程的交互设计师&amp;rdquo;，并非&amp;ldquo;必须具备视觉设计能力&amp;rdquo;。&lt;/p&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/15&quot; target=&quot;_blank&quot;&gt;交互设计做什么？&lt;/a&gt;&amp;nbsp;&lt;a href=&quot;http://ucdchina.com/topic/74&quot; target=&quot;_blank&quot;&gt;验证码&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://uicom.net/blog/?p=794&quot; target=&quot;_blank&quot;&gt;http://uicom.net/blog/?p=794&lt;/a&gt;&lt;/p&gt;</description>
				<author>白鸦</author>
				<pubDate>2008-11-13 00:50:16</pubDate>
			</item>			<item>
				<title>手机发送验证码的用户体验探索</title>
				<link>http://ucdchina.com/snap/1098</link>
				<description>&lt;div&gt;概念没弄清之前，不敢冒用&amp;ldquo;XX设计&amp;rdquo;、&amp;ldquo;XX结/架构&amp;rdquo;字眼。&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;手机发送验证码，是个最简单的例子。从用户角度讲，流程如下：&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;输入手机号（输入）-&amp;gt;获取验证码（点击）-&amp;gt;输入验证码（输入）-&amp;gt;确认（点击）&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;这四个步骤中所有操作都是非选择性的，也就是说输入手机号和验证码，获取验证码和确认，都是有且仅有此一项操作需要用户完成的，不会引起用户歧义的，所以光标默认都可以在完成步骤后下一输入框/按钮上聚焦。&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;这单单是从用户使用计算机的角度讲的，如果涵盖用户的所有操作流程，应该为：&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;用户点击申请/设置进入&amp;ldquo;获取验证码&amp;rdquo;页面-&amp;gt;输入手机号(1)-&amp;gt;获取验证码(2)-&amp;gt;接收手机短信(3)-&amp;gt;手机
按键查看短信内容(4)-&amp;gt;记住验证码内容(5)-&amp;gt;在计算机上输入验证码(6)-&amp;gt;点击确认，完成验证过程(7)&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;其中的所有环节注意细则：&lt;br /&gt;&lt;/div&gt;
 
&lt;div&gt;(1) 中国大陆的手机号为固定11位，所以文本框限长11位。&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;考虑到用户容易出错的状态和行为，可以设计仅提供阿拉伯数字输入，同时如果用户输入全角数字则自动将其转换为半角数字，出错提示可以在用户焦点离开文本框时激发判断条件。&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;如果再考虑细节，可以将文本框的默认值设置为1，或者+86 1，这是手机号码的规律数字。不过考虑到用户的使用习惯，所有人记手机号都是11位11位的，这个1要不要加还有待商榷。&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;(2) 在用户输入了第11个数字后，光标应该默认移动到&amp;ldquo;获取认证码&amp;rdquo;按钮上（&lt;a href=&quot;http://uicom.net/blog/?p=794&quot;&gt;按白鸦图&lt;/a&gt;），对于经常输入用户名/密码的用户，快捷的方式都是输完用户名之后按键输密码然后按这样登录的。&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;
&lt;div style=&quot;position: relative; cursor: pointer;&quot;&gt;&lt;img style=&quot;position: absolute; margin-left: 372px; margin-top: 5px;&quot; src=&quot;http://img.ucdchina.com/upload/snap/2008-12/a67749cc24bd8ae19946683e86258d14.gif&quot; alt=&quot;&quot; /&gt;&lt;img style=&quot;width: 400px;&quot; title=&quot;点击图片，在新窗口显示原始尺寸&quot; src=&quot;http://img.ucdchina.com/upload/snap/2008-12/4a685c7fc9c5598dd23af1cba2ff5ce6.jpeg&quot; alt=&quot;&quot; /&gt;&lt;/div&gt;
&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;(3) 由于地域等原因，短信有时候需要等待好一会儿才能收到，这期间有的用户会因为不耐心，或者觉得短信没到，重新申请验证码。&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;Google这点做的不是很好，我就因为一直没收到其短信而不停重发验证码，等验证码到了的时候一下来了一大堆，都分不清哪个才是最后的那个。
我觉得一个可行的方案是用户点击&amp;ldquo;获取验证码&amp;rdquo;后，给一个提示：&amp;ldquo;您的验证码已经在路上了，重新获取需要耐心等待XX秒&amp;rdquo;，这个XX以&lt;/div&gt;
 
&lt;div&gt;秒倒数（比如30秒），等计时到0才变成再次获取验证码。既降低了服务器资源浪费，又能给用户明确的提示。&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;(4)
在接受短信上Nokia的比较人性化，当有短信或者电话进来时，中间的功能键就是查看新短信或者接听电话，而不用再一层一层打开菜单查看。其他的反正我看
到同事一款索爱的就非常麻烦，需要打开菜单的。不过在收到信短信时，同事的效率也很高，习惯成自然，就不觉得被虐待了。&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;(5)
现在的验证码一般都是数字的（瞎猜腾讯要出汉字的验证码）。最好的用户体验应该是用户一眼就能记住的内容，不必重复翻看或者校对的。但是出于安全性考虑又
不能设计的太短，一般市面上最短见过极个别3位的，一般都是4位，Google的如果没记错好像是6位。不知道有没有什么科学依据。&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;不过，我个人觉得5位的验证码更适合中国人，并且有两位数字一样或者发音的平仄相同。为什么呢？因为从记忆和朗读的规律看，这样的数字更容易被
瞬间记住，比如10086这种的。另外一个角度，从古诗看，什么&amp;ldquo;平平仄平仄&amp;rdquo;这种的容易被瞬间记忆（没有科学根据，老祖宗传下来结合自己瞎猜的）。不
服？举个例子：74188好记还是32906好记？（说实话，对我来说都差不多-_-）&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;(6) 一般验证码都是固定位数的，无论是4位还是6位，完成输入后，光标应该自动移到&amp;ldquo;确定&amp;rdquo;按&lt;/div&gt;
 
&lt;div&gt;钮上，这样按空格就能提交了。&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;&amp;nbsp;&lt;/div&gt;
 
&lt;div&gt;最后通用的一点：鼠标定位慢，键盘定位快；鼠标需要看屏幕确认，键盘闭眼睛就能输入完成。为啥用空格不用回车？因为我的小姆指没大姆指那么发达。&lt;/div&gt;&lt;p&gt;相关话题：&lt;a href=&quot;http://ucdchina.com/topic/74&quot; target=&quot;_blank&quot;&gt;验证码&lt;/a&gt;&amp;nbsp;&lt;a href=&quot;http://ucdchina.com/topic/322&quot; target=&quot;_blank&quot;&gt;移动设备的交互和设计&lt;/a&gt;&amp;nbsp;源地址：&lt;a href=&quot;http://www.5gme.com/space-167-do-blog-id-33500.html&quot; target=&quot;_blank&quot;&gt;http://www.5gme.com/space-167-do-blog-id-33500.html&lt;/a&gt;&lt;/p&gt;</description>
				<author>flychina</author>
				<pubDate>2008-11-13 19:49:57</pubDate>
			</item></channel></rss>