您的位置: 首页 > 艺术设计 > 设计理论 > 页面长度与用户行为的一些数据
带页码的翻页体验与设计比较 回到列表 Web2.0视觉风格进化论一
 页面长度与用户行为的一些数据

作者:Farewelli 时间: 2007-01-23 文档类型:翻译 来自:JunChen
浏览统计 total:4758 | year:4758 | Quarter:738 | Month:115 | Week:37 | today:7


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

以色列公司 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%。

出处:JunChen
责任编辑:blue

上一页 下一页 页面长度与用户行为的一些数据 [2]

相关文章 更多相关链接
带页码的翻页体验与设计比较
如何生成XML数据
页面制作人员的修练之道
Web 标准实践——Google 的首页
《网页配色密码》
作者文章
带页码的翻页体验与设计比较
(X)HTML Strict 下的嵌套规则
Web 标准实践——Google 的首页
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
可用性测试开始前
千寻艺术书签欣赏
遇见另一个自己
Fireworks制作X-ray暗黑中的花朵
Photoshop绘制水墨风格
Yahoo! China
[摄影]蜻蜓
Fireworks用陨石背景打造飞火连天
[摄影]上海
产品设计中的一致性原则
栏目最新 栏目最新列表
可用性测试开始前
千寻艺术书签欣赏
Yahoo! China
产品设计中的一致性原则
技术限制下交互差错及应对
是的,你应该用personas
如何向Yahoo!主页学习
Tag的创建和组织
让人物角色站到你面前
信息之美
>> 分页 首页 前页 后页 尾页 页次:1/21个记录/页 转到 页 共2个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文现有 3 条评论 评分:- llllllllllllllllllll + 评分人数: 2 ,平均分: 5.00


blankzheng Publish at 2007-1-27 17:17:09 评分5
国内的习惯如何呢,如果能补充下国内的研究或许更完美!毕竟中国人习惯和外国人还是有很多差异的!
xwgemini Publish at 2007-1-24 10:11:08 评分5
不错 不错~~~~~~·
kero Publish at 2007-1-23 15:32:30
好文章
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
Don't Make Me Think 第2版
HTM与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《网页配色密码》
《设计师谈网页设计思维》
《Photoshop实用技能案例详解》