让您的网站走出去, 把您的客户带进来! 吾帮YOU商务网专攻企业互联网应用开发,在互联网应用推广领域我们用心服务.
网站首页 域名注册 虚拟主机 网站建设 数据库 企业邮局 我的展厅 在线帮助
网站优化 网站推广 网站维护 购物系统 服务器 代理合作 友情链接 行业动态
  关键字: QQ在线联系:  396805398     28159358  
  当前位置:首页 > 吾帮YOU资讯
什么是 Cut-off 式设计

发布时间: 2007-02-21 20:21:56   来源: 互联网
 
文字 〖

上次在 ClickTale 的报告里面,谈到了两个概念:Above the foldCut-off。两者其实表达的基本是同一个意思。要理解本文的主题 Cut-off,必须先了解什么是 Above the fold。(找不到合适的中文翻译,这里英文还是比较容易理解的)

之前也说到了,Above the fold,应该起源于报纸的排版。Fold,即被折叠起来的部分,上次看到一份《南方周末》,报纸很大,折叠起来的。折叠起来的上面是文章,折叠起来的下面是一个大幅的广告,可惜文章的最后几行也被折叠到下面了,导致阅读起来很不便。对于 Web 来说,Fold 取决于用户分辨率的大小,特别是 Y 方向的高度。(白鸦有篇文章谈到,“现在已经是宽屏的时代,对于用户来说相比而言上下的空间比左右的空间更值得珍惜!”)

那么 Above the fold 就很好理解了。重要的内容应该位于折叠之上。但这要相对于用户来说的,翻阅报纸比用户滚动鼠标来说要麻烦得多。并且从 ClickTale 的数据上也可以看出来,网页的 Fold 存在的比例很小。

再举个例子。那次到北京去,白鸦给我发了条短信。短信不长,可是中间有个空行。为什么我这么介意空行?因为我的手机屏幕一次只能显示三行汉字,如果中间有个空行的话,我会以为短信已经结束了。

现在 Cut-off 式的设计应该就很容易理解了,即让网页设计成为被屏幕切断了,暗示用户往下滚动可以看到更多内容。不要在网页上空出大片的 100% 宽度的空白区域,这样用户可能以为内容已经结束。在页面上放置大的 banner 时要特别小心,不要让 banner 底部距离下面的内容太远。UIE 上给出了一些例子

另外我们经常可以看到很多网页的顶部有 100% 宽度的色条,也是在暗示用户,页面已经到顶了,不仅仅是为了好看而已。

所以如果通过数据反映出你的用户不经常往下翻阅的话,可以从这个角度去思考:是否设计上的失误?

我做了一个小测试,统计了一下鼠标滚动以及滚动条滚动的长度,供参考。如下:

测试环境:WinXP, Firefox 2.0, IE 6

Default Mouse Wheel Height in IE6 and Firefox 2.0
IE 6 Firefox 2.0
鼠标滚轮 127px 51px 一般系统硬件中设定滚轮滚动一次为3行,可惜这里的3行和网页文字大小、行高没有任何关系(和FF设定的文字大小相关,IE始终为固定)
滚动条 - 三角箭头 105px 17px 17px 正好是 51px 的三分之一,这意味着在FF下默认一行高 17px
滚动条 - 滚动块 4px 4px 这只是最小移动值
滚动条 - 滚动块以外的部分 741px 828px 这与页面长度无关

以上数据都是严格的滚动一次或者点击一次测得。实际上系统会有滚动的惯性加速度。另外,根据习惯,很少有只滚动一次(滚轮一格)的,一般一次滚动实际为 5-6 倍以上数据。


打印】【关闭

 

相关信息 
  秘决:怎做用户需要的网站  [ 2007-02-21 ]
  论如何从“营销”的角度加强“用户体验”  [ 2007-02-21 ]
  解决网站大流量问题的策略  [ 2007-02-21 ]
  阿里巴巴网页设计布局分析  [ 2007-02-21 ]

 

常见问题 网站建设、空间、域名
  网站建设、空间、域名 域名相关
  网站建设、空间、域名 主机疑问
  网站建设、空间、域名 邮箱问题
  网站建设、空间、域名 FTP上传
  网站建设、空间、域名 服务协议
  网站建设、空间、域名 付款方式
  网站建设、空间、域名 测试空间
  网站建设、空间、域名 为什么选择我们
  我还有一些疑问
关于我们 | 在线帮助 | 我的展厅 | 友情链接 | 联系我们 | 免责声明
Copyright © 2003-2007 58you.net, All Rights Reserved     深圳吾帮YOU电子商务网
电话:0755-33817880   81276855    手机:13410731760      邮箱: 396805398@qq.com
地址:深圳宝安区龙华民治社区樟坑三区205栋梅龙大厦802      ICP备05004466号   我要啦免费统计