JunChen Wu / 设计

页面长度与用户行为的一些数据

写于 2007年01月21日 15:59 评论(16)

ClickTale Logo

以色列公司 ClickTale 在 06 年底的时候发布了他们针对 120,000 次页面浏览(06 年 11 月至 12 月)数据统计分析的报告,主要分析了页面长度和用户拖动滚动条之间的关系(不包括横向滚动条,以下提到的滚动条都是指纵向滚动条)。下面是部分内容摘要:

总体数据

  • 91% 的页面浏览都是有滚动条的;
  • 在这 91% 中,有 76% 的页面浏览,是用户滚动页面至一定程度(但不到底);
  • 在这 91% 中,有 22% 的页面浏览,是用户从页面顶部拖动到底部。

虽然 22% 看起来不是很高,但其实因为统计的数据中大部分页面浏览是重复的(不同人,相同页面),并且在绝大多数情况下用户可以从页面顶部找到想要的信息,回头客也会根据自己需要访问固定的部分,所以 22% 这个比例是相当高的。

众所周知,新浪的页面很长,但是他巧妙的在新闻频道首页的最底部放置了“社会新闻”,其中内容主要是“男子强奸女工不成将其捅死”“男子多次在女厕外偷窥被抓”之类的新闻。如果统计的是新浪新闻频道的数据…肯定不准。

下面这个表格显示在这 120,000 次页面浏览数据中,用户往下滚动高度(ScrollReach, px)的比例:

ScrollReach Abs

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

PageHeight

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

ScrollReach Rel

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

ScrollReach 4000-4100

上图显示的是,在页面高度为 4000px - 4100px 的情况下,用户拖动高度的比例分布。当然,不是说用户阅读完了整个页面,而是说他们扫视完了整个页面,在上图中是 23%。

是不是页面长就不好?

通过上面的数据可以看出,相当一部分用户会拖动到页面底部。那么,是不是页面越长,用户越是不愿意往下拖了(或者说有那么点小小的趋势)?不是的,我们看图说话:

Scrolled to Bottom

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

Scrolled to 90%+

大部分用户会扫视 90% 以上的内容(页面高度)。

Above the Fold

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

Fold Location

从上图中可以看出来,集中在三个地方,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 月份的时候就提交了注册,到现在还不让我测试),近期应该会有公开测试,继续留意。

Warm Regards,
J.

原文地址:http://www.junchenwu.com/2007/01/some_data_about_scroll_reach_and_page_height.html

评论(16)

citywill - 2007年01月22日 20:47

谢谢,我正需要这些数据

Newserr Blog - 2007年01月22日 23:13

如果這項實驗計畫正確的話,

那還真的打破很多人對網頁設計的錯誤觀念 @@

不過話說,其實各國對於網頁的觀感都不同,如果能分國家就更好,

這樣做出來的數據說不定會更準更具參考價值~

老熊 - 2007年01月23日 11:16

好文,颠覆了很多人原来的错误观念

JunChen - 2007年01月23日 11:44

to Newserr Blog: 就 ClickTale 公司的统计能力来说,也是可以做到分国家和地区的。我也相信统计的数据是正确的。国内什么时候也能有这么一份报告就好了。

小甲 - 2007年01月23日 13:47

非常有用~谢谢分享:)

怿飞 - 2007年01月23日 18:10

国内一般这种组织比较少,或许更多的人习惯去接受事物,而缺乏一种探索,研究的态度!

Irene - 2007年01月24日 09:02

的确,国内的人大多习惯去接受,

少了自己去研究探索的心态……少了,

用心去发现自己喜欢的形式……

binbin - 2007年01月24日 09:32

这份数据不能代表国内的情况吧~
参考一下而已~
谢谢楼主,非常有益的数据~

Jackie - 2007年01月25日 14:38

不错,这样的数据很有参考意义!

aw - 2007年01月29日 15:54

http://farm1.static.flickr.com/145/364336528_ac0eb5abb2_o.gif
这图太有内涵了!~ :)

zoel - 2007年02月01日 11:25

作者好像是以自己的先入观念——页面滚动没有坏处为依据,利用数据来说明自己的观点,数据在这里被利用,而不是依据。作者把很多自己的猜测放在了数据分析中,这本身就跟数据的严谨性格格不入。不知道作者能不能把数据跟兄弟分享一下,兄弟也想认真分析一下。
谢谢!
说个地址也行啊!大家交流。

JunChen - 2007年02月01日 12:39

to zoel: 本文参考ClickTale的Blog,如果需要具体,请发邮件向以色列那个公司索取。

Maxxi - 2007年02月20日 18:18

很有意思的文章,我也在很久以前就向clicktale提交了注册,至今也沒有得到回應…

jessica - 2007年03月19日 10:49

顶2楼~
不过如果以上国内的数据,我还真会有点半信半疑。。

simon - 2007年05月17日 15:49

EN~有不错的参考意义~~~
但是好象忽略了两点:网页的类型和用户群的分析
1、不同类型的页面侧重点不同,比如搜索结果类的页面,大部分人都会由头到尾查阅吧,如google的,因为越往前的页面内容越“真”;而购物站点的页面就不一样了,用户很多时候看看离HEAD部分较近的域,有没有什么新产品到货或者促销什么就过了;
2、不同年龄、不同地区、不同行业阶层、不同生活方式,以及不同性格的用户,浏览都有区别的,这个不是一两句就可以讲得清楚的,比如性子急的朋友一看到长篇大论的就晕了,看看吸引眼球的东西就算了。

黑白画映 - 2007年06月30日 01:32

为何图片显示不了呢?

发表评论