中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 藝術設計 > 設計理論 > 頁面長度與用戶行為的一些數(shù)據(jù)
帶頁碼的翻頁體驗與設計比較 回到列表 Web2.0視覺風格進化論一
 頁面長度與用戶行為的一些數(shù)據(jù)

作者:Farewelli 時間: 2007-01-23 文檔類型:翻譯 來自:JunChen

第 1 頁 頁面長度與用戶行為的一些數(shù)據(jù) [1]
第 2 頁 頁面長度與用戶行為的一些數(shù)據(jù) [2]

是不是頁面長就不好?

通過上面的數(shù)據(jù)可以看出,相當一部分用戶會拖動到頁面底部。那么,是不是頁面越長,用戶越是不愿意往下拖了(或者說有那么點小小的趨勢)?不是的,我們看圖說話:

上圖的分布還是相當平均的。不管頁面多長,并不會影響用戶掃視完整個頁面。

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

Above the Fold

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

從上圖中可以看出來,集中在三個地方,430px、600px 和 860px。這是當今最流行的三種分辨率下的重要內(nèi)容分隔點(Fold Location):800×600,、1024×768 和 1280×1024;旧鲜前逊直媛实母叨葴p去 170px(瀏覽器的非內(nèi)容區(qū)域)。而圍繞著這三個點的還有很多其他數(shù)據(jù),是因為用戶瀏覽器窗口、插件等因素的影響。

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

總結(jié)

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

出處:JunChen
責任編輯:blue

上一頁 頁面長度與用戶行為的一些數(shù)據(jù) [1] 下一頁

相關文章 更多相關鏈接
帶頁碼的翻頁體驗與設計比較
如何生成XML數(shù)據(jù)
頁面制作人員的修練之道
Web 標準實踐——Google 的首頁
《網(wǎng)頁配色密碼》
作者文章
帶頁碼的翻頁體驗與設計比較
(X)HTML Strict 下的嵌套規(guī)則
Web 標準實踐——Google 的首頁
關鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設計比賽 網(wǎng)頁制作 web標準 用戶體驗 UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點最新 站點最新列表
周大!熬•自然”設計大賽開啟
國際體驗設計大會7月將在京舉行
中國國防科技信息中心標志征集
云計算如何讓安全問題可控
云計算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機會
阿里行云
云手機年終巨獻,送禮標配299起
阿里巴巴CTO王堅的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機主題設計大賽
欄目最新 欄目最新列表
國外創(chuàng)意名片設計欣賞
情感化界面
線下項目工作流程(歸納篇)
線下項目工作流程(分析篇)
簡約而不簡單-Practise平面設計
培養(yǎng)用戶的使用習慣
優(yōu)秀名片設計
專題頭圖的秘密武器
別讓UED忽悠你(2):多少錢一斤
別讓UED忽悠你(1):天生的矛盾
>> 分頁 首頁 前頁 后頁 尾頁 頁次:2/21個記錄/頁 轉(zhuǎn)到 頁 共2個記錄

藍色理想版權申明:除部分特別聲明不要轉(zhuǎn)載,或者授權我站獨家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準打上各自站點的水印,亦不能抹去我站點水印。

特別注意:本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯(lián)系,版權歸原作者所有,文章若有侵犯作者版權,請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯誤,請用報告錯誤,以利文檔及時修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關的廣告鏈接,違者封ID
請您注意:
·不良評論請用報告管理員,以利管理員及時刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項有關法律法規(guī)
·承擔一切因您的行為而直接或間接導致的民事或刑事法律責任
·本站評論管理人員有權保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報告錯誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設計之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設計》
犀利開發(fā)—jQuery內(nèi)核詳解與實踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2