建站常识
页面长度与用户行为的一些数据
2007-01-24 14:05:00
以色列公司 ClickTale 在 06 年底的时候发布了他们针对 120,000 次页面浏览(06 年 11 月至 12 月)数据统计分析♌的报告,主要分析了页面长度和用户拖动滚动条之间的关系(不包括横向滚动条,以下提到的滚动条都是指💧纵向滚动条)。下面是部分内容摘要:
总体数据
- 91% 的页面浏览都是有滚动条的;
- 在这 91% 中,有 76% 的页面浏览,是用户滚动页面至一定程度(但不到底);
- 在这 91% 中,有 22% 的页面浏览,是用户从页面顶部拖动到底部。
虽然 22% 看起来不是很高,但其实因为统计的数据中大部分页面浏览是重复的(不同人,相同页面),并且在绝大多数情况下用户可以从页面顶部找到想要的信息,回头客也会根据自己需要访问固定的部分,所以 22% 这个比例是相当高的。
众♐所周知,新浪的页面很长,但是他巧妙的在新闻频道加拿大预测𒆙网-在线预测的最底部放置了“社会新闻”,其中内容主要是“男子强奸女工不成将其捅死”“男子多次在女厕外偷窥被抓”之类的新闻。如果统计的是新浪新闻频道的数据…肯定不准。
下面这个表格显♎示在这 120,000 次页面浏览数据中,用户往下滚动高度(ScrollRe🐲ach, px)的比例:
看上去大部分人只浏览页面的 500px - 900px(一至两屏)的高度,不拖动到页面底部。但是这个结论是错误的。因为用户拖动的高度受到页面高𓃲度的限制,见下图:
页面的高度集中在 600px - 150♕0px,为了排除这个因素的影响,把上面两张图的数据♏加一下权看一下分布情况。如下图:
看到最后的那个 100%(从ℱ头拖到尾)的比例,是否有些惊讶?这就是前文中 22% 的由来。还不相信,可能♈你觉得这个比例仅在页面高度不高的情况下才成立。没关系,再看一张图:
上图显示的是,在页面高度为 4000px - 4100px 的情况下,用户拖动高度的比例分布。当然,不是说用户阅读完了整个页面,而是说他们扫视完了整♓个页💛面,在上图中是 23%。
#p#是不是页面长就不好?
通过上面的数据可以看出,相当一部分用户会拖动到页面底🐎部。那么,是不是页面越长,用户越是不愿意往下拖了(或者说有那么点小小的趋势)?不是的,我们看图说话:
上图的分布还是相当平均的。不管页面多长,并不会影响用户扫视完整个页面。
大部分用户会扫视 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 月份的时候就提交了注册,到现在还不让我测试),近期应该会有公开测试,继续留意。
近期更新
- [2025-02-11 14:34:54] 加拿大预测网-在线预测:青岛高端网站定制化设计
- [2023-06-25 23:22:29] 加拿大预测网-在线预测:优秀网站设计的五大特点
- [2023-04-27 14:05:55] 加拿大预测网-在线预测:Html 5 响应式网站设计制作
- [2023-04-10 11:07:30] 加拿大预测网-在线预测: 网站建设制作流程知多少
- [2022-10-14 10:11:30] 加拿大预测网-在线预测:做网站设计应该更看重框架搭建还是视觉观感?
- [2022-08-09 15:57:48] 加拿大预测网-在线预测:以“产品”思维搭建网站!
- [2022-08-08 09:12:57] 加拿大预测网-在线预测:一家公司的网站应该有哪些板块内容?
- [2022-08-05 09:28:06] 加拿大预测网-在线预测:企业网站建设为什么要设置新闻板块?
- [2022-07-04 15:58:06] 加拿大预测网-在线预测:网站加拿大预测网-在线预测设计的好看,这个网站就成功了一大半!
- [2022-05-20 09:34:19] 加拿大预测网-在线预测:网站后台管理系统是什么?有什么作用?
- [2022-05-17 11:29:32] 加拿大预测网-在线预测:作为消费者,应该如何选择一家水平高的网站建设公司
- [2022-05-17 11:27:01] 加拿大预测网-在线预测:高端网站定制与模板化网站应该怎么选择?
延伸阅读
解决方案
加拿大预测网-在线预测: 轮胎行业网站设计解决方案 加拿大预测网-在线预测: 机械行业网站设计解决方案 加拿大预测网-在线预测: 房地产行业网站设计解决方案 加拿大预测网-在线预测: 科技企业网站设计解决方案 加拿大预测网-在线预测: 电子家电网站设计解决方案 加拿大预测网-在线预测: 食品行业网站设计解决方案 加拿大预测网-在线预测: 集团公司网站设计解决方案 加拿大预测网-在线预测: 企事业单位网站设计解决方案 加拿大预测网-在线预测: 外贸行业网站设计解决方案 加拿大预测网-在线预测: 健身运动网站设计解决方案 加拿大预测网-在线预测: 美容与化妆品网站设计解决方案 加拿大预测网-在线预测: 建筑设计行业网站设计解决方案 加拿大预测网-在线预测: 物流行业网站设计解决方案