以色列公司 ClickTale 在 06 年底的時(shí)候發(fā)布了他們針對 120,000 次頁面瀏覽（06 年 11 月至 12 月）數(shù)據(jù)統(tǒng)計(jì)分析的報(bào)告，主要分析了頁面長度和用戶拖動滾動條之間的關(guān)系（不包括橫向滾動條，以下提到的滾動條都是指縱向滾動條）。下面是部分內(nèi)容摘要：

總體數(shù)據(jù)

• 91% 的頁面瀏覽都是有滾動條的；
• 在這 91% 中，有 76% 的頁面瀏覽，是用戶滾動頁面至一定程度（但不到底）；
• 在這 91% 中，有 22% 的頁面瀏覽，是用戶從頁面頂部拖動到底部。
  雖然 22% 看起來不是很高，但其實(shí)因?yàn)榻y(tǒng)計(jì)的數(shù)據(jù)中大部分頁面瀏覽是重復(fù)的（不同人，相同頁面），并且在絕大多數(shù)情況下用戶可以從頁面頂部找到想要的信息，回頭客也會根據(jù)自己需要訪問固定的部分，所以 22% 這個(gè)比例是相當(dāng)高的。

眾所周知，新浪的頁面很長，但是他巧妙的在新聞?lì)l道首頁的最底部放置了“社會新聞”，其中內(nèi)容主要是“男子強(qiáng)奸女工不成將其捅死”“男子多次在女廁外偷窺被抓”之類的新聞。如果統(tǒng)計(jì)的是新浪新聞?lì)l道的數(shù)據(jù)…肯定不準(zhǔn)。

下面這個(gè)表格顯示在這 120,000 次頁面瀏覽數(shù)據(jù)中，用戶往下滾動高度（ScrollReach, px）的比例：

看上去大部分人只瀏覽頁面的 500px - 900px（一至兩屏）的高度，不拖動到頁面底部。但是這個(gè)結(jié)論是錯(cuò)誤的。因?yàn)橛脩敉蟿拥母叨仁艿巾撁娓叨鹊南拗?，見下圖：

頁面的高度集中在 600px - 1500px，為了排除這個(gè)因素的影響，把上面兩張圖的數(shù)據(jù)加一下權(quán)看一下分布情況。如下圖：

看到最后的那個(gè) 100%（從頭拖到尾）的比例，是否有些驚訝？這就是前文中 22% 的由來。還不相信，可能你覺得這個(gè)比例僅在頁面高度不高的情況下才成立。沒關(guān)系，再看一張圖：

上圖顯示的是，在頁面高度為 4000px - 4100px 的情況下，用戶拖動高度的比例分布。當(dāng)然，不是說用戶閱讀完了整個(gè)頁面，而是說他們掃視完了整個(gè)頁面，在上圖中是 23%。

是不是頁面長就不好？

通過上面的數(shù)據(jù)可以看出，相當(dāng)一部分用戶會拖動到頁面底部。那么，是不是頁面越長，用戶越是不愿意往下拖了（或者說有那么點(diǎn)小小的趨勢）？不是的，我們看圖說話：

上圖的分布還是相當(dāng)平均的。不管頁面多長，并不會影響用戶掃視完整個(gè)頁面。

大部分用戶會掃視 90% 以上的內(nèi)容（頁面高度）。

Above the Fold

“Above the Fold”這個(gè)詞最初用在報(bào)紙上面，可以理解為重要內(nèi)容。因?yàn)閳?bào)紙會被折疊成一定的大小送到用戶手里。那么重要的內(nèi)容不允許被折疊起來，比如頭版的內(nèi)容。對于網(wǎng)頁來說，存不存在重要內(nèi)容分隔點(diǎn)呢？沒有準(zhǔn)確的值，因?yàn)檫@取決于用戶屏幕分辨率、瀏覽器窗口、安裝瀏覽器插件和 Toolbar 的情況。下圖是從數(shù)據(jù)中統(tǒng)計(jì)出來的分布情況（我不大清楚下圖數(shù)據(jù)如何得來的，有什么方法？）：

從上圖中可以看出來，集中在三個(gè)地方，430px、600px 和 860px。這是當(dāng)今最流行的三種分辨率下的重要內(nèi)容分隔點(diǎn)（Fold Location）：800×600,、1024×768 和 1280×1024。基本上是把分辨率的高度減去 170px（瀏覽器的非內(nèi)容區(qū)域）。而圍繞著這三個(gè)點(diǎn)的還有很多其他數(shù)據(jù)，是因?yàn)橛脩魹g覽器窗口、插件等因素的影響。

注意圖中最高的 600px 那個(gè)點(diǎn)（1024*768 的分辨率是主流），仍然不足 10%。所以我們基本上可以這么認(rèn)為，網(wǎng)頁上沒有所謂的重要內(nèi)容分隔點(diǎn)，這和報(bào)紙不一樣。

總結(jié)

• 設(shè)計(jì)師可以拿著這些統(tǒng)計(jì)數(shù)據(jù)，告訴你的老板，不要把文字縮在一起，為了減少用戶的負(fù)擔(dān)，可以適當(dāng)增加高度，增加文字大小或者行距，使閱讀起來更舒適；
• 也不要太在意把什么內(nèi)容都往第一屏上堆，注意平衡；
• 數(shù)據(jù)顯示大部分用戶會一直拖動到底，但是為了讓用戶不要那么辛苦，還是控制一下頁面的高度；
• 精簡文字內(nèi)容，適當(dāng)增加圖片，用戶是在“掃”網(wǎng)頁，而不是“閱讀”。這和 Jakob Nielsen 的十大網(wǎng)站設(shè)計(jì)錯(cuò)誤里面的第四條一致；
• 使用一種 cut-off 式的設(shè)計(jì)，讓用戶主動往下拖動滾動條。
  ClickTale 提供視頻回放式的用戶行為數(shù)據(jù)統(tǒng)計(jì)服務(wù)，他們的口號是 Because Every User Has A Story。目前處在 closed beta 測試階段（我去年 8 月份的時(shí)候就提交了注冊，到現(xiàn)在還不讓我測試），近期應(yīng)該會有公開測試，繼續(xù)留意。