首頁?>?知識?資訊?>?80/20法則在網(wǎng)頁設(shè)計中的應(yīng)用?>?正文

80/20法則在網(wǎng)頁設(shè)計中的應(yīng)用

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

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

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

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

什么是規(guī)則?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Fenn Wright Manson's most likely country options

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

Amazon's default country option

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

Norht Rock Gallery's default country option

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

用戶看看哪里呢?

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

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

Heatmaps Showing the F-Pattern

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

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

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

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

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

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

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

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

Petco full website

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

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

Petco mobile

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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



  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務(wù)
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354