页面长度与用户行为的一些数据
写于 2007年01月21日 15:59 评论(16)

以色列公司 ClickTale 在 06 年底的时候发布了他们针对 120,000 次页面浏览(06 年 11 月至 12 月)数据统计分析的报告,主要分析了页面长度和用户拖动滚动条之间的关系(不包括横向滚动条,以下提到的滚动条都是指纵向滚动条)。下面是部分内容摘要:
总体数据
- 91% 的页面浏览都是有滚动条的;
- 在这 91% 中,有 76% 的页面浏览,是用户滚动页面至一定程度(但不到底);
- 在这 91% 中,有 22% 的页面浏览,是用户从页面顶部拖动到底部。
虽然 22% 看起来不是很高,但其实因为统计的数据中大部分页面浏览是重复的(不同人,相同页面),并且在绝大多数情况下用户可以从页面顶部找到想要的信息,回头客也会根据自己需要访问固定的部分,所以 22% 这个比例是相当高的。
众所周知,新浪的页面很长,但是他巧妙的在新闻频道首页的最底部放置了“社会新闻”,其中内容主要是“男子强奸女工不成将其捅死”“男子多次在女厕外偷窥被抓”之类的新闻。如果统计的是新浪新闻频道的数据…肯定不准。
下面这个表格显示在这 120,000 次页面浏览数据中,用户往下滚动高度(ScrollReach, px)的比例:

看上去大部分人只浏览页面的 500px - 900px(一至两屏)的高度,不拖动到页面底部。但是这个结论是错误的。因为用户拖动的高度受到页面高度的限制,见下图:

页面的高度集中在 600px - 1500px,为了排除这个因素的影响,把上面两张图的数据加一下权看一下分布情况。如下图:

看到最后的那个 100%(从头拖到尾)的比例,是否有些惊讶?这就是前文中 22% 的由来。还不相信,可能你觉得这个比例仅在页面高度不高的情况下才成立。没关系,再看一张图:

上图显示的是,在页面高度为 4000px - 4100px 的情况下,用户拖动高度的比例分布。当然,不是说用户阅读完了整个页面,而是说他们扫视完了整个页面,在上图中是 23%。
是不是页面长就不好?
通过上面的数据可以看出,相当一部分用户会拖动到页面底部。那么,是不是页面越长,用户越是不愿意往下拖了(或者说有那么点小小的趋势)?不是的,我们看图说话:

上图的分布还是相当平均的。不管页面多长,并不会影响用户扫视完整个页面。

大部分用户会扫视 90% 以上的内容(页面高度)。
Above the Fold
“Above the Fold”这个词最初用在报纸上面,可以理解为重要内容。因为报纸会被折叠成一定的大小送到用户手里。那么重要的内容不允许被折叠起来,比如头版的内容。对于网页来说,存不存在重要内容分隔点呢?没有准确的值,因为这取决于用户屏幕分辨率、浏览器窗口、安装浏览器插件和 Toolbar 的情况。下图是从数据中统计出来的分布情况(我不大清楚下图数据如何得来的,有什么方法?):

从上图中可以看出来,集中在三个地方,430px、600px 和 860px。这是当今最流行的三种分辨率下的重要内容分隔点(Fold Location):800×600,、1024×768 和 1280×1024。基本上是把分辨率的高度减去 170px(浏览器的非内容区域)。而围绕着这三个点的还有很多其他数据,是因为用户浏览器窗口、插件等因素的影响。
注意图中最高的 600px 那个点(1024*768 的分辨率是主流),仍然不足 10%。所以我们基本上可以这么认为,网页上没有所谓的重要内容分隔点,这和报纸不一样。
总结
- 设计师可以拿着这些统计数据,告诉你的老板,不要把文字缩在一起,为了减少用户的负担,可以适当增加高度,增加文字大小或者行距,使阅读起来更舒适;
- 也不要太在意把什么内容都往第一屏上堆,注意平衡;
- 数据显示大部分用户会一直拖动到底,但是为了让用户不要那么辛苦,还是控制一下页面的高度;
- 精简文字内容,适当增加图片,用户是在“扫”网页,而不是“阅读”。这和 Jakob Nielsen 的十大网站设计错误里面的第四条一致;
- 使用一种 cut-off 式的设计,让用户主动往下拖动滚动条。
ClickTale 提供视频回放式的用户行为数据统计服务,他们的口号是 Because Every User Has A Story。目前处在 closed beta 测试阶段(我去年 8 月份的时候就提交了注册,到现在还不让我测试),近期应该会有公开测试,继续留意。
J.
原文地址:http://www.junchenwu.com/2007/01/some_data_about_scroll_reach_and_page_height.html
评论(16)
谢谢,我正需要这些数据
如果這項實驗計畫正確的話,
那還真的打破很多人對網頁設計的錯誤觀念 @@
不過話說,其實各國對於網頁的觀感都不同,如果能分國家就更好,
這樣做出來的數據說不定會更準更具參考價值~
好文,颠覆了很多人原来的错误观念
to Newserr Blog: 就 ClickTale 公司的统计能力来说,也是可以做到分国家和地区的。我也相信统计的数据是正确的。国内什么时候也能有这么一份报告就好了。
非常有用~谢谢分享:)
国内一般这种组织比较少,或许更多的人习惯去接受事物,而缺乏一种探索,研究的态度!
的确,国内的人大多习惯去接受,
少了自己去研究探索的心态……少了,
用心去发现自己喜欢的形式……
这份数据不能代表国内的情况吧~
参考一下而已~
谢谢楼主,非常有益的数据~
不错,这样的数据很有参考意义!
http://farm1.static.flickr.com/145/364336528_ac0eb5abb2_o.gif
这图太有内涵了!~ :)
作者好像是以自己的先入观念——页面滚动没有坏处为依据,利用数据来说明自己的观点,数据在这里被利用,而不是依据。作者把很多自己的猜测放在了数据分析中,这本身就跟数据的严谨性格格不入。不知道作者能不能把数据跟兄弟分享一下,兄弟也想认真分析一下。
谢谢!
说个地址也行啊!大家交流。
to zoel: 本文参考ClickTale的Blog,如果需要具体,请发邮件向以色列那个公司索取。
很有意思的文章,我也在很久以前就向clicktale提交了注册,至今也沒有得到回應…
顶2楼~
不过如果以上国内的数据,我还真会有点半信半疑。。
EN~有不错的参考意义~~~
但是好象忽略了两点:网页的类型和用户群的分析
1、不同类型的页面侧重点不同,比如搜索结果类的页面,大部分人都会由头到尾查阅吧,如google的,因为越往前的页面内容越“真”;而购物站点的页面就不一样了,用户很多时候看看离HEAD部分较近的域,有没有什么新产品到货或者促销什么就过了;
2、不同年龄、不同地区、不同行业阶层、不同生活方式,以及不同性格的用户,浏览都有区别的,这个不是一两句就可以讲得清楚的,比如性子急的朋友一看到长篇大论的就晕了,看看吸引眼球的东西就算了。
为何图片显示不了呢?