網頁設計的規則 二八法則

2022-09-27 22:36:05 字數 2529 閱讀 6597

最近學習了一些有關設計原理的內容,我發現了乙個有趣的原則-80/20規則。也被稱為帕雷託原理、朱蘭原理、關鍵的少數和次要的多數理論或因素稀疏理論。

在**和網路應用設計中,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規則。

80/20規則能夠引導使用者關注最重要的功能和內容,並最終提高**的轉換率。

防病養生的飲食「二八法則」

某著名健康教育專家曾提出過乙個 八分原則 飯吃八分飽,菜做八分鹹,果蔬佔八分,凡事求八分。經濟學上有著名的 二八定律 指任何一組東西中,最重要的只佔其中20 其餘80 儘管是多數,卻是次要的。同樣,當乙個人患病時,20 是由內因決定的,80 則是由外因造成。在這些能由你自己決定的因素中,如果能遵循以...

網頁設計的趨勢分析

設計風潮體現著乙個時期內人們對特定的風格 趣味 審美 技術乃至理念等各種模型或特徵的追隨。新技術的發展 媒介載體的占有量的變化 新 型別的誕生 全球的設計思潮的影響 行業領軍者的轉變 明星設計師個體的亮點,這些因素都在推動潮流的變化。你可以回想一下那些曾經風靡一時的模式 復古的畫素樣式 google...

華南福州網頁設計培訓學校 網頁美工的需求

網頁美工的需求 華南福州網頁設計培訓學校核心提示 網頁設計是一門包含藝術設計和計算機網路技術的交叉學科,近幾年隨著網路的發展而逐漸受到人們的重視,它以網路為載體,把各種資訊以最快捷 最方便的方式傳達給受眾,在這種標準的要求下,逐步產生了審美的需求。人們對藝術的追求是不斷深入的,網頁設計同樣如此。網頁...