页面长度与用户行为的一些数据
以色列公司 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%。
Flickr 照片列表的翻页
- “上一页”“下一页”永远显示，但不同情况显示不同样式；
- 按了“上一页”或“下一页”之后则边框加粗（成为重点），引导你继续往下点；
- 告知用户列表的总数量；
- 数量少得情况下，提供了“最后一页”的链接（图上没有）；
- 可以访问到所有的页，可惜如上图所示超过一定的页码，显示上有问题（IE 和 FF 都这样）。
新浪文章留言部分的翻页
- 新浪评论部分的翻页，Ajax 可以拖动翻页（显摆用的）；
- 永远提供“第一页”“最后一页”“上一页”“下一页”的链接，但是样式基本一致没有差别；
- 告知用户列表的总数量；
- 提供批量翻页（“上 10 页”）。
但是在新浪博客（新浪比较有代表性的新产品）中，我们也可以看到以下相对比较粗糙的翻页：
新浪博客的翻页
- 给出了“最后一页”的链接，直接显示为“第 n 页”，如上图中的“第 7 页”；
- 在单个博客页面上的翻页，以“>>”作为下一页，而不是常见的“>”；
- 提供了批量翻页（“上 5 页”）。
是不是页面长就不好？
通过上面的数据可以看出，相当一部分用户会拖动到页面底部。那么，是不是页面越长，用户越是不愿意往下拖了（或者说有那么点小小的趋势）？不是的，我们看图说话：
上图的分布还是相当平均的。不管页面多长，并不会影响用户扫视完整个页面。
大部分用户会扫视 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 月份的时候就提交了注册，到现在还不让我测试），近期应该会有公开测试，继续留意。
