国外著名网站的眼球热力图、眼球跟踪图详解
现在大家都在谈论网站的用户体验(UE或UX)和界面设计UI等热门话题,techfrom从来对概念本身不是特别关注,更关注实际应用和数据等。去年12月份左右,国外 EyeTrackShop通过Mashable发布了一份有关国外几个著名网站和社交网络的用户眼球追踪图或者眼球热力图,尤其是个人信息页面(Profile Page)被浏览时候的热点分部情况。涉及到的被调查的网站包括:Facebook,Google+,LinkedIn,Flickr,Youtube,Klout,Reddit,Digg,Tumblr,Twitter,StumbleUpon 和Pinterest。我们特将呈现过读者,
眼球热力图(eyetracking)研究说明:
这项研究使用网络摄像头记录下了30个参与者在浏览各个社交网站个人信息页面时候的眼动情况(进入页面后10秒内的数据)。记录下的数据包括:页面上的哪些内容被重点“关照”到,以及用户浏览页面各主要区域的先后顺序。
尽管由于采样的数量还不够多,实验结果很难说完美。不过从现有的数据中,研究人员发现:
- 个人信息页面的头像很重要。 在Facebook,Klout和StunbleUpon中,头像是该页面最吸引浏览者注意的地方
- 你认识的朋友的头像也会获得相当的关注度。浏览者会查看该页面上你朋友的小头像图片。
- 内容越靠上,获得的关注度越大。这一点在Pinterest,Digg和Facebook上有很明显的反映。但是在Twitter和Youtube上则稍好一点。
国外各大著名网站的用户眼球跟踪和眼球热力图(eyetracking):
社交网络 Facebook
个人头像和顶端第一条更新的信息获得了最大的关注度。
这里显示的是测试者对于不同区域的浏览顺序,通常都是从中间的信息流开始。
社交网络 Google +
尽管测试者在Google+页面的停留时间比其他社交网站都稍长,但是其个人头像图片却没有收获太大的注意力。
测试者在Google+信息流的平均停留时间为5.9秒,比Facebook和LinkedIn都稍长
LinkedIn,商务社交网站
在LinkedIn的页面上,网站标志获得了最大的关注
全球最大的图片网站 Flickr
同LinkedIn一样,Flickr的Logo比该页的其他图片更加吸引浏览者的注意
视频分享网站 Youtube
可以看到有一个视频获得了比其他视频高得多的关注度…
社交影响力网站 Klout
右下的小分数竟然比顶部显眼的大号分数获得了更高的关注度?这是神马情况…
我们techfrom在 社交影响力Klout,通过Twitter起步进驻Facebook,拥1000万美元融资详解过社交影响力网站 Klout。
社交新闻聚合网站 Reddit
Reddit顶部的post明显比底部的要首关注的多
社交新闻网站 Digg
Digg顶部的“大盒子”并没有如预期那样吸引浏览者的注意力。第一条更新仍然是最热点。
轻博客服务 Tumblr
只能说帅哥养眼
微博客商 Twitter
终于到Twitter了。在Twitte的个人页面中,顶部和底部的关注度差距不大。这点优于其他社交网站。
社交分享服务 StumbleUpon
尽管StumbleUpon的个人头像在右侧 — 同大部分社交网站都不一样,但是这并不能阻止它成为该页面的最热点。
图片展示在线书签服务 Pinterest
底部和顶部的关注度差距仍然很大。
(更多详细和深入的数据,大家可以再仔细观察上面的眼球跟踪热度图或者眼球热力图。)
最后,请注意该文非原创,原版英文的作者Sarah Kessler 来自Mashable, via,经过国内设计爱好者Nick Interaction Design译, via, techfrom 特呈现。