根据用户视觉感官解决用户体验问题

所属分类: 网站运营 / 网站策划 阅读数: 185
收藏 0 赞 0 分享
美国丹佛大学传播学院艾斯洛新闻和新媒体国际中心(The Poynter Institute)和艾图公司(Eyetools Inc.)联袂发起的眼球运动轨迹研究视线跟踪研究。总结出八点针对页面受欢迎程度的结论。

一、用户浏览页面的的规律

人们在浏览一些不同设计风格的新闻网站的首页时,研究者们发现了一个共同的眼球运动模式:他们的视线通常首先固定在网页左上角,然后在这个区域逡巡一阵后,开始右移,细读完页面顶部位置的内容后,开始继续往下扫描。

一打开网站页面,醒目的大标题往往首先吸引人的眼球,尤其是当它们在页面的左上方的时候。而在右上方,大多数情况下(但不总是)也都能特别引起人的注意。如果是图片,同人们所认为的刚好相反。
下图是通过对受试者视线跟踪的数据分析得出的区域分布图。整个图片代表一个网站页面,红、黄、绿色三个区域是按照受众关注程度的不同而划分的。左上方的红色区域受关注程度最高,黄色、绿色区域依次之。然而,值得注意的是,这种浏览模式也受到页面元素位于页面具体位置的影响,标题置放,图片,新闻摘要等都是决定其浏览模式的重要因素。比如在靠近主页中央区域处一个放置一个较大的新闻标题,那么它就会首先进入读者的视线。

二、字体越小容易受众悉心品读

小字体能促使人们更集中精力阅读,而相对较大的字体会使人走马观花式的进行“扫描”。一般来讲,读者得花更多的时间来集中精力阅读较小字体的新闻内容,当我们看到主页上的大号字体的新闻标题时,会促使我们进行快速的“扫描”,一带而过,而不像正文中的小字体那样去细读了。(当然值得注意的是我们并不是提倡任意地缩小字体,应该是在保证不影响正常阅读的前提下去适当地选择字体以达到平衡)
粗体的新闻标题文字比同样大小的内容提要的文字更能吸引受众的眼球。当标题字号比内容提要的字体大,并且它们分行显示时,人们往往只会浏览大字标题而忽略内容提要。研究人员认为字体的大小不同形成的对比促使这种阅读模式的形成,当然字体大小本身应该也是其中原因。因为当新闻标题字体比它紧随其后的内容提要的文字字体要大时,它往往就被认为是标题-内容提要这一板块里面更加重要的部分,于是人们就觉得阅读完新闻标题就已经足够了。

三、带下划线的标题有碍读者浏览其下方的内容摘要

文字中的下划线或线条,它们会阻碍人们继续浏览其后面的内容,如新闻标题后紧跟的内容提要。此现象对广告也会产生一定的影响,下文会谈到这方面的内容。现在绝大多数的新闻网站在其新闻标题后面都有对新闻内容起概括作用的内要提要,很少有新闻网站的新闻报道的正文前只采用大字标题。

四、大多数人喜欢浏览新闻标题、内容提要

研究发现当人们的视线转移到新闻标题后的内容提要时,他们一般只会浏览其左边1/3的部分。换句话说,绝大多数人仅仅会读完最前面的几个字,只有当其内容确实让人感兴趣他们才会继续往下读。下面是关于一个内容提要的热度感应地图(Heatmap)。Heatmap是指一个对受众视线固定在某一部分上的总的时间长度分布图。图中的左边的橙色区域是最受关注的,右方蓝色区域是不怎么就不太受关注了。
对于主页上面最新发生的新闻标题列表,人们通常会从列表的左上方开始扫描,然后往下,直到发现有感兴趣的新闻标题内容,一条新闻标题能吸引阅读者注意力的时间平均不足一秒钟。所以要想让新闻标题能吸引受众的眼球,应该在标题的制作上多下功夫,尤其是标题开头的那几个词必须有足够的吸引力,否则很难真正进入受众的视线。对于内容提要或新闻主体的写作就更应该遵循这一原则了,内容提要不仅要尽量的短小精悍,而且其开头部分必须能吸引阅读者的注意力。

五、热点内容能够更大限度的吸引人

研究发现在位于页面下方的区域,尤其是需要滚动页面才能看到的页面部分,受关注程度比较低,似乎这也和人们所预期的差不多。尽管这样,但这并不意味着需要滚动页面才能看到的内容就不能吸引受众的眼球。
人们确实会滚动屏幕页面来浏览所感兴趣的内容,但他们的眼睛往往只会扫描页面上较靠下方的部分来搜寻能吸引其眼球的内容信息。通常他们的视线会固定在某一有趣的新闻标题上或是一个能让人眼前一亮的词语上,而对其它内容视而不见。所以说,高水准的新闻标题制作对于吸引受众的注意力而言是相当重要和必须的。另外,热点模块也是一个不错的注意。

六、网站导航条置顶为佳

网站页面上的站点导航条的位置摆放各个网站都不尽相同,一般不外乎以下几种情况:位于页面顶端(网站标识Logo之下),左边,右边。研究表明,站点导航置于网站页面顶部的效果最好,也就是说,置顶导航条会让受众看到的机率最高,并且人们的视线在上面停留的时间也最长。在被测试的25家有名的新闻网站当中,我们发现有11家站点采用了置顶导航条,其余的14家用的是左栏导航。这当中又有7家站点同时采用了左栏和置顶导航条,但无一采用右栏导航的方式。

七、大幅图片备受青睐

测试中发现绝大多数人不会首先把目光投向页面上的图片,但是这些图片还是很能吸引他们的注意力。图片越大,人们的目光在其上面停留的时间也越长。对于邮票大小的面部图片,有10%的人会注意到,而普通照片大小的图片(约230 x230像素)则有高达70%的人会关注到。研究还发现,半数以上的受测者都会关注到210 x 230像素大小(或更大的)图片,面部看上去干净清爽的肖像图片更能吸引受众的眼球。

八、广告置放有技巧

该研究还对许多新闻网站主页以及其链接页面上各种广告的位置和广告形式进行了测试。测试结果表明人们通常不太怎么关注广告,但这也主要看广告放在页面上具体什么位置。当人们把目光投向一个广告时,往往也只有短短0.5-1.5秒的时间。当然,有利的广告位置再加上新颖的广告表现形式,还是可以延长这一时间的。位于页面顶端以及左边部分的广告最能吸引人的注意力,置于页面右边的广告效果不及左边或顶端广告。同时只有很少一部分的人会注意到位于页面底部的广告。

所有广告类型中,人们对文字类广告的注意力最集中,其持续关注时间平均为7秒左右,而对于表现力最为丰富的图像广告则平均只有1.6秒。同时,受众对广告的关注程度和广告版面的大小也有一定关联。篇幅较大的广告被看到的机率会更高,一般只有1/3的被测者会关注到位于页面右边的小广告,其它的广告他们甚至连看都不会看一眼。在链接的子页面,半页广告受关注程度最高,然而它们也只占到受测者在页面停留时间的38%,绝大多数对此类广告也从不予理睬。安插在新闻主体行文当中的广告最容易进入人们的视野,位于页面最左边或右边的垂直细长的烟囱形广告紧随其后。
更多精彩内容其他人还在看

神级营销! 网络营销哪家强,中国山东找蓝翔

中国山东找蓝翔,最近经常能听到这个口号,无论是生活、八卦、还是专业课里都是神般的存在感,下面我们来看看蓝翔营销抓的那些点,需要的朋友可以参考下
收藏 0 赞 0 分享

中小企业网站如何打造持续外链圈的策略

中小企业网站在外链建设方面同样也存在着较大的难度,因为这样的网站本身很难有更高的权重和排名,那么想要获得其他网站的青睐并与之合作就显得尤为困难,而且外链建设的主动权往往很难掌握到中小企业网站运营者的手中
收藏 0 赞 0 分享

从零流量到日均150UV 淘宝新手需知科学定位的重要意义

这篇文章主要为大家介绍了一位店长今年4月份开的淘宝到现在一天都发二三十个包裹的原因,据他描述淘宝店最核心一点就是关于定位的,只要定位好,卖东西没烦恼,需要的朋友可以参考下
收藏 0 赞 0 分享

你不露面谁知道你 浅析如何利用020营销让客户找到我们

有好的产品还要让人知道才可以销售,我们该如何利用020营销让客户找到我们呢?外链和软文应该是各位站长的第一反应,但是线上广告、社交宣传、赞助和合作同样也可以让用户准确的找到我们的产品,需要的朋友可以参考下
收藏 0 赞 0 分享

2014年淘宝天猫双11嘉年华活动营销玩法攻略详解

2014淘宝双十一网购狂欢节,淘宝1111天猫双11活动,双十一秒杀,淘宝商城双11活动,每年的11月11日淘宝商城“双十一”全场五折大促销活动。下面小编就为大家带来2014年淘宝天猫双11嘉年华活动玩法攻略详解,一起来看看吧
收藏 0 赞 0 分享

挖掘机哪家强? 解读蓝翔是如何将社会化营销做到极致

挖掘机哪家强,中国山东找蓝翔,这一具有洗脑性质的全国口号放佛在一瞬间家喻户晓。所以对于蓝翔这个出色的营销案例,我想还是有必要解读一下,或许对我们营销人员有所帮助呢
收藏 0 赞 0 分享

淘宝双11 中小卖家如何收获双十一(1)

双11以前只有淘宝才会搞的活动,现在电商都搞了,本文主要讲淘系的双十一,我们可以看到淘宝天猫平台是安排11月1号到10号做预热,11号为活动期。对于咱们大多数不能上会场的中小卖家,其实是可以借鉴其他平台的玩法,也跟着一块儿抢双十一的份额,需要的朋友可以参考下
收藏 0 赞 0 分享

淘宝双11卖家必看 中小卖家如何收获淘宝双十一(2)

这篇我们主要讲中小卖家进入十一月份之后我们要做哪些事情。在十一月份短短的10天里,我们其实要做很多的工作。下面我们一起来看看中小卖家具体要做什么
收藏 0 赞 0 分享

电商干货:电商无线端怎么优化?无线端优化全攻略

马上就要到双11了,在双11之前做好无线详情,必定为双11无线端的爆发打下坚实的基础。电商无线端怎么优化?下文主要讲了电商无线端优化全攻略,需要的朋友可以参考下
收藏 0 赞 0 分享

汽车营销案列 这样的创新营销,你买账吗?

营销对于品牌知名度提高的重要性不言而喻,但车企要找到适合自己的营销新方式并非易事。近期汽车营销事件中也存在一些“加分”和“减分”之举,接下来就带大家一同点评下近年来车企“砸钱虽易,营销不易”的创新性营销案例
收藏 0 赞 0 分享
查看更多