国外著名网站的眼球热力图、眼球跟踪图详解

 

--

现在大家都在谈论网站的用户体验(UE或UX)和界面设计UI等热门话题,techfrom从来对概念本身不是特别关注,更关注实际应用和数据等。去年12月份左右,国外 EyeTrackShop通过Mashable发布了一份有关国外几个著名网站和社交网络的用户眼球追踪图或者眼球热力图,尤其是个人信息页面(Profile Page)被浏览时候的热点分部情况。涉及到的被调查的网站包括:Facebook,Google+,LinkedIn,Flickr,Youtube,Klout,Reddit,Digg,Tumblr,Twitter,StumbleUpon 和Pinterest。我们特将呈现过读者,

国外著名网站的眼球热力图、眼球跟踪图详解_第1张图片

眼球热力图(eyetracking)研究说明:

 

这项研究使用网络摄像头记录下了30个参与者在浏览各个社交网站个人信息页面时候的眼动情况(进入页面后10秒内的数据)。记录下的数据包括:页面上的哪些内容被重点“关照”到,以及用户浏览页面各主要区域的先后顺序。

尽管由于采样的数量还不够多,实验结果很难说完美。不过从现有的数据中,研究人员发现:

  • 个人信息页面的头像很重要。 在Facebook,Klout和StunbleUpon中,头像是该页面最吸引浏览者注意的地方
  • 你认识的朋友的头像也会获得相当的关注度。浏览者会查看该页面上你朋友的小头像图片。
  • 内容越靠上,获得的关注度越大。这一点在Pinterest,Digg和Facebook上有很明显的反映。但是在Twitter和Youtube上则稍好一点。

国外各大著名网站的用户眼球跟踪和眼球热力图(eyetracking):

社交网络 Facebook

个人头像和顶端第一条更新的信息获得了最大的关注度。

国外著名网站的眼球热力图、眼球跟踪图详解_第2张图片

这里显示的是测试者对于不同区域的浏览顺序,通常都是从中间的信息流开始。

国外著名网站的眼球热力图、眼球跟踪图详解_第3张图片

 

社交网络 Google +

尽管测试者在Google+页面的停留时间比其他社交网站都稍长,但是其个人头像图片却没有收获太大的注意力。

国外著名网站的眼球热力图、眼球跟踪图详解_第4张图片

测试者在Google+信息流的平均停留时间为5.9秒,比Facebook和LinkedIn都稍长

国外著名网站的眼球热力图、眼球跟踪图详解_第5张图片

LinkedIn,商务社交网站

在LinkedIn的页面上,网站标志获得了最大的关注

国外著名网站的眼球热力图、眼球跟踪图详解_第6张图片

国外著名网站的眼球热力图、眼球跟踪图详解_第7张图片

全球最大的图片网站 Flickr

同LinkedIn一样,Flickr的Logo比该页的其他图片更加吸引浏览者的注意

国外著名网站的眼球热力图、眼球跟踪图详解_第8张图片

国外著名网站的眼球热力图、眼球跟踪图详解_第9张图片

视频分享网站 Youtube

可以看到有一个视频获得了比其他视频高得多的关注度…

国外著名网站的眼球热力图、眼球跟踪图详解_第10张图片

国外著名网站的眼球热力图、眼球跟踪图详解_第11张图片

社交影响力网站 Klout

右下的小分数竟然比顶部显眼的大号分数获得了更高的关注度?这是神马情况…

我们techfrom在 社交影响力Klout,通过Twitter起步进驻Facebook,拥1000万美元融资详解过社交影响力网站 Klout。

国外著名网站的眼球热力图、眼球跟踪图详解_第12张图片

国外著名网站的眼球热力图、眼球跟踪图详解_第13张图片

社交新闻聚合网站 Reddit

Reddit顶部的post明显比底部的要首关注的多

国外著名网站的眼球热力图、眼球跟踪图详解_第14张图片

国外著名网站的眼球热力图、眼球跟踪图详解_第15张图片

 

社交新闻网站 Digg

Digg顶部的“大盒子”并没有如预期那样吸引浏览者的注意力。第一条更新仍然是最热点。

国外著名网站的眼球热力图、眼球跟踪图详解_第16张图片

国外著名网站的眼球热力图、眼球跟踪图详解_第17张图片

轻博客服务 Tumblr

只能说帅哥养眼

国外著名网站的眼球热力图、眼球跟踪图详解_第18张图片

国外著名网站的眼球热力图、眼球跟踪图详解_第19张图片

 

微博客商 Twitter

终于到Twitter了。在Twitte的个人页面中,顶部和底部的关注度差距不大。这点优于其他社交网站。

国外著名网站的眼球热力图、眼球跟踪图详解_第20张图片

国外著名网站的眼球热力图、眼球跟踪图详解_第21张图片

社交分享服务 StumbleUpon

尽管StumbleUpon的个人头像在右侧 — 同大部分社交网站都不一样,但是这并不能阻止它成为该页面的最热点。

国外著名网站的眼球热力图、眼球跟踪图详解_第22张图片

国外著名网站的眼球热力图、眼球跟踪图详解_第23张图片

图片展示在线书签服务 Pinterest

底部和顶部的关注度差距仍然很大。

国外著名网站的眼球热力图、眼球跟踪图详解_第24张图片

国外著名网站的眼球热力图、眼球跟踪图详解_第25张图片

(更多详细和深入的数据,大家可以再仔细观察上面的眼球跟踪热度图或者眼球热力图。)

最后,请注意该文非原创,原版英文的作者Sarah Kessler 来自Mashable, via,经过国内设计爱好者Nick Interaction Design译, via, techfrom 特呈现。

来源: http://www.techfrom.com/22036.html

国外著名网站的眼球热力图、眼球跟踪图详解,首发于 互联网分析。

你可能感兴趣的:(互联网,分析视角)