在成都做网站、成都建网站,成都网站建设及网页制作,首选领城互动
  • 首页
  • 关于我们
  • 服务范围
  • 经典案例
  • 联系我们
当前位置:首页 > 服务项目 > 品牌形象设计 > 从验证码设计谈到网站用户体验

从验证码设计谈到网站用户体验

交互设计的目的是让人们更好的理解和使用你…

首先,不要考虑判断鼠标轨迹或者键盘敲击,因为在pc上只要是人的动作,后台程序都可以完美模拟出来。

其次,我们要解决的问题在某种角度有点类似于上飞机前的安检-为了确保安全,采取一刀切的态度,首先怀疑一切,然后让用户自己证明清白。而用户之所以反感,原因是增加了他们的交互成本。

所以我们应该考虑的是把这个额外的交互成本变得优雅起来。

验证码的存在是没有必要的,因为用户并不需要,但是作为放置恶性注册,就要找一个好一点的方式。个人不懂技术,但还是可以聊聊。

开发一个类似现在流量器的鼠标手势,验证码就是一个轨迹,然后照着轨迹鼠标手势一下就ok啦。
好处在于:
1. 不用点击输入框,即可直接右键完成。
2. 比起数字什么的,不用调用输入法等其他程序
3. 比英文数字汉字更国际化,只要会用鼠标的就能完成。
欢迎拍砖,讨论,个人觉得还是挺靠谱的。

1. 放弃键盘输入,改用鼠标验证。因为大多数时间里用户的手是在鼠标上的,所以通过鼠标来完成验证,可以在一定程度上降低肢体疲劳负担。

2. 验证的方式尽量简单,不要给用户制造太大的识别障碍。比如提供3个不同形状的暗色图,要求用户按照一定顺序点亮。

3. 让这个过程有趣起来。制造轻松幽默的氛围,也能稍稍缓解用户的反感情绪。
这些关于验证码设计的思考,就是提升用户体验的工程。这些设计师,就是优秀的设计师。


    电话:028-85030041
    地址:中国成都新希望国际A座
    ©Linking 2006-2021 Inc.
    蜀ICP备12000250号-1
Process: 0.051s ( Load:0.006s Init:0.014s Exec:0.023s Template:0.007s ) | DB :13 queries 0 writes | UseMem:2,068 kb
页面Trace信息
当前页面 : /vi/201202/133.html
模板缓存 : C:\wwwroot\www.citycy.com/data/front/runtime/cache/351ab735e880a1dd5f3567d38b061acb.php
请求方法 : GET
通信协议 : HTTP/1.1
请求时间 : 2022-05-20 18:30:55
用户代理 : CCBot/2.0 (https://commoncrawl.org/faq/)
会话ID : qvkbs6vtjhdn4ernj0l6p40gf3
日志记录 : 62条日志
[ 2022-05-20T18:30:55+08:00 ] NOTIC: [8192] mysql_connect(): The mysql extension is deprecated and will be removed in the future: use mysqli or PDO instead DbMysql.class.php 第 62 行.
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000751s SQL = SHOW COLUMNS FROM citycy_category
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000078s SQL = SELECT `catid` FROM `citycy_category` WHERE `catdir`='vi' LIMIT 1
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8192] preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead functions.php 第 118 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [2048] Only variables should be assigned by reference FbaseAction.class.php 第 68 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: forward FbaseAction.class.php 第 69 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8192] preg_replace(): The /e modifier is deprecated, use preg_replace_callback instead common.php 第 79 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: userdata FbaseAction.class.php 第 105 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: userdata FbaseAction.class.php 第 105 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [2048] Declaration of ContentModel::add() should be compatible with Model::add($data = '', $options = Array) ContentModel.class.php 第 507 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [2048] Declaration of ContentModel::delete() should be compatible with Model::delete($options = Array) ContentModel.class.php 第 507 行.
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000674s SQL = SHOW COLUMNS FROM citycy_content
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000075s SQL = SELECT `cid` FROM `citycy_content` WHERE ( `url` = '201202/133.html' ) AND ( `status` = '9' ) LIMIT 1
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000111s SQL = SELECT * FROM `citycy_content` WHERE ( `url` = '201202/133.html' ) LIMIT 1
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000488s SQL = SHOW COLUMNS FROM citycy_content_article
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000076s SQL = SELECT * FROM `citycy_content_article` WHERE ( `cid` = '133' ) LIMIT 1
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000525s SQL = SHOW COLUMNS FROM citycy_model_field
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000075s SQL = SELECT `fieldid` FROM `citycy_model_field` WHERE `status`='1' AND `modelid`='1'
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000521s SQL = SHOW COLUMNS FROM citycy_content_tag
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8192] mysql_escape_string(): This function is deprecated; use mysql_real_escape_string() instead. DbMysql.class.php 第 400 行.
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000073s SQL = SELECT citycy_tag.name FROM `citycy_content_tag` LEFT JOIN citycy_tag ON (citycy_tag.tagid=citycy_content_tag.tagid) WHERE ( citycy_content_tag.keyid = 'c-133' ) ORDER BY citycy_tag.tagid DESC
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [2] Invalid argument supplied for foreach() ContentModel.class.php 第 416 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 199 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [2] strpos(): Empty needle ThumbField.class.php 第 21 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined variable: value Field.class.php 第 197 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined index: p FbaseAction.class.php 第 262 行.
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000082s SQL = SELECT * FROM `citycy_content` WHERE sort<1 AND catid=11 ORDER BY sort DESC LIMIT 1
[ 2022-05-20T18:30:56+08:00 ] SQL: RunTime:0.000063s SQL = SELECT * FROM `citycy_content` WHERE sort>1 AND catid=11 ORDER BY sort ASC LIMIT 1
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [2] Missing argument 1 for Ad::__construct(), called in C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\functions.php on line 259 and defined Ad.class.php 第 40 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [2] Missing argument 2 for Ad::__construct(), called in C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\functions.php on line 259 and defined Ad.class.php 第 40 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined variable: type Ad.class.php 第 41 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined variable: setting Ad.class.php 第 42 行.
[ 2022-05-20T18:30:56+08:00 ] NOTIC: [8] Undefined variable: html Ad.class.php 第 136 行.
加载文件 : 76
[0] => C:\wwwroot\www.citycy.com\index.php
[1] => C:\wwwroot\www.citycy.com\define.php
[2] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\ThinkPHP.php
[3] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\runtime.php
[4] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\defines.php
[5] => C:\wwwroot\www.citycy.com\front\Conf\paths.php
[6] => C:\wwwroot\www.citycy.com\front\Conf\core.php
[7] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\functions.php
[8] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Think.class.php
[9] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Exception\ThinkException.class.php
[10] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Log.class.php
[11] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\App.class.php
[12] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Action.class.php
[13] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\View.class.php
[14] => C:\wwwroot\www.citycy.com\front\Common\alias.php
[15] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\convention.php
[16] => C:\wwwroot\www.citycy.com\front\Conf\config.php
[17] => C:\wwwroot\www.citycy.com\data\config.inc.php
[18] => C:\wwwroot\www.citycy.com\data\config.cache.php
[19] => C:\wwwroot\www.citycy.com\front\Common\common.php
[20] => C:\wwwroot\www.citycy.com\front\Conf\routes.php
[21] => C:\wwwroot\www.citycy.com\front\Conf\tags.php
[22] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Common\debug.php
[23] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Core\Model.class.php
[24] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Db\Db.class.php
[25] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Db\Driver\DbMysql.class.php
[26] => C:\wwwroot\www.citycy.com\data\cache\category_11.php
[27] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lang\zh-cn.php
[28] => C:\wwwroot\www.citycy.com\front\Lib\Action\FcontentAction.class.php
[29] => C:\wwwroot\www.citycy.com\front\Lib\Action\FbaseAction.class.php
[30] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\ORG\Util\Input.class.php
[31] => C:\wwwroot\www.citycy.com\include\Auth.class.php
[32] => C:\wwwroot\www.citycy.com\include\Act.class.php
[33] => C:\wwwroot\www.citycy.com\data\cache\front_act_cache.php
[34] => C:\wwwroot\www.citycy.com\front\Lib\Model\ContentextModel.class.php
[35] => C:\wwwroot\www.citycy.com\admin\Lib\Model\ContentModel.class.php
[36] => C:\wwwroot\www.citycy.com\include\Pager.class.php
[37] => C:\wwwroot\www.citycy.com\data\cache\model_1.php
[38] => C:\wwwroot\www.citycy.com\data\cache\modelField_1.php
[39] => C:\wwwroot\www.citycy.com\data\cache\modelField_2.php
[40] => C:\wwwroot\www.citycy.com\data\cache\modelField_4.php
[41] => C:\wwwroot\www.citycy.com\data\cache\modelField_6.php
[42] => C:\wwwroot\www.citycy.com\data\cache\modelField_7.php
[43] => C:\wwwroot\www.citycy.com\data\cache\modelField_8.php
[44] => C:\wwwroot\www.citycy.com\data\cache\modelField_9.php
[45] => C:\wwwroot\www.citycy.com\data\cache\modelField_10.php
[46] => C:\wwwroot\www.citycy.com\data\cache\modelField_11.php
[47] => C:\wwwroot\www.citycy.com\data\cache\modelField_12.php
[48] => C:\wwwroot\www.citycy.com\data\cache\modelField_13.php
[49] => C:\wwwroot\www.citycy.com\data\cache\modelField_14.php
[50] => C:\wwwroot\www.citycy.com\data\cache\modelField_15.php
[51] => C:\wwwroot\www.citycy.com\data\cache\modelField_16.php
[52] => C:\wwwroot\www.citycy.com\data\cache\modelField_20.php
[53] => C:\wwwroot\www.citycy.com\data\cache\modelField_21.php
[54] => C:\wwwroot\www.citycy.com\include\Field.class.php
[55] => C:\wwwroot\www.citycy.com\include\field\CatidField.class.php
[56] => C:\wwwroot\www.citycy.com\include\field\TitleField.class.php
[57] => C:\wwwroot\www.citycy.com\include\field\InputField.class.php
[58] => C:\wwwroot\www.citycy.com\include\field\ThumbField.class.php
[59] => C:\wwwroot\www.citycy.com\include\field\AttrField.class.php
[60] => C:\wwwroot\www.citycy.com\include\field\TextareaField.class.php
[61] => C:\wwwroot\www.citycy.com\include\field\EditorField.class.php
[62] => C:\wwwroot\www.citycy.com\include\Keylink.function.php
[63] => C:\wwwroot\www.citycy.com\include\field\BoxField.class.php
[64] => C:\wwwroot\www.citycy.com\include\field\TagField.class.php
[65] => C:\wwwroot\www.citycy.com\include\field\DatetimeField.class.php
[66] => C:\wwwroot\www.citycy.com\include\library\ThinkPHP\Lib\Think\Util\Template\TemplateSmarty.class.php
[67] => C:\wwwroot\www.citycy.com\include\Smarty\Smarty.class.php
[68] => C:\wwwroot\www.citycy.com\data\front\runtime\templates_c\%%F8^F84^F844ADE2%%article_view.html.php
[69] => C:\wwwroot\www.citycy.com\data\front\runtime\templates_c\%%71^714^714F4B17%%header.html.php
[70] => C:\wwwroot\www.citycy.com\include\Smarty\internals\core.load_plugins.php
[71] => C:\wwwroot\www.citycy.com\include\Smarty\internals\core.assemble_plugin_filepath.php
[72] => C:\wwwroot\www.citycy.com\include\tag\function.ffad.php
[73] => C:\wwwroot\www.citycy.com\data\ads\ad_1.php
[74] => C:\wwwroot\www.citycy.com\include\Ad.class.php
[75] => C:\wwwroot\www.citycy.com\data\front\runtime\templates_c\%%80^806^80621A61%%footer.html.php