首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网站运营
网站策划
正文
根据用户视觉感官解决用户体验问题
所属分类:
网站运营
/
网站策划
阅读数: 123
收藏 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
收藏 0
赞 0
分享
细化这五个导航有助于提高网站优化的用户体验!
网站优化的用户体验一直是我们强调的重点,而在网站中细化这五个导航则有助于提高网站优化的用户体验,有兴趣的朋友们就来了解下吧
评论 0
收藏 0
赞 0
分享
专业干货!分享一个特别好用的搜索框必须考虑的五个方面
在建站过程中搜索框也是非常重要的,本文主要从搜索框的可见性、范围搜索、局部搜索、高级搜索以及输入五个方面聊聊如何设计出一个特别好用的搜索功能,有兴趣的朋友们就来了解下吧
评论 0
收藏 0
赞 0
分享
看似一模一样的搜索框,没想到在设计师眼里有这么多细节!
网站搜索框是一个站内给用户直接到达目的地的通道,起到了一个引导用户走向的重要作用。在不同的系统,不同用途的网站上搜索呈现的方式都有所不同,这里就为大家分享一下看似一模一样的搜索框之间的细节区别
评论 0
收藏 0
赞 0
分享
网站顶部导航栏怎么设计 网站优化之网页顶部导航栏设计总结
网页中顶部导航栏往往是用户进入网站后最先看到的地方,决定着用户对网页的第一印象,其重要性不言而喻,那么,网站顶部导航栏怎么设计呢?对此,本文就为大家图文介绍网站优化之网页顶部导航栏设计总结
评论 0
收藏 0
赞 0
分享
网站建设中最实用的扁平化2.0设计布局简析(干货)
近年来网站建设迎来了扁平化2.0新时代,这周研究一些扁平化2.0设计师的移动端设计布局形式,整理分析了一些常用的布局形态,有兴趣的朋友们就来了解下吧
评论 0
收藏 0
赞 0
分享
栏目页如何优化 栏目页在制作过程中要注意什么
网站有导航必定就要有栏目页,但是栏目页的制作并不简单,必须要有一定的技术才可以制作好栏目页,那么,栏目页如何优化?以及栏目页在制作过程中要注意什么呢?对此,本文就为大家进行解答
评论 0
收藏 0
赞 0
分享
浅析7个非常严重的用户体验错误以及规避方法
网站建设过程中的网页设计也是非常重要的一环,文章解析了7类较为严重用户体验错误,并提供相应的防护方法,与大家分析,供大家借鉴参考
评论 0
收藏 0
赞 0
分享
如何设计页脚才能让网站更具有竞争力
在做网站设计的过程当中,很多人可能会对于页脚这个方面产生忽略,但是实际上在我们平时的使用下来的整体的分析数据表明,页脚对于一个网站来说还是有非常重要的作用的,那么,如何设计页脚才能让网站更具有竞争力呢?对此,本文就为大家进行解答
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
从世界杯观赛看,“移动视频”就是个伪命题
怎么才能做好移动互联网营销?
怎么进入微店买东西?微店购物流程图文介绍
网站赚钱就靠广告到底行不行?
电脑系统下载类网站是怎么赚钱的?浅析电脑系统下载类网站的赚钱方式
这么些年 你真的会网购吗 省钱赚钱秘籍
站长故事
更多
从地图到苹果6!盘点苹果产品的四大败笔
被低估的公司(一):写在阿里IPO之后
阿里会成为下一个谷歌?谁是Google真正的挑战者
揭晓互联网三大巨头(百度,腾讯,阿里巴巴)和草根站长的往来
验证码广告:站长增加收入的另一种新渠道
我是怎么赚到人生的第一个百万的