Þegar ég byrjaði nýlega að lesa svolítið meira um meginreglur hönnunarinnar kom ég yfir áhugaverð meginregla sem kallast 80/20 regla , einnig nefnt Pareto Principle , Principal Juran , Vital Fáir og Trivial Margir Regla , og meginreglan um þroskaþáttur .

Þessi grundvallarregla, sem ég vísa til í þessu stykki einfaldlega sem 80/20 reglan, þegar hún er talin í samhengi við vefsíðu og vefhönnun, getur haft veruleg áhrif á reynslu notenda og að lokum á skilvirkni efnisins eða virkni vefsvæðis þíns eða vefur app.

Í þessari færslu mun ég fyrst leggja fram grundvallarskilgreiningu, og ég mun íhuga nokkur dæmi um hvernig 80/20 reglan reynist gagnleg og þá mun ég draga saman nokkrar lexíur sem hægt er að safna frá því að hafa þekkingu á þessari reglu.

Hvað er reglan?

The 80/20 reglan var upphaflega fram af ítalska hagfræðingur Vilfredo Pareto, og raunveruleg meginregla var nefnd Pareto Principle eftir Joseph M. Juran.

Hér að neðan eru skilgreiningar frá tveimur mismunandi heimildum. Fyrst af bókinni Almennar reglur um hönnun :

80/20 reglan heldur því fram að um það bil 80 prósent af áhrifunum sem myndast af hvaða stórum kerfinu eru af völdum 20 prósent af breytum í því kerfi.


Og næst, frá Wikipedia :

Pareto-grundvallarreglan ... segir að um það bil 80% af áhrifunum komi fyrir mörg tilvik af 20% af orsökum


Svo strax munuð þér taka eftir því að þetta er ekki alltaf meginreglan sem við sem hönnuðir hafa bein stjórn á, heldur er það meginreglan sem við sjáum eins og næstum náttúrulega.

Með þekkingu á tilvist þessara reglna eða fyrirkomulags, þá erum við búnir með mikilvægum upplýsingum til að taka ákvarðanir sem hjálpa til við að bæta nothæfi og skilvirkni hönnun okkar.

Aldrei hugsa um hugmyndafræðilega náttúru reglunnar ...

Já, það eru gagnrýnendur og þeir sem finnast 80/20 reglan eru ekkert annað en tilgáta eða of almennt kenning sem ekki alltaf gildir.

En að setja það til hliðar, hugtakið sjálft er vissulega til góðs fyrir þá sem vinna að notendaviðmótum og virkni sem krefst skoðunar og hagræðingar - jafnvel þótt reglan sé meira en 70/30 eða 90/10.

Hvernig getum við sótt um það í notendaupplifuninni?

Í hvaða vefsíðu sem er, vefforrit eða hugbúnaðarumhverfi, segir 80/20 reglan okkur að 20% af virkni og eiginleikum í einu umhverfi muni bera ábyrgð á 80% af niðurstöðum eða aðgerðir sem gerðar eru innan þess umhverfis.

Í sumum tilvikum er það auðvelt að reikna út hvað er 20% sem hefur svo mikil áhrif. Hægt er að nota tölfræðilegar upplýsingar um vefgreiningu, eyðublað og innheimtufótspor til að fylgjast með notendahegðun. Greining á þessum atriðum mun hjálpa okkur að ákvarða hvaða svæði af HÍ eru samskipti við flest.

Hins vegar geta minni verkefni sem ekki er fylgst með þessum aðferðum verið erfiðara að greina. Í þessu tilviki er hægt að nota nothæfi rannsóknir þar sem notendur sjást þegar þeir hafa samskipti við vefsíðuna þína.

Sum dæmi sem viðurkenna 80/20 reglan

Hvort sem það er vísvitandi eða ekki, það er nóg af vísbendingum um að UI og UX hönnuðir eru að íhuga gildi þessa reglu.

Taktu til dæmis einfalt UI frumefni eins og fellilistann af löndum sem eru kynntar á skráningarblað. Flestir vefhönnuðir eða innihaldshöfundar viðurkenna að 80% af þeim tíma munu ákveðin lönd vera valin.

Svo þrátt fyrir að það virðist vera slæmt æfingar fyrir svo langan lista að brjóta stafrófið á listanum leyfir 80/20 reglan að brjóta þennan samning með því að setja mest valdaða löndin efst, eins og sýnt er á skjánum hér fyrir neðan frá Fenn Wright Manson er Athuga síðu:

Fenn Wright Manson er líklegastur landsmöguleikar


Í öðrum tilvikum, eins og þegar þú bætir nýtt netfang við heimilisfangaskrá þína á Amazon.com , sjálfgefið val er valið land - í þessu tilviki, Bandaríkin:

Sjálfgefið landsvalkosti Amazon


Hér er annað dæmi, í þetta sinn frá Bretlandi sem byggir á fyrirtæki sem heitir North Rock Gallery , sem hefur í Bretlandi valið valið sjálfgefið:

Norht Rock Gallery er sjálfgefið landsins valkostur

Þessar einföldu dæmi hér að ofan sýna mikilvægi þess að hagræða fyrir aðgerðir og valkosti sem eru notuð eða valin oftast.

Hvar er að leita að notanda?

The F-mynstur lesa og skanna venjur af notendum notenda hafa orðið nokkuð staðfest núna. Auðvitað er F-Pattern ekki alltaf vísbending á öllum mörkuðum, en það er frekar gott upphafspunktur til að íhuga hvar notendur þínir munu líta út þegar þeir hafa samskipti við hönnunina þína.

Kíktu á hitamyndina sem sýnd er hér að neðan úr vel þekktum Alertbox greininni sem tengd er hér að ofan:

Hitakort sýnir F-mynstur

Miðað við þetta er góð vísbending um hvar auga notandans er einbeitt, styður þetta hugtakið 80/20 regluna. Stærstu svæðin á kortinu gætu táknað 20% síðunnar sem augun notandans hafa samskipti við 80% af þeim tíma.

Af þeirri þekkingu, sem hönnuðir, getum við tekið ákvarðanir sem hjálpa til við að bæta og hagræða þeim sviðum sem notandinn verður að fara að venjast.

Auðvitað mun hönnunin oft vera ákvarðandi þáttur þar sem notandinn lítur út, svo þessi tillaga ætti bara að vera grundvallarleiðbeiningar og ekki endilega dogmatísk leið til að ákveða hvað fellur undir 20%.

Mobile Design Trends og 80/20 Rule

Nýlega með sprengingu farsíma um allan heim, sumir hönnuðir og verktaki, einkum Luke Wroblewski , hafa verið hvetjandi farsíma-fyrsta vefhönnun . Það er þegar að hanna og þróa vefsíðu ætti að gera farsímaútgáfuna fyrst, í stað þess að snúa sér að því að ná tilteknum ávinningi.

Í hefðbundnum vefsíðum eða vefurforritum munu ákveðin svæði vefsvæðisins falla undir 20% sem eru oftast notuð og samskipti við. Þegar farsíma síða er hannað er lögð áhersla á það 20% (eða um það).

Þannig að farsímaútgáfan af vefsvæðinu gæti haft eigin 20% mestu notaða möguleika sína, í tengslum við allt efni sem er tiltækt á hefðbundnum vefsíðum, mun farsímaútgáfan venjulega aðeins hafa mikilvægustu aðgerðir.

Hér er einfalt dæmi hér að neðan með því að nota PETCO.com website:

Petco fullt vefsvæði

Hér að ofan er full útgáfa af síðunni, í öllum ringulreiðum sínum. Þó að það eru nokkrar aðgerðir til að bregðast við og það er vissulega ekki versta hönnunin í heiminum, þá er það ekki mjög einbeitt og það eru of margar möguleikar.

Bera saman það við farsímaútgáfan hér að neðan:

Petco farsíma

Hins vegar er hreyfanlegur tengi sem sýnt er hér að ofan einfalt og hjálpar notandanum að komast að mikilvægustu sviðum fyrst, án þess að yfirþyrma þeim. Hvaða valkostir og innihaldssvæði eru mest notaðar í fullri útgáfu eru eini valkosturinn í boði í farsímaútgáfu.

Þannig eru áherslu á farsímavefforrit gott dæmi um hönnuði sem miðla orku sína á mikilvægustu þætti verkefna sinna, halda áfram að einbeita sér að virkni og innihaldi (20%) sem mest er notað (80%).

Lessons Summarized

Hafa skilning á því hvernig 80/20 reglan virkar, eru hönnuðir búnir til að grípa til aðgerða á ýmsa vegu, sem hér er lýst yfir:

  • Ef unnt er, greina gögn um greiningu og notagildi vandlega til að ákvarða 20% mestu notaðar aðgerðir vefsvæðis þíns
  • Forgangsatriði; það er áhersla á mikilvægustu þætti vefsvæðis þíns eða vefforrita og auka þau
  • Ekki eyða of miklum tíma til að hagræða efni sem fellur í 80% sem ekki er oft notað
  • Einfalda hönnun og útlit á grundvelli gagna sem ákvarðar hvað fellur undir 20% mest notaðar aðgerðir
  • Fjarlægðu gagnrýna virkni eða efni sem ekki er notað oft
  • Ekki fjárfesta of miklum tíma og peningum til að hagræða minni notkunar virkni þar sem arðsemi fjárfestingarinnar mun líklega vera fátækur
  • Finndu leiðir til að bæta virkni og hönnun minna notaðar, mikilvægari þættir sem gætu haft meiri áhrif á viðskipti ef þessar þættir hönnunarinnar voru notaðar oftar


Þó að 80/20 reglan sé umdeilanleg meginregla með sumum eiginleikum, þá er það ekki án virðisauka. Hugsaðu svo um þessa reglu meðan á endurhönnun, endurbótum eða jafnvel nýjum verkefnum stendur.

Þetta ætti að hjálpa notendum að halda áfram að einbeita sér að mikilvægustu virkni og innihaldi og mun að lokum hjálpa til við að bæta viðskiptahlutfall.


Þessi færsla var skrifuð eingöngu fyrir Webdesigner Depot eftir Louis Lazaris, sjálfstætt rithöfundur og vefur verktaki. Louis keyrir Áhrifamikill vefur þar sem hann sendir greinar og námskeið um vefhönnun. Þú getur Fylgdu Louis á Twitter eða hafðu samband við hann í gegnum heimasíðu hans.

Hefur þú hugsað um 80/20 regluna í ákvörðunum þínum um hönnun? Hvaða áhrif hefur það á árangur þinn website eða vefur app? Deila athugasemdum þínum hér að neðan.