首頁?>?知識?資訊?>?80/20法則在網頁設計中的應用?>?正文

80/20法則在網頁設計中的應用

2011/10/30 0:00:00 · 稿源:傳誠信

80/20法則在網頁設計中的應用
在最近開始閱讀多一點的設計原則,我遇到了一個有趣的原則,所謂的80/20規(guī)則,也稱為帕累托原則,朱蘭的原則,關鍵的少數和瑣碎的許多規(guī)則和因素稀疏原則。

這個原則,我只是在這片80/20法則,在網站和Web應用程序設計中考慮時,可以對用戶體驗產生深遠的影響,并最終對內容的有效性或您的網站或Web應用程序的功能。

在這篇文章中,我將首先提供了一個基本的定義,那么我會考慮的80/20法則如何證明有利于一些具體的例子,然后我就總結了一些本規(guī)則的知識,可以從收集的經驗教訓。

什么是規(guī)則?

80/20法則最初是由意大利經濟學家維爾弗雷多帕累托觀察,實際的原則,被命名為帕累托原則,由約瑟夫M ·朱蘭。

下面是從兩個不同的來源的定義 。首先從書中設計的普遍原則 :0/20法則說,任何大型系統(tǒng)所產生的影響,約80%,20%在該系統(tǒng)中的變量引起的。

而旁邊,帕累托原則,對于許多事件中,大約80%的影響,從20%的原因

立即這樣你會發(fā)現,這并不總是一個原則,我們作為設計師過來,直接控制,但相反,它的一個原則,那我們觀察,幾乎是自然發(fā)生。

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

心中永遠的假設性的規(guī)則...

是的,有評論家和那些覺得80/20法則是沒有超過一個假設或過于一般的理論并不總是適用。

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

我們如何將其應用到用戶體驗?

在任何網站,Web應用程序或軟件環(huán)境,80/20法則告訴我們,20%的功能和特點,在任何一個環(huán)境中,將80%的結果,或者在該環(huán)境所采取的行動負責。

在某些情況下,很容易搞清楚什么構成的20%,有這么大的影響。網站分析統(tǒng)計,表單提交,會話cookie,都可以被用來跟蹤用戶行為。分析這些項目將幫助我們確定哪些地區(qū)的用戶界面與大多數互動。

另一方面,規(guī)模較小,不使用這些方法跟蹤的任務可能會更難分析。在這種情況下,可以進行可用性研究,觀察,因為他們與您網站的用戶界面交互用戶。

一些例子,認識到80/20法則

無論是有意還是無意,有充足的證據,UI和UX設計師正在考慮這一原則的價值。

例如,以一個簡單的UI元素,像一個下拉列表,在登記表中提出的國家。大多數網站開發(fā)人員或內容創(chuàng)作者認識到,80%的時間,某些國家將被選中。

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

Fenn Wright Manson's most likely country options

在其他情況下,作為一個新的地址添加到您的地址簿Amazon.com時,默認的選擇是最選定的國家-在這種情況下,美國 :

Amazon's default country option

下面是另一個例子,這個來自英國的所謂業(yè)務的北廊巖,英國選項默認被選中 :

Norht Rock Gallery's default country option

上述這些簡單的例子表明優(yōu)化的功能和選項,最經常使用或選擇的重要性。

用戶看看哪里呢?

成立到現在的F -模式,閱讀和掃描的網絡用戶的習慣已成為相當。當然,在F -模式并不總是在每一個市場的一個指標,但它是一個很好的出發(fā)點考慮您的用戶將看當他們與您的設計互動 。

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

Heatmaps Showing the F-Pattern

假設這是一個很好的指標,用戶的眼睛是重點,支持80/20法則的概念。地圖上的最激烈的地區(qū),可以代表頁面的20%,80%的時間與用戶的眼睛互動。

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

當然,設計往往會被用戶看起來的決定性因素,因此,這個建議應該只是一個基本的指導和不一定是教條的方式決定下的20%下降。

手機的設計趨勢和80/20法則

近年來,隨著全球移動設備的爆炸,一些設計師和開發(fā)人員,最顯著的盧克?Wroblewski,已鼓勵移動網頁設計 。也就是說,設計和開發(fā)一個網站時,移動版應該做的第一,而不是其他方式,以達到一定的好處。

在傳統(tǒng)的網站或Web應用程序,您的網站的某些地區(qū),自然會下降20%,是最常用和互動與下。當一個移動網站設計,重點是放在那20%(或大約)。

因此,當一個網站的移動版本可能有其自身的20%,最常用的選項,與傳統(tǒng)的網站上提供的全部內容,移動版本,通常會只有最重要的功能。

這里有一個簡單的例子,下面使用PETCO.com網站:

Petco full website

上面顯示的是網站的完整版本,在其所有雜亂的榮耀。雖然有一些號召性行動領域,它肯定不是世界上最糟糕的設計,整體不是很集中,而且有太多的選擇。

與此相比,移動版本,下面:

Petco mobile

相比之下,上面顯示的是手機界面簡單,幫助用戶獲得最重要的領域,沒有壓倒他們,的。在移動版本的唯一可用的選項的選項和內容領域的最完整版本。

因此,好集中的移動網絡應用程序的設計師竄他們的能量是很好的例子,他們的項目中最重要的方面,住的功能和內容(20%)的使用時間(80%)最集中。

經驗教訓總結

如何80/20法則的作品,設計師都配備在許多方面采取行動的理解,歸納如下:

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

80/20法則是一個值得商榷的原則,與一些固有的缺陷,它不是沒有價值。因此,在您重新設計,重新調整,或為新的項目,甚至過程中考慮這一規(guī)則。

這應有助于用戶停留的最重要的功能和內容上集中,并最終將有助于提高轉換率。

這篇文章是專門寫Webdesigner車廠路易Lazaris,自由撰稿人,Web開發(fā)人員。路易運行在他的崗位上的文章和教程網頁設計令人印象深刻的站點 。您可以按照Twitter的路易斯,或通過他的網站與他聯系 。

你有沒有考慮在您的設計決策的80/20法則嗎?什么樣的影響,它已在您的網站或Web應用程序的成功?下面分享您的意見。

選擇北京網站建設公司-傳誠信,優(yōu)質服務,絕對不容錯過 !
1. 優(yōu)秀的網絡資源,穩(wěn)定的網站和速度保證?
(配送雙線獨立ip空間,國際A級BGP機房,99.5% 的主機在線時間)?
2. 7年北京網站建設經驗,優(yōu)秀的技術和設計水平,更放心?
3. 全程省心服務,不必擔心自己不懂網絡,更省心。?

-----------------------------------------------------------------------------------------------------
我們的與眾不同之處:

??? 免費網絡營銷顧問:我們?yōu)槟峁┟赓M的網絡營銷顧問服務,您需要了解關于如何開展網絡營銷,電子商務,網站設計等的事宜,歡迎隨時聯系我們。

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

???? 免費網絡營銷培訓:如何更好的投放網絡廣告,如何提高網絡廣告的投資回報,如何發(fā)帖子,
??? ?如何優(yōu)化網站,我們有豐富的經驗開放給您!祝君成功!

聯系我們:010-62199213 62122723-808 ?400-697-8610 ?徐小姐
北京網站建設公司-傳誠信網站:jzztb.org.cn?點擊查看經典網站案例!



  • 相關推薦
  • 大家在看
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354