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

總體數據

• 91% 的頁(yè)面瀏覽都是有滾動(dòng)條的；   
• 在這 91% 中，有 76% 的頁(yè)面瀏覽，是用戶(hù)滾動(dòng)頁(yè)面至一定程度（但不到底）；   
• 在這 91% 中，有 22% 的頁(yè)面瀏覽，是用戶(hù)從頁(yè)面頂部拖動(dòng)到底部。   

雖然 22% 看起來(lái)不是很高，但其實(shí)因為統計的數據中大部分頁(yè)面瀏覽是重復的（不同人，相同頁(yè)面），并且在絕大多數情況下用戶(hù)可以從頁(yè)面頂部找到想要的信息，回頭客也會(huì )根據自己需要訪(fǎng)問(wèn)固定的部分，所以 22% 這個(gè)比例是相當高的。

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

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

看上去大部分人只瀏覽頁(yè)面的 500px - 900px（一至兩屏）的高度，不拖動(dòng)到頁(yè)面底部。但是這個(gè)結論是錯誤的。因為用戶(hù)拖動(dòng)的高度受到頁(yè)面高度的限制，見(jiàn)下圖：

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

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

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

是不是頁(yè)面長(cháng)就不好？

通過(guò)上面的數據可以看出，相當一部分用戶(hù)會(huì )拖動(dòng)到頁(yè)面底部。而不是頁(yè)面越長(cháng)，用戶(hù)越是不愿意往下拖了,我們看圖說(shuō)話(huà)：

上圖的分布還是相當平均的。不管頁(yè)面多長(cháng)，并不會(huì )影響用戶(hù)掃視完整個(gè)頁(yè)面。

大部分用戶(hù)會(huì )掃視 90% 以上的內容（頁(yè)面高度）。

Above the Fold

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

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

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

總結

• 設計師可以拿著(zhù)這些統計數據，告訴你的老板，不要把文字縮在一起，為了減少用戶(hù)的負擔，可以適當增加高度，增加文字大小或者行距，使閱讀起來(lái)更舒適；   
• 也不要太在意把什么內容都往第一屏上堆，注意平衡；   
• 數據顯示大部分用戶(hù)會(huì )一直拖動(dòng)到底，但是為了讓用戶(hù)不要那么辛苦，還是控制一下頁(yè)面的高度；   
• 精簡(jiǎn)文字內容，適當增加圖片，用戶(hù)是在“掃”網(wǎng)頁(yè)，而不是“閱讀”。這和 Jakob Nielsen 的十大網(wǎng)站設計錯誤里面的第四條一致；   
• 使用一種 cut-off 式的設計，讓用戶(hù)主動(dòng)往下拖動(dòng)滾動(dòng)條。   

ClickTale 提供視頻回放式的用戶(hù)行為數據統計服務(wù)，他們的口號是 Because Every User Has A Story。目前處在 closed beta 測試階段（我去年 8 月份的時(shí)候就提交了注冊，到現在還不讓我測試），近期應該會(huì )有公開(kāi)測試，繼續留意。