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

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

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

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

這個(gè)原則,我只是在這片80/20法則,在網(wǎng)站和Web應(yīng)用程序設(shè)計(jì)中考慮時(shí),可以對用戶體驗(yàn)產(chǎn)生深遠(yuǎn)的影響,并最終對內(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è)不同的來源的定義 。首先從書中設(shè)計(jì)的普遍原則 :0/20法則說,任何大型系統(tǒng)所產(chǎn)生的影響,約80%,20%在該系統(tǒng)中的變量引起的。

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

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

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

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

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

但是,把外,這個(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,都可以被用來跟蹤用戶行為。分析這些項(xiàng)目將幫助我們確定哪些地區(qū)的用戶界面與大多數(shù)互動(dòng)。

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

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

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

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

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

Fenn Wright Manson's most likely country options

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

Amazon's default country option

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

Norht Rock Gallery's default country option

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

用戶看看哪里呢?

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

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

Heatmaps Showing the F-Pattern

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

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

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

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

近年來,隨著全球移動(dòng)設(shè)備的爆炸,一些設(shè)計(jì)師和開發(fā)人員,最顯著的盧克?Wroblewski,已鼓勵(lì)移動(dòng)網(wǎng)頁設(shè)計(jì) 。也就是說,設(shè)計(jì)和開發(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)站上提供的全部內(nèi)容,移動(dòng)版本,通常會(huì)只有最重要的功能。

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

Petco full website

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

與此相比,移動(dòng)版本,下面:

Petco mobile

相比之下,上面顯示的是手機(jī)界面簡單,幫助用戶獲得最重要的領(lǐng)域,沒有壓倒他們,的。在移動(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%,最常用的功能簡化您的設(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è)值得商榷的原則,與一些固有的缺陷,它不是沒有價(jià)值。因此,在您重新設(shè)計(jì),重新調(diào)整,或?yàn)樾碌捻?xiàng)目,甚至過程中考慮這一規(guī)則。

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

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

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

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

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

??? 免費(fèi)網(wǎng)絡(luò)營銷顧問:我們?yōu)槟峁┟赓M(fèi)的網(wǎng)絡(luò)營銷顧問服務(wù),您需要了解關(guān)于如何開展網(wǎng)絡(luò)營銷,電子商務(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)頁面生成等等,讓您的網(wǎng)站。

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

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



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

010-62199213

24小時(shí)咨詢熱線

139-1050-5354