返回首页收藏网站帮助中心
 
 
您当前的位置:首页-> 新闻资讯-> 如何打造人性化网页
 
 
 

如何打造人性化网页     

11 22 2013 12:00AM   From:http://www.10086001.cn   
分享到:


正文预读:区域,缩短指向点击目标的调整时间。如下图所示的对比,谷歌的分页导航链接,每个分页序号只包括1个细小的阿拉伯数字。数字紧凑地排列在一起,形成小间隙,用户容易犯错的机率无形中就加大了,很难快速准确地移动到每个链接上。而百度聪明的在数字链接外围加上了边框,扩大目标区域,用户只要点到框内就可达成目标应用超链接,节约移动鼠标的调整时间。若是同样的推广里面的全部内容和链接,用户们会更倾向于选择应用了费茨定律的网页。

网站排名的目的。下面小编就谈谈费茨定律在网页设计中的应用。

目前坐在电脑面前的你能够马上试验一下,举起你的一只手,用手指指向你电脑屏幕上的1个小文字。很容易地就能够发现,当你指向小文字的时间,可能差那么一点儿碰到小文字,也有可能一不小心就移过头了。你须要集中注意力,盯着屏幕,慢慢地调整手指头,以保证全部能够正确的指到。这时,你任意点开1个word文档,随意输入1个字体为“小二”的汉字,再次伸手指向文字,是不是能够迅速果断的指向了?这时间若是让你换着指向一堵墙,是不是速度就更快了呢?若是假设这些情况的距离是一样的,指向大物体的时间远少于小文字。

1.扩大超链接点击区域

网页中的超链接相当的主要。在超链接周围添加多余的空白区域,使鼠标点击时有1个整体的缓冲调整区域,缩短指向点击目标的调整时间。如下图所示的对比,谷歌的分页导航链接,每个分页序号只包括1个细小的阿拉伯数字。数字紧凑地排列在一起,形成小间隙,用户容易犯错的机率无形中就加大了,很难快速准确地移动到每个链接上。而百度聪明的在数字链接外围加上了边框,扩大目标区域,用户只要点到框内就可达成目标应用超链接,节约移动鼠标的调整时间。若是同样的推广里面的全部内容和链接,用户们会更倾向于选择应用了费茨定律的网页。

2.放大用户的目的点击目标

下图是腾讯手机QQ下载页面的一小部份截图,从页面性能来看,用户进入此页面的目的是下载手机QQ软件。下载按扭是用户最想点击的目标,因而放大下载按钮,第一时间抓住用户的眼球,令其明确地找到浏览网页的目的,节约辨识和移动鼠标的时间,提高操作的人性化和好感度。

3.让相关点击目标相亲相爱

友情链接网站链接的主要组成部分。用户在浏览你的网页某篇文章时,往往想要获取更多相关里面的全部内容。在做链接时,应保证相关里面的全部内容靠近放在一起。相关点击目标间移动的频率较高,让它们彼此靠近,减小移动距离,也全部能够让用户同时看到多个链接目标,全部能够在1个页面中选择想要点击的目标,而不用滑动鼠标一页一页寻找目标,减轻用户的负担,提高网站的友好度。

4.自动变大的点击目标

当鼠标即将移动到点击目标时,点击目标自动放大,大幅度减少微调的必要性甚至有时无须再进行微调。目标的大小会限制我们移动的速度,如果移动得太快,到达目标时就会停不住。而点击目标自动放大,实际上还可以是另外一种扩大点击区域的表现。

总结:综上所述,应用费茨定律的原则就是尽可能的扩大点击目标的区域,减少用户移动鼠标的距离和时间,减轻用户的应用负担,以此来获得用户的好感。虽是1个小细节,但是一点一滴的累积,用户终能发现个中差距。

试问,1个习惯了不须要微调就能顺利点击目标的用户,在心理、行动上是不是就更难接受那些须要微调许久方能达到应用目的的网页?一点一滴,积累达成目标的因素。望各位站长朋友互勉。



上文回故:p>下图是腾讯手机QQ下载页面的一小部份截图,从页面性能来看,用户进入此页面的目的是下载手机QQ软件。下载按扭是用户最想点击的目标,因而放大下载按钮,第一时间抓住用户的眼球,令其明确地找到浏览网页的目的,节约辨识和移动鼠标的时间,提高操作的人性化和好感度。

3......


详情咨询热线:0769-88032010
 
展开
  • QQ咨询