最近學(xué)習(xí)了一些有關(guān)設(shè)計(jì)原理的內(nèi)容，我發(fā)現(xiàn)了一個(gè)有趣的原則-80/20規(guī)則。也被稱為帕雷托原理、朱蘭原理、關(guān)鍵的少數(shù)和次要的多數(shù)理論或因素稀疏理論。

成都創(chuàng)新互聯(lián)公司主營青州網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,成都App定制開發(fā),青州h5小程序制作搭建,青州網(wǎng)站營銷推廣歡迎青州等地區(qū)企業(yè)咨詢

在網(wǎng)站和網(wǎng)絡(luò)應(yīng)用設(shè)計(jì)中，80/20規(guī)則對用戶體驗(yàn)有深遠(yuǎn)的影響，并最終影響網(wǎng)站和網(wǎng)絡(luò)應(yīng)用的內(nèi)容效用和功能。

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

80/20規(guī)則是什么?

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

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

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

維基百科對80/20 規(guī)則的定義是：

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

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

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

不必糾結(jié)于規(guī)則的假設(shè)性本質(zhì)

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

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

用戶體驗(yàn)中如何應(yīng)用80/20規(guī)則?

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

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

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

案例：識別80/20規(guī)則

無論是有意而為，還是無心所至，大量的案例可以說明80/20規(guī)則在UI和UX設(shè)計(jì)師心中的地位。

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

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

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

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

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

#p#

用戶一般往哪看?

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

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

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

做為設(shè)計(jì)人員，掌握了這個(gè)知識以后，便會注重增強(qiáng)和優(yōu)化用戶習(xí)慣性關(guān)注的區(qū)域。

當(dāng)然，決定用戶關(guān)注點(diǎn)的往往是設(shè)計(jì)本身，“F型”僅僅是一個(gè)基本的向?qū)?，不可以教條的使用F型來決定20%的位置。

移動(dòng)設(shè)計(jì)趨勢和80/20規(guī)則

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

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

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

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

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

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

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

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

經(jīng)驗(yàn)總結(jié)：

在理解了80/20規(guī)則的作用原理后，設(shè)計(jì)人員便可以遵循以下方法，總結(jié)如下：

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

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

◆統(tǒng)計(jì)出歸入20%的最常使用的功能，在此基礎(chǔ)上簡化設(shè)計(jì)和布局。

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

◆不要在那些不太經(jīng)常使用的功能上投入太多時(shí)間和資金，因?yàn)槟愕幕貓?bào)可能是非常小的。

◆對于不經(jīng)常使用的但重要的元素，嘗試改進(jìn)它的設(shè)計(jì)和功能，因?yàn)橐坏┦褂妙l率提高，這些元素會對交互產(chǎn)生很大的影響。

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

80/20規(guī)則能夠引導(dǎo)用戶關(guān)注最重要的功能和內(nèi)容，并最終提高網(wǎng)站的轉(zhuǎn)換率。

標(biāo)題名稱：網(wǎng)頁設(shè)計(jì)的80/20規(guī)則你可知道？
分享路徑：http://uogjgqi.cn/article/cdichcs.html