卢松松博客

网站运营中5个源于眼动追踪的启发

 人参与 | 时间:2016年11月10日 07:27

如果网站的用户体验不佳,你很有可能因此丢掉很多转化的机会

在帮助网站运营人员和设计师们了解用户如何浏览网站方面,眼动追踪的应用非常有效。许多权威的专家和机构已经在这一领域研究了数十年。

下面是关于眼动追踪应用的五个结论,可能会对你的网站运营工作有一些帮助哦 :)

1. 用户的行为模式是可以被预测的

2006年,研究者Jakob Nielsen发现:大体而言,我们浏览网页的过程都是一个可以预测的模式。

用户会在几秒钟内,以一个F形状的观测模式,快速浏览完网页的主要内容。

首先,他们从左到右浏览网页;

然后,他们回到页面左侧,在更靠下的位置再次开始向右浏览;

最后,他们还会回到左侧,并开始向下滚动页面。

Nielsen在三种类型的网站上发现了这种F型趋势,关于我们页面、电商和搜索引擎结果页面。他发现F图案是普遍存在的——

“就好像是个精心设定好的用户浏览行为”

网站运营中5个源于眼动追踪的启发 经验心得 第1张

技巧打包:既然知道用户会以F型的模式浏览你的网站,那就确保你最重要的内容和召唤按钮(Call-to-action:页面上醒目突出的按钮,用于“召唤”用户点击这个按钮,比如“立即注册”按钮)都遵循这个浏览所经过的路径来放置。

注意下面这个登录页是如何利用F型模式的。一个网站用户的注意力会跟随红色箭头的轨迹,最终到达免费试用报名处。

网站运营中5个源于眼动追踪的启发 经验心得 第2张

2. “F”型的浏览模式也会失效

如果对比带有具体目标的搜索和漫无目的的浏览这两种访问行为的话,你会发现它们有着完全不同的浏览模式。

“在漫无目的的浏览情况下,用户从左到右逐行地查阅所有的内容,直至滚动到达页面底部。而在搜索情况下,他们的眼动轨迹非常不规律,似乎直接跳过了整个页面”

这项研究显示,当用户有明确目标时,他们很可能会放弃平时的眼动习惯,更随意地浏览来快速地找到目标。可能是因为人们有一种天然的冲动,当明确知道自己想要什么的时候,他们会试图更快速地寻找信息。

如果你用过热图工具的话,你会发现有时候网站的导航栏部分聚集了大量的点击。这有可能是带有明确意图的用户所留下的踪迹。我们来看一下例子:

网站运营中5个源于眼动追踪的启发 经验心得 第3张

以上图为例,使用Ptengine(铂金分析)呈现出来的某网站热图,我们可以很直接地看到在导航部分聚集了大量的点击。这种情况的发生有两种可能:

导航的设计喧宾夺主,使得用户没有浏览这个页面的内容就跳到了其他地方;

一些老用户(returning visitors)带有目的性的浏览。

在Ptengine的热图中进行新访和回访用户的细分和对比,就可以轻易判断出你网站的用户访问行为属于哪一类型。

注意:当你发现所有新访问的用户也在导航栏处产生了大量点击,而且没有访问深度的时候,那就说明你的导航栏设计很有问题,因为你一般会希望新访问用户浏览完页面的所有内容后再跳去其他页面。

技巧打包:列一个具体目标的清单,看看你的用户们想要从你的网站上获取什么。因为你很难预测到你的网站用户们到底想要什么,所以利用像Ptengine一样的热图工具做一些具体目标的点击率测试就很重要。

3. 视觉感受非常关键

去年十月,SEOmoz发表了一项对谷歌搜索结果页的研究。在搜索视频的结果页中,我们发现第一个缩略图要远远比第二个更加引人注目。

“虽然个体的实验结果很难形成明确的结论,但它的确证明了被测试者的注意力始终聚焦在第一个视频缩略图上,而往往忽略了其他形式下最匹配的结果,以及另外的缩略图”。

网站运营中5个源于眼动追踪的启发 经验心得 第4张

技巧打包:人们非常关注第一个到来的是什么,如果它恰巧是个有视觉魅力的东西,那它会吸走你所有的注意力。

网站运营中5个源于眼动追踪的启发 经验心得 第5张

4. 用户会忽略网页头屏的大Banner

在2007年的研究中,Jakob Nielsen曾使用“banner blindness”来形容这种趋势:人们已经越来越习惯地忽略广告。在这项研究中,Nielsen说道:

“我们曾经无数次地确认过,用户对于横幅广告视而不见的情况是真实存在的。不管这个banner是不是广告,只要它看起来像个广告,用户就根本不会去看。”

在使用Ptengine(铂金分析)热图进行分析的过程中,这种现象再一次被印证。

网站运营中5个源于眼动追踪的启发 经验心得 第6张

鞋类厂商的官网首屏是个大大的跑鞋banner,首先它肯定不是个广告,但在点击热图中可以看出,与导航和首屏下面的内容相比,几乎没有人愿意去点击Banner。如果能在这块“房地产标王”的位置上放更多用户关心的内容,很可能能给用户带来更好的体验,甚至是更多的转化。

技巧打包:当然这也有特例,大banner的使用一般会适用于通过在线广告向网站引流的场景,但你一定要监测广告流量在你网站的行为,衡量投入产出(ROI)。

5.追求差异化可能让你付出很大成本

蓝色一直是网页里链接的颜色,因为这个颜色已经成为了人们开始行动的一个直观信号。

按照惯例,当人们访问一个新的网站时,他们会首先浏览一些习惯的地方,那些地方都是他们之前在其他大多数网站上经常浏览的;用户习惯用他们的经验来感受新的东西。

在过去的二十年左右,人们已经习惯了网络上某些固定的使用模式(包括蓝色代表的是链接)。选择其他的颜色代表链接也不是完全不行,但它会非常影响用户找到内容的速度。

技巧打包:不仅仅是链接的颜色。当你在建立一个网站的时候,你要充分意识到网络公约的存在,遵守既定的惯例是保证网站使用效率的最佳途径。

总结

看到这里,你是不是也想自己去做一些相应的研究?当然,使用眼动追踪来研究用户的浏览行为非常昂贵,但你可以使用一些更加实惠的工具和解决方案(例如Ptengine),利用点击、注意力、滚动到达热图等可视化分析,改善用户体验,提升转化。

对Ptengine(铂金分析)感兴趣的朋友,在百度搜索“ptengine”,可以使用邀请码eyetracking申请。

顶: 17踩: 1

来源:,欢迎分享,(QQ/微信:13340454)

必填

选填

选填

◎已有 95 人评论,微信:QQ13340454

1楼镇平县天润之玉玉雕工作室  2016-11-26 14:01:09
一个网站一定的给用户好的使用体验,就跟人体工程学一样
顶: 0踩: 0 回复
2楼崖柏热  2016-11-26 03:30:40
细节决定失败
顶: 1踩: 0 回复
3楼小哥网赚博客  2016-11-22 14:54:54
感觉还是不错的 ,希望能有帮助
顶: 1踩: 0 回复
4楼PHP程序员雷雪松  2016-11-21 12:03:57
如果网站的用户体验不佳,你很有可能因此丢掉很多转化的机会
顶: 0踩: 0 回复
5楼自动喷砂机  2016-11-20 11:36:57
留了几次都错误
顶: 0踩: 0 回复
6楼喷砂机  2016-11-20 11:36:02
这些东西确实有惯性思维在里面
顶: 0踩: 0 回复
7楼梁山挂车  2016-11-16 14:52:48
难的就是用户体验……
顶: 1踩: 0 回复
不管怎么说,网站的推广还是最重要的!
顶: 0踩: 0 回复
9楼拉伸膜厂家  2016-11-15 14:04:47
了解用户需求,根据用户需求去创建调整网站内容,提升用户体验,提高转化
顶: 0踩: 0 回复
10楼低投入高收益投资理财  2016-11-15 11:47:44
真正用好热点图的站长不多。
顶: 0踩: 0 回复
11楼婚纱拍摄  2016-11-15 11:29:05
说的确实是这么回事!
顶: 0踩: 0 回复
12楼广州贷款  2016-11-14 19:28:16
故意把评论移到下面,仔细想想这招高
顶: 0踩: 0 回复
13楼这样投资才最赚钱  2016-11-14 11:41:40
写的比较专业,分析得很透彻
顶: 0踩: 0 回复
14楼金堂装修公司  2016-11-13 21:32:53
看了才知道自己需要学习
顶: 0踩: 0 回复
15楼武汉装修公司  2016-11-13 09:25:31
大清早就看到这么好的文章,100分
顶: 0踩: 0 回复
16楼武汉网站建设  2016-11-12 23:26:03
研究用户的行为,改善用户体验,提高转化,值得研究。
顶: 0踩: 0 回复
评论移到下面体验没那么好了
顶: 0踩: 0 回复
18楼特卖网  2016-11-12 18:59:09
以前的时候谷歌统计就可以实现这个功能。
顶: 0踩: 0 回复
19楼私人伴游  2016-11-12 12:23:46
真正用好热点图的站长不多。
顶: 0踩: 0 回复
20楼武汉网站优化公司  2016-11-12 10:08:23
写的比较专业,分析得很透彻
顶: 0踩: 0 回复
21楼bt电影天堂  2016-11-12 10:00:34
想要做好网站运营确实是门学问
顶: 0踩: 0 回复
22楼蚂蚁电子书网  2016-11-11 23:13:34
写的不错,还有感触,会经常来看的
顶: 0踩: 0 回复
23楼金榜台网赚博客  2016-11-11 19:12:30
评论怎么移到下面来了呀
顶: 0踩: 0 回复
23楼私人伴游  2016-11-11 22:02:47
感觉没那么方便了。
顶: 0踩: 0 回复
24楼刘国栋个人博客  2016-11-11 18:33:25
热力图需要访客多才能得到更有价值的数据。
顶: 0踩: 0 回复
24楼刘国栋个人博客  2016-11-11 18:33:35
数据越多越好
顶: 0踩: 0 回复
25楼武汉人事管理系统  2016-11-11 18:01:16
有点启发,谢谢你分享的这些
顶: 0踩: 0 回复
26楼动平衡仪  2016-11-11 17:01:58
用户的行为模式是可以被预测的
顶: 0踩: 0 回复
27楼大集商铺网  2016-11-11 16:37:03
根据热力图来做网站微调,这是每一个合格的SEO都应该会
顶: 0踩: 0 回复
27楼私人伴游  2016-11-11 22:04:28
可是很多人都不重视热力图,比如我。
顶: 0踩: 0 回复
28楼大集商铺网  2016-11-11 16:36:10
一直在用热力图,对用户体验还是有帮助的
顶: 0踩: 0 回复
29楼时尚内衣百科  2016-11-11 16:31:09
网站布局真的很重要,但是PC端是不是慢慢日薄西山了
顶: 0踩: 0 回复
30楼民生吐槽  2016-11-11 16:01:14
按照惯例,当人们访问一个新的网站时,他们会首先浏览一些习惯的地方,那些地方都是他们之前在其他大多数网站上经常浏览的;用户习惯用他们的经验来感受新的东西。
顶: 0踩: 0 回复
31楼7龙虾网  2016-11-11 15:44:25
现在每天都要补充一些基础
顶: 0踩: 0 回复
32楼订阅运营解决方案  2016-11-11 14:06:45
这个技术 国内并没有太多分享,不过很不错
顶: 0踩: 0 回复
33楼我爱动感单车网  2016-11-11 12:41:09
外国人研究得真是透彻,不服不行!
顶: 0踩: 0 回复
34楼营销软件专用拨号VPS  2016-11-11 11:56:58
用户体验才是最重要的,一个好网站跳转太多就不行。
捕捉细节,挖掘内容。提供有价值的信息。
顶: 0踩: 0 回复
35楼想赚大钱就这样投资  2016-11-11 10:33:08
用户体验很重要
顶: 0踩: 0 回复
36楼成都网站建设  2016-11-11 08:31:43
用户体验才是最重要的,一个好网站跳转太多就不行
顶: 0踩: 0 回复
37楼肽美  2016-11-11 08:31:07
支持,写的挺好的
顶: 0踩: 0 回复
38楼私人伴游  2016-11-11 00:04:35
用户体验度很重要,很差的网站没有人喜欢看。
顶: 0踩: 0 回复
39楼中杰喷砂机  2016-11-10 23:48:59
喷砂机 经常过来学习
顶: 0踩: 0 回复
40楼小安催乳师  2016-11-10 21:50:18
捕捉细节,挖掘内容。
顶: 0踩: 0 回复
41楼微赚会创始人  2016-11-10 20:38:02
虽说看起来是各种的蒙圈,不过感觉分析定位还是不错的!
顶: 0踩: 0 回复
42楼洋得意自媒体博客  2016-11-10 20:08:03
用户体验很重要
顶: 0踩: 0 回复
43楼游戏赚钱网  2016-11-10 19:55:20
用户体验优化,是持续性的工作,继续加油吧!
顶: 0踩: 0 回复
43楼私人伴游  2016-11-11 00:05:31
做好用户体验,让大家记住你。
顶: 0踩: 0 回复
44楼来钱赚  2016-11-10 19:18:49
捕捉细节,挖掘内容。
顶: 0踩: 0 回复
45楼41188游戏平台  2016-11-10 19:18:46
干货,不错,SEO提高用户体验很重要
顶: 0踩: 0 回复
46楼微信热文1Q.cc  2016-11-10 18:50:57
简洁,内容有价值是关键
顶: 1踩: 0 回复
47楼微部落博客  2016-11-10 18:40:02
大数据时代,一切归集起来都是数据
顶: 0踩: 0 回复
48楼访客  2016-11-10 17:44:26
我觉得你网页的跳出率会非常高,不信大家可以看看。所以你可以卖些广告位给联盟,卖展现就好了,哈哈
顶: 0踩: 0 回复
49楼上海签证代办公司  2016-11-10 17:43:46
确实是这样,顶部,左侧到底部
顶: 0踩: 0 回复
50楼佛山影视  2016-11-10 17:25:12
改善用户体验
顶: 0踩: 0 回复
51楼快启动论坛  2016-11-10 17:15:56
总结的太好了,可以很有效的提升用户体验
顶: 0踩: 0 回复
52楼vip分享网  2016-11-10 17:07:07
眼动追踪 第一次听说
顶: 0踩: 0 回复
53楼恋爱宝典  2016-11-10 16:58:44
虽然你写得很好 可是我不懂……
顶: 0踩: 0 回复
54楼快速拿本科毕业证  2016-11-10 16:53:41
确实,抓住用户眼球很重要!!!!
顶: 2踩: 0 回复
55楼刘国栋个人博客  2016-11-10 15:59:40
迎合用户,用户才会喜欢你的站
顶: 0踩: 0 回复
56楼电脑教程学习  2016-11-10 15:48:19
这个对于广告位的投放很有帮助
顶: 0踩: 0 回复
57楼网络创业项目  2016-11-10 15:22:24
比较不错的文章
顶: 0踩: 0 回复
58楼武汉电脑维修  2016-11-10 15:16:59
这篇文章有点技术含量,这是大多数访客的习惯,和统计中的热点图显示基本一致
顶: 0踩: 0 回复
59楼昆山论坛  2016-11-10 14:31:47
爸比给我点浏览,我看不懂这文章
顶: 0踩: 0 回复
60楼爱玩手机网  2016-11-10 13:54:34
专业,很专业
顶: 1踩: 0 回复
61楼酷月网赚  2016-11-10 13:45:47
这是高科技啊,高大上
顶: 0踩: 0 回复
62楼爱旅纷途  2016-11-10 13:41:03
爱旅纷途发表 虽然不知道,但是感觉不错
顶: 0踩: 0 回复
63楼深圳装修公司  2016-11-10 13:40:59
说得好有道理的样子,然并卵~
顶: 0踩: 0 回复
64楼数联社区vr场景科技  2016-11-10 13:35:20
说得好有道理的样子,然并卵~
顶: 0踩: 0 回复
65楼刘国栋个人博客  2016-11-10 13:18:17
那么大banner都不看,,,还是用户体验最重要
顶: 0踩: 0 回复
66楼灵异网站地府官网地狱官网  2016-11-10 12:49:19
准不准还是两说呢
顶: 0踩: 0 回复
67楼米饭自媒体  2016-11-10 12:26:06
我们曾经无数次地确认过,用户对于横幅广告视而不见的情况是真实存在的。不管这个banner是不是广告,只要它看起来像个广告,用户就根本不会去看。
顶: 0踩: 0 回复
68楼西游路  2016-11-10 12:24:28
看了很多文章,感觉都挺有用,可是真正想操作起来,却是非常困难。
顶: 0踩: 0 回复
69楼跑步机优惠券  2016-11-10 12:16:17
当用户有明确目标时,他们很可能会放弃平时的眼动习惯,更随意地浏览来快速地找到目标。
顶: 0踩: 0 回复
70楼微信群控  2016-11-10 11:51:21
捕捉细节,挖掘内容。
顶: 1踩: 0 回复
71楼下拉通刷词软件  2016-11-10 11:44:32
这个用户 行为分析,有点高大上了,不是一般人可以做的
顶: 0踩: 0 回复
72楼小顶网  2016-11-10 11:23:48
其实网站的设计也能影响用户的浏览行为
顶: 0踩: 0 回复
73楼访客  2016-11-10 11:15:51
虽然不知道作者在说什么,但感觉好像很厉害的样子。
顶: 0踩: 0 回复
74楼嗨乐天空  2016-11-10 11:12:19
眼动追踪对中文网的适用有它的局限性
顶: 0踩: 0 回复
75楼多用户商城系统  2016-11-10 11:11:49
公司网站,是个小站
在本身浏览量和点击量就少的情况下,热力图感觉什么都看不出
顶: 0踩: 0 回复
76楼预测圈  2016-11-10 10:58:01
没事来学习一下 很有价值
顶: 1踩: 0 回复
77楼免费看电影网站  2016-11-10 10:50:40
文章不错 不过这个技术不适合小站!
顶: 0踩: 0 回复
78楼发财树  2016-11-10 10:46:52
热力点击图,流量大的可以好好挖掘下,流量小的再怎么整也就是 那样。
顶: 0踩: 0 回复
79楼沟通者  2016-11-10 10:41:14
任何工具的使用 都是双刃剑 会使用 效果会很好,不会使用 最好慎用
顶: 1踩: 0 回复
80楼助听器品牌价格  2016-11-10 10:13:49
用户体验优化,是持续性的工作,继续加油吧!
顶: 0踩: 0 回复
81楼品牌助听器价格  2016-11-10 10:12:48
这才是真正的用户体验优化,我也经常看统计工具里的热点图和点击图,可能是我网站的流量太少了,分享的数据不够多,也制定不了可行性的用户体验优化方案!
顶: 0踩: 0 回复
82楼甲爪cpa联盟  2016-11-10 10:08:33
这个技术不适合小站!
顶: 0踩: 0 回复
82楼访客  2016-11-10 10:36:08
小站也很合适吧
顶: 0踩: 0 回复
83楼悟空说  2016-11-10 09:41:50
当你发现所有新访问的用户也在导航栏处产生了大量点击,而且没有访问深度的时候,那就说明你的导航栏设计很有问题,因为你一般会希望新访问用户浏览完页面的所有内容后再跳去其他页面。很有道理。
顶: 0踩: 0 回复
84楼郭德纲2016最新相声大全  2016-11-10 09:38:26
热力图这种东西已经普遍在用了,已经么有什么可稀奇的吧?根据热力图来做网站微调,这是每一个合格的SEO都应该会的把
顶: 0踩: 0 回复
84楼访客  2016-11-10 10:38:03
说的有道理,这个工具用了两个月了,还不错,细分功能比较好用。
顶: 0踩: 0 回复
85楼金堂装修  2016-11-10 09:21:20
现在真的是到了该多多学习的时候
顶: 0踩: 0 回复
86楼华夏名网  2016-11-10 09:16:05
虽然你写得很好 可是我不懂……
顶: 0踩: 0 回复
87楼访客  2016-11-10 09:05:33
中外审美观一样???中国的互联网精英和媒体公知都预存希拉里,结果川普胜了!证明了多么的不靠谱
顶: 0踩: 0 回复
88楼点睛阁珠宝  2016-11-10 08:59:29
捕捉细节,挖掘内容。
顶: 0踩: 0 回复