认识达内从这里开始

认真做教育专心促就业

如何通过交互设计来给网页添加验证码功能

发布：佚名
来源：互联网
时间：2017-03-23 09:52

相信大家在登录网站和注册账户的时候都见过关于网页安全验证码的验证问题了，有些网站为了提高安全性，验证码设置的那叫一个有毒啊，比如说那个卖火车票的（大家懂的。）下面，我们就一起来了解和分析一下各大网站是如何设计验证码的交互模式的吧。

如何通过交互设计来给网页添加验证码功能

当然了，如果说您对山西达内培训课程感兴趣的话，欢迎您与我们的在线咨询老师联系，获取更多资料来了解我们的课程。下面我们就开始今天的主要内容吧。

验证码的存在是为了验证注册的用户是计算机还是人，许多网络恶意攻击都是恶意的机器程序所导致，验证码能够有效的防止恶意破解密码、刷票、论坛灌水，防止某个黑客对某一个特定注册用户用特定程序暴力破解方式进行不断的登陆尝试。

我们通常见到验证码是在注册登录场景，注册时出现在注册流程里。

过去，大多数的网站注册页面往往选择一页填写完所有信息，在主流程中不需要绑定手机号，一键即可提交注册。这种注册方式在老式的论坛很常见。

当绑定手机号在注册流程里时，下面一定会跟随短信验证环节。这个时候图形验证码和短信验证同时存在的设计就有几种情况了。

首先可以确定的是图形验证和短信验证之间有逻辑相关性，他们之间的相关性一般体现在如下三种设计中：

(1)同页面显示

图形验证码放置在手机验证码之前，通过图形验证码后才可触发手机验证码的获取。

(2)不同页面显示

这种情况发生在注册本身就是分页分步骤进行的，图形验证会跟在输入用户名之后，一般在第一步出现，在点击下一步后会到达短信验证界面。从用户体验上来讲，运用分步设计引导性更强，一般用在需要输入多种信息的时候，用户会有比较清晰的逻辑，并且对何时完成有一个预判。这个时候，图形验证的结果就影响了用户能否顺利进入下一步短信验证。

(3)弹窗式图形验证

这种交互逻辑是用户输入合规手机号时，点击获取短信验证码，会弹出图形验证请求，验证成功后弹窗消失，系统给用户发出验证短信。在这个逻辑里，图形验证就作为发送短信的触发条件。

达内时代科技集团致力于培养面向电信和金融领域Java、C++、C#/.Net、3G/Android、3G/IOS、PHP、嵌入式、软件测试、UID、网络营销、网络工程、会计、UED、web、Unity3D、大数据、童程童美等17大方向中高端软件人才课程与少儿教育课程。选择太原计算机培训，不再孤军奋战，轻轻松松做IT高薪白领。太原达内培训带领有明确目标的学子迈向成功之路!想找工作的求职者可以加QQ：3373924515（太原达内就业服务部）咨询了解。

< 上一篇：太原计算机培训用户调研的正确打开方式

下一篇：太原电脑培训设计网站导航栏的好处和优势 >