在網(wǎng)站和網(wǎng)絡(luò )應用設計中，80/20規則對用戶(hù)體驗有深遠的影響，并最終影響網(wǎng)站和網(wǎng)絡(luò )應用的內容效用和功能。

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

　　80/20規則是什么?

　　80/20規則最初是由意大利經(jīng)濟學(xué)家維弗雷多·帕雷托總結出來(lái)的，但是帕雷托原理的命名是由約瑟夫·M.·朱藍提出的。

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

　　80/20 規則認為在任何一個(gè)大型的系統中，大約80%的效用就由系統中20%的變量產(chǎn)生的。

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

　　大許多情況下，大約80%的影響是產(chǎn)生于20%的原因。

　　做為設計人員，你將會(huì )發(fā)現80/20規則不是能夠直接人為控制的，我們觀(guān)察到它是自然而然產(chǎn)生的。

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

　　不必糾結于規則的假設性本質(zhì)

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

　　但先暫且拋開(kāi)假設問(wèn)題不談，對用戶(hù)界面和功能的設計人員來(lái)說(shuō)，理論概念可以幫助他們審查和優(yōu)化。無(wú)論這理論是70/30規則還是90/10規則。

　　用戶(hù)體驗中如何應用80/20規則?

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

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

　　然而，這些方法對于分析一些細小的行為是比較困難的。此時(shí)，易用性研究就可以派上用場(chǎng)。

　　案例：識別80/20規則

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

　　以UI中最常見(jiàn)的下拉菜單為例，選擇注冊表中的國家項。 多數網(wǎng)站開(kāi)發(fā)人員和內容設計者會(huì )發(fā)現，某些國家被選中的機率為80%。

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

　　當在亞馬遜選擇一個(gè)新的地址時(shí)，默認選項一定是選擇率最高。如下圖，美國。

　　下面這個(gè)英國商務(wù)網(wǎng)站就是將英國作為默認選項。

　　以上的例子說(shuō)明對最常使用的功能和選項進(jìn)行優(yōu)化的重要性。

　　用戶(hù)一般往哪看?

　　網(wǎng)絡(luò )用戶(hù)的“F型”閱讀和瀏覽習慣現在已經(jīng)確定。雖然 “F型”不一定適合所有的環(huán)境，但了解這一點(diǎn)，在用戶(hù)與你的設計進(jìn)行交互時(shí)，便大概知曉用戶(hù)的關(guān)注點(diǎn)。

　　下圖為用戶(hù)關(guān)注的熱圖分布：

　　假設這張圖很好的說(shuō)明用戶(hù)的視覺(jué)關(guān)注點(diǎn)，這也正支持了80/20規則理論。圖上最受關(guān)注的區域占到了頁(yè)面的20%，用戶(hù)80%的時(shí)間用于關(guān)注此20%的區域。

　　做為設計人員，掌握了這個(gè)知識以后，便會(huì )注重增強和優(yōu)化用戶(hù)習慣性關(guān)注的區域。

　　當然，決定用戶(hù)關(guān)注點(diǎn)的往往是設計本身，“F型”僅僅是一個(gè)基本的向導，不可以教條的使用F型來(lái)決定20%的位置。

　　移動(dòng)設計趨勢和80/20規則

　　伴隨著(zhù)當前移動(dòng)設備的大行其道，許多設計師和開(kāi)發(fā)人員嘗試首先設計移動(dòng)設備頁(yè)面。也就是說(shuō)，在策劃和開(kāi)發(fā)一個(gè)網(wǎng)站之前，應該先做出移動(dòng)版本的頁(yè)面，以期獲得收益。

　　在傳統的網(wǎng)站和網(wǎng)絡(luò )應用中，使用頻率和交互頻率最高的區域被歸入20%部分。當設計移動(dòng)界面時(shí)，只關(guān)注那20%的部分。

　　相比于傳統網(wǎng)站中所提供的豐富功能，即使此網(wǎng)站的移動(dòng)版包含20%最常用的功能，那么就可以說(shuō)這個(gè)移動(dòng)版本具有了大多數重要的功能。

　　我們看看以下這個(gè)案例：

　　上圖是一個(gè)網(wǎng)站的全貌，看起來(lái)有一種凌亂的歡樂(lè )氣氛。網(wǎng)站上有一些引導用戶(hù)形為的區域。這個(gè)網(wǎng)站設計絕對不是全世界最差的，但總的來(lái)說(shuō)不是非常的集中，并且有太多的選擇。

　　對比下面的移動(dòng)版頁(yè)面：

　　相比之下，移動(dòng)版界面非常簡(jiǎn)潔，引導用戶(hù)第一眼找到最重要的信息，而不是讓用戶(hù)感覺(jué)不知所措。

　　因此，緊湊的移動(dòng)網(wǎng)頁(yè)應用是一個(gè)非常好的范例。設計師將大部分的精力投入到項目最重要的方面。也就是說(shuō)，將精力投入到大部分時(shí)間里(80%)用戶(hù)經(jīng)常使用的功能和內容(20%)。

　　經(jīng)驗總結：

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

　　·如果可以，仔細分析網(wǎng)站統計和可用性數據，以確定用戶(hù)最經(jīng)常使用的那20%的功能。

　　·排定優(yōu)先級。關(guān)注網(wǎng)站和網(wǎng)絡(luò )應用中最重要的幾個(gè)方面，并不斷強化。

　　·統計出歸入20%的最常使用的功能，在此基礎上簡(jiǎn)化設計和布局。

　　·去掉不重要的不經(jīng)常被使用的功能和內容 。

　　·不要在那些不太經(jīng)常使用的功能上投入太多時(shí)間和資金，因為你的回報可能是非常小的。

　　·對于不經(jīng)常使用的但重要的元素，嘗試改進(jìn)它的設計和功能，因為一旦使用頻率提高，這些元素會(huì )對交互產(chǎn)生很大的影響。

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