80/20法則在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用
在最近開(kāi)始閱讀多一點(diǎn)的設(shè)計(jì)原則，我遇到了一個(gè)有趣的原則，所謂的80/20規(guī)則，也稱為帕累托原則，朱蘭的原則，關(guān)鍵的少數(shù)和瑣碎的許多規(guī)則和因素稀疏原則。

這個(gè)原則，我只是在這片80/20法則，在網(wǎng)站和Web應(yīng)用程序設(shè)計(jì)中考慮時(shí)，可以對(duì)用戶體驗(yàn)產(chǎn)生深遠(yuǎn)的影響，并最終對(duì)內(nèi)容的有效性或您的網(wǎng)站或Web應(yīng)用程序的功能。

在這篇文章中，我將首先提供了一個(gè)基本的定義，那么我會(huì)考慮的80/20法則如何證明有利于一些具體的例子，然后我就總結(jié)了一些本規(guī)則的知識(shí)，可以從收集的經(jīng)驗(yàn)教訓(xùn)。

什么是規(guī)則？

80/20法則最初是由意大利經(jīng)濟(jì)學(xué)家維爾弗雷多帕累托觀察，實(shí)際的原則，被命名為帕累托原則，由約瑟夫M ·朱蘭。

下面是從兩個(gè)不同的來(lái)源的定義 。首先從書(shū)中設(shè)計(jì)的普遍原則 ：0/20法則說(shuō)，任何大型系統(tǒng)所產(chǎn)生的影響，約80％，20％在該系統(tǒng)中的變量引起的。

而旁邊，帕累托原則，對(duì)于許多事件中，大約80％的影響，從20％的原因

立即這樣你會(huì)發(fā)現(xiàn)，這并不總是一個(gè)原則，我們作為設(shè)計(jì)師過(guò)來(lái)，直接控制，但相反，它的一個(gè)原則，那我們觀察，幾乎是自然發(fā)生。

這一原則的存在，或發(fā)生規(guī)律的知識(shí)，然后，我們配備了有價(jià)值的信息，做出決策，這將有助于提高我們的設(shè)計(jì)中的可用性和有效性。

心中永遠(yuǎn)的假設(shè)性的規(guī)則...

是的，有評(píng)論家和那些覺(jué)得80/20法則是沒(méi)有超過(guò)一個(gè)假設(shè)或過(guò)于一般的理論并不總是適用。

但是，把外，這個(gè)概念本身肯定是有利于那些用戶界面和功能，需要檢查和優(yōu)化工作 - 即使規(guī)則更像是70/30或90/10。

我們?nèi)绾螌⑵鋺?yīng)用到用戶體驗(yàn)？

在任何網(wǎng)站，Web應(yīng)用程序或軟件環(huán)境，80/20法則告訴我們，20％的功能和特點(diǎn)，在任何一個(gè)環(huán)境中，將80％的結(jié)果，或者在該環(huán)境所采取的行動(dòng)負(fù)責(zé)。

在某些情況下，很容易搞清楚什么構(gòu)成的20％，有這么大的影響。網(wǎng)站分析統(tǒng)計(jì)，表單提交，會(huì)話cookie，都可以被用來(lái)跟蹤用戶行為。分析這些項(xiàng)目將幫助我們確定哪些地區(qū)的用戶界面與大多數(shù)互動(dòng)。

另一方面，規(guī)模較小，不使用這些方法跟蹤的任務(wù)可能會(huì)更難分析。在這種情況下，可以進(jìn)行可用性研究，觀察，因?yàn)樗麄兣c您網(wǎng)站的用戶界面交互用戶。

一些例子，認(rèn)識(shí)到80/20法則

無(wú)論是有意還是無(wú)意，有充足的證據(jù)，UI和UX設(shè)計(jì)師正在考慮這一原則的價(jià)值。

例如，以一個(gè)簡(jiǎn)單的UI元素，像一個(gè)下拉列表，在登記表中提出的國(guó)家。大多數(shù)網(wǎng)站開(kāi)發(fā)人員或內(nèi)容創(chuàng)作者認(rèn)識(shí)到，80％的時(shí)間，某些國(guó)家將被選中。

所以，雖然它似乎是這樣一個(gè)長(zhǎng)長(zhǎng)的清單，以打破字母排序的列表中的不良做法，80/20規(guī)則允許打破該公約是由放置在頂部的大部分國(guó)家，如在屏幕上搶低于所示芬恩賴特曼森的結(jié)帳頁(yè)面：

在其他情況下，作為一個(gè)新的地址添加到您的地址簿Amazon.com時(shí)，默認(rèn)的選擇是最選定的國(guó)家-在這種情況下，美國(guó) ：

下面是另一個(gè)例子，這個(gè)來(lái)自英國(guó)的所謂業(yè)務(wù)的北廊巖，英國(guó)選項(xiàng)默認(rèn)被選中 ：

上述這些簡(jiǎn)單的例子表明優(yōu)化的功能和選項(xiàng)，最經(jīng)常使用或選擇的重要性。

用戶看看哪里呢？

成立到現(xiàn)在的F -模式，閱讀和掃描的網(wǎng)絡(luò)用戶的習(xí)慣已成為相當(dāng)。當(dāng)然，在F -模式并不總是在每一個(gè)市場(chǎng)的一個(gè)指標(biāo)，但它是一個(gè)很好的出發(fā)點(diǎn)考慮您的用戶將看當(dāng)他們與您的設(shè)計(jì)互動(dòng) 。

以在從知名Alertbox上面鏈接的文章如下所示heatmaps的外觀：

假設(shè)這是一個(gè)很好的指標(biāo)，用戶的眼睛是重點(diǎn)，支持80/20法則的概念。地圖上的最激烈的地區(qū)，可以代表頁(yè)面的20％，80％的時(shí)間與用戶的眼睛互動(dòng)。

從知識(shí)，作為設(shè)計(jì)師，我們可以作出決定，這將有助于提升和優(yōu)化，用戶要習(xí)慣性地吸引到該地區(qū)。

當(dāng)然，設(shè)計(jì)往往會(huì)被用戶看起來(lái)的決定性因素，因此，這個(gè)建議應(yīng)該只是一個(gè)基本的指導(dǎo)和不一定是教條的方式?jīng)Q定下的20％下降。

手機(jī)的設(shè)計(jì)趨勢(shì)和80/20法則

近年來(lái)，隨著全球移動(dòng)設(shè)備的爆炸，一些設(shè)計(jì)師和開(kāi)發(fā)人員，最顯著的盧克?Wroblewski，已鼓勵(lì)移動(dòng)網(wǎng)頁(yè)設(shè)計(jì) 。也就是說(shuō)，設(shè)計(jì)和開(kāi)發(fā)一個(gè)網(wǎng)站時(shí)，移動(dòng)版應(yīng)該做的第一，而不是其他方式，以達(dá)到一定的好處。

在傳統(tǒng)的網(wǎng)站或Web應(yīng)用程序，您的網(wǎng)站的某些地區(qū)，自然會(huì)下降20％，是最常用和互動(dòng)與下。當(dāng)一個(gè)移動(dòng)網(wǎng)站設(shè)計(jì)，重點(diǎn)是放在那20％（或大約）。

因此，當(dāng)一個(gè)網(wǎng)站的移動(dòng)版本可能有其自身的20％，最常用的選項(xiàng)，與傳統(tǒng)的網(wǎng)站上提供的全部?jī)?nèi)容，移動(dòng)版本，通常會(huì)只有最重要的功能。

這里有一個(gè)簡(jiǎn)單的例子，下面使用PETCO.com網(wǎng)站：

上面顯示的是網(wǎng)站的完整版本，在其所有雜亂的榮耀。雖然有一些號(hào)召性行動(dòng)領(lǐng)域，它肯定不是世界上最糟糕的設(shè)計(jì)，整體不是很集中，而且有太多的選擇。

與此相比，移動(dòng)版本，下面：

相比之下，上面顯示的是手機(jī)界面簡(jiǎn)單，幫助用戶獲得最重要的領(lǐng)域，沒(méi)有壓倒他們，的。在移動(dòng)版本的唯一可用的選項(xiàng)的選項(xiàng)和內(nèi)容領(lǐng)域的最完整版本。

因此，好集中的移動(dòng)網(wǎng)絡(luò)應(yīng)用程序的設(shè)計(jì)師竄他們的能量是很好的例子，他們的項(xiàng)目中最重要的方面，住的功能和內(nèi)容（20％）的使用時(shí)間（80％）最集中。

經(jīng)驗(yàn)教訓(xùn)總結(jié)

如何80/20法則的作品，設(shè)計(jì)師都配備在許多方面采取行動(dòng)的理解，歸納如下：

• 在可能的情況下，仔細(xì)分析和可用性數(shù)據(jù)進(jìn)行分析，以確定您的網(wǎng)站的20％，最常用的功能
• 優(yōu)先;這是您的網(wǎng)站或Web應(yīng)用程序最重要的環(huán)節(jié)，重點(diǎn)，并加強(qiáng)這些
• 不要花太多時(shí)間優(yōu)化的東西，在不經(jīng)常使用的80％下降
• 根據(jù)數(shù)據(jù)確定落在下的20％，最常用的功能簡(jiǎn)化您的設(shè)計(jì)和布局
• 刪除不重要的功能或內(nèi)容，不經(jīng)常使用
• 不要投入太多時(shí)間和金錢，優(yōu)化您的投資回報(bào)，因?yàn)檩^少使用的功能可能會(huì)很差
• 想方設(shè)法提高更關(guān)鍵要素，較少使用的功能和設(shè)計(jì)，如果這些元素的設(shè)計(jì)更常用可能有較大的影響上轉(zhuǎn)換

80/20法則是一個(gè)值得商榷的原則，與一些固有的缺陷，它不是沒(méi)有價(jià)值。因此，在您重新設(shè)計(jì)，重新調(diào)整，或?yàn)樾碌捻?xiàng)目，甚至過(guò)程中考慮這一規(guī)則。

這應(yīng)有助于用戶停留的最重要的功能和內(nèi)容上集中，并最終將有助于提高轉(zhuǎn)換率。

這篇文章是專門寫(xiě)Webdesigner車廠路易Lazaris，自由撰稿人，Web開(kāi)發(fā)人員。路易運(yùn)行在他的崗位上的文章和教程網(wǎng)頁(yè)設(shè)計(jì)令人印象深刻的站點(diǎn) 。您可以按照Twitter的路易斯，或通過(guò)他的網(wǎng)站與他聯(lián)系 。

你有沒(méi)有考慮在您的設(shè)計(jì)決策的80/20法則嗎？什么樣的影響，它已在您的網(wǎng)站或Web應(yīng)用程序的成功？下面分享您的意見(jiàn)。

??? 免費(fèi)網(wǎng)絡(luò)營(yíng)銷顧問(wèn)：我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營(yíng)銷顧問(wèn)服務(wù)，您需要了解關(guān)于如何開(kāi)展網(wǎng)絡(luò)營(yíng)銷，電子商務(wù)，網(wǎng)站設(shè)計(jì)等的事宜，歡迎隨時(shí)聯(lián)系我們。

??? seo友好的網(wǎng)站管理系統(tǒng)：除了優(yōu)質(zhì)的網(wǎng)站空間，網(wǎng)站管理系統(tǒng)，和網(wǎng)站設(shè)計(jì)外，我們的網(wǎng)站管理系統(tǒng)更是seo友好的，包括：自定義欄目名，Google Sitemap自動(dòng)生成，靜態(tài)頁(yè)面生成等等，讓您的網(wǎng)站。

???? 免費(fèi)網(wǎng)絡(luò)營(yíng)銷培訓(xùn)：如何更好的投放網(wǎng)絡(luò)廣告，如何提高網(wǎng)絡(luò)廣告的投資回報(bào)，如何發(fā)帖子，
??? ?如何優(yōu)化網(wǎng)站，我們有豐富的經(jīng)驗(yàn)開(kāi)放給您！祝君成功！

聯(lián)系我們：010-62199213 62122723-808 ?400-697-8610 ?徐小姐
北京網(wǎng)站建設(shè)公司-傳誠(chéng)信網(wǎng)站：www.nainiuapp.com?點(diǎn)擊查看經(jīng)典網(wǎng)站案例！