如何打造人性化网页

2019-03-25    来源:丫丫玩手机游戏

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

时代的进步和变迁,对于人才的要求逐步提高。作为一名SEOER,除了掌握专业优化技巧之外,还应有各个学科的知识储备,学会将各个学科的知识融会贯通,应用在网页设计中。

费茨定律,也许业内的许多SEOER从未听过。这个定理简单且容易理解,意思是说使用指点设备到达一个目标的时间和设备当前位置与目标位置的距离、大小有关,距离越短,所用时间越少;目标越大,所用时间越短。该定律若是运用于鼠标从A到B的运动就极为恰当。如果说,能够以一个更有效的途径,使得网页的可接近性提高,效率提升,流量也就蹭蹭的往上走,达到提升网站排名的目的。下面小编就谈谈费茨定律在网页设计中的应用。

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

1.扩大超链接点击区域

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

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

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

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

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

4.自动变大的点击目标

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

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

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

本文由本文由丫丫玩手机游戏(http://www.yayawan.com)原创,转载请注明出处。

标签: 费茨定律 SEO 网页设计 

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:SEOer必读:H标签怎么利用才更加完美?

下一篇:房产网首页的广告图优化不慎所带来的影响