2009-05-26
上次在ClickTale的报告里面，谈到了两个概念：Abovethefold和Cut-off。两者其实表达的基本是同一个意思。要理解本文的主题Cut-off，必须先了解什么是Abovethefold。（找不到合适的中文翻译，这里英文还是比较容易理解的）之前也说到了，Abovethefold，应该起源于报纸的排版。Fold，即被折叠起来的部分，上次看到一份《南方周末》，报纸很大，折叠起来的。折叠起来的上面是文章，折叠起来的下面是一个大幅的广告，可惜文章的最后几行也被折叠到下面了，导致阅读起来很不便。对于Web来说，Fold取决于用户分辨率的大小，特别是Y方向的高度。（白鸦有篇文章谈到，“现在已经是宽屏的时代，对于用户来说相比而言上下的空间比左右的空间更值得珍惜！”）那么Abovethefold就很好理解了。重要的内容应该位于折叠之上。但这要相对于用户来说的，翻阅报纸比用户滚动鼠标来说要麻烦得多。并且从ClickTale的数据上也可以看出来，网页的Fold存在的比例很小。再举个例子。那次到北京去，白鸦给我发了条短信。短信不长，可是中间有个空行。为什么我这么介意空行？因为我的手机屏幕一次只能显示三行汉字，如果中间有个空行的话，我会以为短信已经结束了。现在Cut-off式的设计应该就很容易理解了，即让网页设计成为被屏幕切断了，暗示用户往下滚动可以看到更多内容。不要在网页上空出大片的100%宽度的空白区域，这样用户可能以为内容已经结束。在页面上放置大的banner时要特别小心，不要让banner底部距离下面的内容太远。UIE上给出了一些例子。另外我们经常可以看到很多网页的顶部有100%宽度的色条，也是在暗示用户，页面已经到顶了，不仅仅是为了好看而已。所以如果通过数据反映出你的用户不经常往下翻阅的话，可以从这个角度去思考：是否设计上的失误？我做了一个小测试，统计了一下鼠标滚动以及滚动条滚动的长度，供参考。如下：测试环境：WinXP,Firefox2.0,IE6