企業與個人網絡營銷一站式服務商
        網站建設 / SEO優化排名 / 小程序開發 / OA
        0731-88571521
        136-3748-2004
        網站制作中的網頁設計的80/20規則
        信息來源:長沙做網站   發布時間:2011-2-18   瀏覽:

          在網站和網絡應用設計中,80/20規則對用戶體驗有深遠的影響,并最終影響網站和網絡應用的內容效用和功能。

          本文首先給出了80/20規則的基本定義,然后通過案例講解80/20規則是如何產生效用的。最后通過對80/20規則知識的搜集總結出一些經驗與大家分享。

          80/20規則是什么?

          80/20規則最初是由意大利經濟學家維弗雷多·帕雷托總結出來的,但是帕雷托原理的命名是由約瑟夫·M.·朱藍提出的。

          以下是對80/20規則的兩種定義。一是從設計通用原則一書中。

          80/20 規則認為在任何一個大型的系統中,大約80%的效用就由系統中20%的變量產生的。

          維基百科對80/20 規則的定義是:

          大許多情況下,大約80%的影響是產生于20%的原因。

          做為設計人員,你將會發現80/20規則不是能夠直接人為控制的,我們觀察到它是自然而然產生的。

          對80/20 規則的了解可以使我們獲得有價值的信息,并在提高設計易用性和效用方面幫助我們做出決策。

          不必糾結于規則的假設性本質

          有些批評者認為80/20規則只是一個假設,它只是一個極其一般的系統理論,很多情況下是不適用的。

          但先暫且拋開假設問題不談,對用戶界面和功能的設計人員來說,理論概念可以幫助他們審查和優化。無論這理論是70/30規則還是90/10規則。

          用戶體驗中如何應用80/20規則?

          80/20規則表明80%的結果是由20%的功能和特性決定的,這一規則適用于所有網站、網絡應用程序和軟件。

          有些情況下,確定至關重要的20%的構成是容易的。 通過網頁數據統計、表單提交和session cookies可以追蹤到用戶的使用行為,幫助我們了解用戶與哪些UI區域有最多的交互。

          然而,這些方法對于分析一些細小的行為是比較困難的。此時,易用性研究就可以派上用場。

          案例:識別80/20規則

          無論是有意而為,還是無心所至,大量的案例可以說明80/20規則在UI和UX設計師心中的地位。

          以UI中最常見的下拉菜單為例,選擇注冊表中的國家項。 多數網站開發人員和內容設計者會發現,某些國家被選中的機率為80%。

          如下圖,雖然不按字母排列順序似乎是不合適的,但按照80/20規則,將被選擇次數最多的選項安置到項端是一個慣例。

          

         

          當在亞馬遜選擇一個新的地址時,默認選項一定是選擇率最高。如下圖,美國。

          

         

          下面這個英國商務網站就是將英國作為默認選項。

          

         

          以上的例子說明對最常使用的功能和選項進行優化的重要性。

          用戶一般往哪看?

          網絡用戶的“F型”閱讀和瀏覽習慣現在已經確定。雖然 “F型”不一定適合所有的環境,但了解這一點,在用戶與你的設計進行交互時,便大概知曉用戶的關注點。

          下圖為用戶關注的熱圖分布:

          

         

          假設這張圖很好的說明用戶的視覺關注點,這也正支持了80/20規則理論。圖上最受關注的區域占到了頁面的20%,用戶80%的時間用于關注此20%的區域。

          做為設計人員,掌握了這個知識以后,便會注重增強和優化用戶習慣性關注的區域。

          當然,決定用戶關注點的往往是設計本身,“F型”僅僅是一個基本的向導,不可以教條的使用F型來決定20%的位置。

          移動設計趨勢和80/20規則

          伴隨著當前移動設備的大行其道,許多設計師和開發人員嘗試首先設計移動設備頁面。也就是說,在策劃和開發一個網站之前,應該先做出移動版本的頁面,以期獲得收益。

          在傳統的網站和網絡應用中,使用頻率和交互頻率最高的區域被歸入20%部分。當設計移動界面時,只關注那20%的部分。

          相比于傳統網站中所提供的豐富功能,即使此網站的移動版包含20%最常用的功能,那么就可以說這個移動版本具有了大多數重要的功能。

          我們看看以下這個案例:

          

         

          上圖是一個網站的全貌,看起來有一種凌亂的歡樂氣氛。網站上有一些引導用戶形為的區域。這個網站設計絕對不是全世界最差的,但總的來說不是非常的集中,并且有太多的選擇。

          對比下面的移動版頁面:

          

         

          相比之下,移動版界面非常簡潔,引導用戶第一眼找到最重要的信息,而不是讓用戶感覺不知所措。

          因此,緊湊的移動網頁應用是一個非常好的范例。設計師將大部分的精力投入到項目最重要的方面。也就是說,將精力投入到大部分時間里(80%)用戶經常使用的功能和內容(20%)。

          經驗總結:

          在理解了80/20規則的作用原理后,設計人員便可以遵循以下方法,總結如下:

          ·如果可以,仔細分析網站統計和可用性數據,以確定用戶最經常使用的那20%的功能。

          ·排定優先級。關注網站和網絡應用中最重要的幾個方面,并不斷強化。

          ·統計出歸入20%的最常使用的功能,在此基礎上簡化設計和布局。

          ·去掉不重要的不經常被使用的功能和內容 。

          ·不要在那些不太經常使用的功能上投入太多時間和資金,因為你的回報可能是非常小的。

          ·對于不經常使用的但重要的元素,嘗試改進它的設計和功能,因為一旦使用頻率提高,這些元素會對交互產生很大的影響。

          雖然80/20規則是一個仍在固有缺陷,并存有爭議的原理,可它并不是一無是處。在你做重新設計、重新組合乃至新項目時都可以運用80/20規則。




        上一條: 網站做好后 網站得不到好排名的因素
        下一條: 個人做網站臺 站長運營地方裝修網站的一些經驗
        案例鑒賞
        多年的網站建設經驗,斌網網絡不斷提升技術設計服務水平,迎合搜索引擎優化規則
        精辟網文
        多年的網站建設經驗,網至普不斷提升技術設計服務水平,迎合搜索引擎優化規則
        長沙私人做網站    長沙做網站    深圳網站建設    株洲做網站    東莞做網站    南京防腐木    湖南大拇指養豬設備    株洲做網站    
        版權所有 © 長沙市天心區斌網網絡技術服務部    湘公網安備 43010302000270號  統一社會信用代碼:92430103MA4LAMB24R  網站ICP備案號:湘ICP備13006070號-2  
        婷婷五月六月激情综合色中文字幕| 国产成人无码AV麻豆| 中文字幕极速在线观看| 亚洲va无码va在线va天堂| 国产精品一级毛片无码视频| 欧美激情中文字幕| 无码国内精品人妻少妇蜜桃视频| 中文字幕无码久久人妻| 蜜桃臀AV高潮无码| 精品久久久无码中文字幕| 亚洲∧v久久久无码精品| 无码中文av有码中文a| 无码国产伦一区二区三区视频| 中文字幕精品一区二区三区视频| 国产亚洲情侣一区二区无码AV | 小13箩利洗澡无码视频网站| 婷婷五月六月激情综合色中文字幕| 精品亚洲A∨无码一区二区三区| 欧美日韩中文在线| 人妻中文字幕乱人伦在线| 亚洲AⅤ永久无码精品AA| 精品欧洲AV无码一区二区男男| 久久精品亚洲乱码伦伦中文| 最近2019年免费中文字幕高清| 99久久国产热无码精品免费久久久久 | 免费人妻无码不卡中文字幕系 | 久久婷婷综合中文字幕| 亚洲乱码中文字幕久久孕妇黑人| 亚洲人成影院在线无码按摩店| 成人午夜福利免费无码视频| 亚洲av中文无码乱人伦在线咪咕| 亚洲最大av无码网址| 中文人妻无码一区二区三区 | 亚洲AV中文无码字幕色三| 亚洲中文字幕无码中文字在线| 亚洲欧美日韩中文在线制服| 最好看更新中文字幕| 中文字幕在线无码一区二区三区| 麻豆国产精品无码视频| 亚洲国产精品无码专区在线观看 | 精品国产一区二区三区无码|