前言：

Pareto principle(又稱為80/20法則、八二法則)，是由羅馬尼亞管理學家Joseph M. Juran提出的一條管理學原理，該法則以意大利經濟學家Vilfredo Pareto的名字命名。Pareto於1906年提出著名的關於意大利社會財富分配的研究結論，即「20%的人口掌握80%的社會財富」，因此該法則又被成為80/20法則。

Dr. Juran在管理學中採納該思想，認為在任何情況下，事物的主要結果只取決於一小部分因素。這個思想經常被應用到不同的領域，經過大量的試驗檢驗後，被證實其在大部分情況下都是正確的。

——————

看到這裏，可能很多設計師都感到疑惑，經濟學的法則與網頁設計有什麼關係?

Inspirr網頁製作表示，80/20法則的核心在於分清主次，更有效地調配和整合資源，以提升設計的效率及達到最大化的目的。在網頁計決策過程中，掌握80/20法則所提供的思路，將很大程度幫助我們梳理網頁設計的方向。

網頁設計該如何應對80/20法則中的「80」和「20」?

網頁設計中該如何應用80/20法則，這就需要設計師時刻注意：如何讓用戶更快找到目標?如何讓用戶更順暢地完成任務?如何讓用戶擁有更愉悅的心理感受?

例如用戶會將80%的時間都消耗在20%的關鍵功能上，那麼設計師就應該從規劃→設計→開發→測試→……改版都圍繞着這20%來進行，不斷迎合用戶需求以及使用體驗。

又比如在內容的選取上，80%的用戶都只會關注介面中20%的內容，而這也是我們進行內容規劃時的重要思路。

最典型的例子就是用戶表單內容的變遷，隨着大數據的應用，網站和APP註冊表單從最開始的需要填寫一系列的用戶信息，逐步縮減至僅有「用戶名+密碼(+Email/phone)」，甚至直接使用社交媒體帳號就可以註冊/登錄。

這種優化方向，其實可以說是80/20法則中的一種隱形優化。

值得注意的是，用20%的部分創造80%的價值，並不意味着只關注20%的關鍵性指標，其他80%的內容就可以忽略。

畢竟，沒有一個網站是永遠「一成不變」的，過分關注已經過期的核心功能(曾經的20%)不僅容易喧賓奪主，還會得到不好的反饋，甚至帶來不必要的損失。因此我們需要每隔一段時間重新評估功能價值，並根據實際情況進行合理的時間和精力分配。

網頁設計技巧：在網頁設計中如何合理運用80/20法則?

在網頁設計中，我們通常會花費更多心思在網站首屏的佈局方式、表現手法等，以便盡可能延長用戶在網站的停留時間並引導他們往下滑動或跳轉至其他頁面。之餘介面中的其他位置則會使用常規的網頁設計樣式，一來有助於節省網頁設計及網站開發的時間，二來可以降低用戶的學習成本及認知負荷。

除此之外，還可以從這些網頁設計領域中看到80/20法則的身影：

① 排版佈局(F式佈局)

根據NNGroup的眼動測試：用戶在閱讀過程中，眼球移動的順序通常是從左到右、自上而下，這種移動軌跡很像字母中的「F」，這也使得F式佈局成為目前網頁設計和APP設計中效率最高的排版佈局方式之一。

△ 如上面的視覺熱區圖，F型佈局正好詮釋80/20法則的合理性與可行性，即在整個頁面佈局中，20%的關鍵區域佔據用戶80%的注意力。

② 表單設計

在進行表單設計時，部分選項(如國家/地區)的下拉框可能會比較長，因此部分設計師會將「國家/地區」按首字母進行排序。

△ eBay

部分網站所面向的受眾可能相對比較固定，因此設計師會將特定的幾個國家/地區提到前面，方便用戶可以快速選取。

△ Amazon

③ 極簡主義風格

要說到目前最流行的UI設計風格是什麼?極簡主義風格肯定有排名!

△ bump

事實上，極簡主義風格和80/20法則的精神保持高度的一致。在極簡主義主義風格，所有呈現於介面中的元素都是有目的、有針對性地存在，那些多餘、沒用的元素則會全部刪除。因此，極簡網頁設計中，設計師通常會使用大量留白來突出介面中20%的關鍵元素，確保用戶的視線聚焦於這些功能/信息上。

總體而言，80/20法則適用於絕大多數的網頁設計和APP設計場景，但如何將其靈活運用，從而提高我們的設計效率以及快速梳理設計的方向?這就需要我們多學、多練。多觀察，繼而在有限的時間和精力下快速做出準確的設計決策，以達到最大化的目的!