Když jsem nedávno začal číst trochu víc o principu návrhu, narazil jsem na zajímavý princip nazvaný Pravidlo 80/20 , také nazývaný jako Pareto Princip , Juranův princip , Vital Few a Trivial Many Rule a Principle of Factor Sparsity .

Tento princip, o němž se v tomto článku budeme bavit pouze jako pravidlo 80/20, když se vezme v úvahu návrh internetových stránek a webových aplikací, může mít hluboký vliv na zkušenosti uživatele a nakonec na účinnost obsahu nebo funkčnost vašeho webu nebo webové aplikace.

V tomto příspěvku nejdříve uvedu základní definici, pak se podívám na některé konkrétní příklady toho, jak se pravidlo 80/20 ukáže jako prospěšné, a pak budu shrnovat některé ponaučení, které mohou být získány z toho, že má znalost tohoto pravidla.

Co je pravidlo?

Pravidlo 80/20 původně poznamenal italský ekonom Vilfredo Pareto a samotný princip byl pojmenován princ Pareto Josephem Juranem.

Níže jsou definice ze dvou různých zdrojů. Nejprve z knihy Univerzální principy designu :

Pravidlo 80/20 tvrdí, že přibližně 80 procent účinků generovaných jakýmkoli velkým systémem je způsobeno 20 procenty proměnných v tomto systému.


A další, z Wikipedie :

Zásada Pareto ... uvádí, že u mnoha událostí přibližně 80% účinků pochází z 20% příčin


Takže okamžitě zjistíte, že to není vždy zásada, kterou my jako konstruktéři máme přímou kontrolu, ale spíše je to zásada, kterou pozorujeme, jak se vyskytuje téměř přirozeně.

S vědomím existence tohoto principu nebo vzoru výskytu jsme pak vybaveni cennými informacemi, abychom mohli přijímat rozhodnutí, která pomohou zlepšit použitelnost a účinnost našich návrhů.

Nikdy nezapomeňte na hypotetickou povahu pravidla ...

Ano, existují kritici a ti, kteří cítí pravidlo 80/20, nejsou nic jiného než hypotéza nebo příliš obecná teorie, která se ne vždy uplatňuje.

Ale uvedením této skutečnosti je samozřejmě prospěšné pro ty, kteří pracují na uživatelských rozhraních a funkčnosti, která vyžaduje vyšetření a optimalizaci - i když pravidlo je spíše jako 70/30 nebo 90/10.

Jak jej můžeme aplikovat na uživatelskou zkušenost?

Ve všech webových stránkách, webových aplikacích nebo softwarovém prostředí pravidlo 80/20 říká, že 20% funkčnosti a funkcí v jednom prostředí bude odpovídat za 80% výsledků nebo za akce provedené v tomto prostředí.

V některých případech je snadné zjistit, co představuje 20%, které má tak velký dopad. Statistiky statistiky webu, odesílání formulářů a soubory cookie relací mohou být použity ke sledování chování uživatelů. Analýza těchto položek nám pomůže určit, které oblasti uživatelského rozhraní jsou nejvíce ovlivněny.

Na druhé straně mohou být menší úkoly, které nejsou sledovány pomocí těchto metod, těžší analyzovat. V tomto případě lze provádět studie použitelnosti, kde jsou uživatelé pozorováni, protože interagují s uživatelským rozhraním vašeho webu.

Některé příklady, které rozpoznávají pravidlo 80/20

Ať už je to úmyslné nebo ne, existuje mnoho důkazů, že návrháři UI a UX uvažují o hodnotě tohoto principu.

Vezměte například jednoduchý prvek UI jako rozbalovací seznam zemí uvedených v registračním formuláři. Většina vývojářů stránek nebo tvůrců obsahu uznává, že v 80% času budou vybrány některé země.

Takže i když by se zdálo, že je tak špatná praxe pro tak dlouhý seznam, který by porušil abecedu seznamu, pravidlo 80/20 umožňuje, aby se tato úmluva porušila nejvyšším výběrem zemí nahoře, jak je vidět na obrazovce z Fenn Wright Manson je stránka k pokladně:

Nejpravděpodobnější země možnosti Fenn Wright Manson


V ostatních případech, jako při přidání nové adresy do vašeho adresáře Amazon.com , výchozí volba je nejvíce vybraná země - v tomto případě Spojené státy:

Výchozí možnost země Amazonu


Zde je další příklad, tentokrát z britské firmy nazvané Galerie North Rock , který má ve výchozím nastavení možnost UK:

Výchozí možnost země Norht Rock Gallery

Tyto jednoduché příklady ukazují, jak je důležité optimalizovat funkce a možnosti, které se nejčastěji používají nebo vybírají.

Kde vypadá uživatel?

The F-vzor Čtení a skenování návyků uživatelů internetu se stávají docela dost. F-Pattern samozřejmě není vždy ukazatelem na každém trhu, ale je to docela dobrý výchozí bod pro zvážení toho, kde budou vaši uživatelé vypadat, když budou spolupracovat s vašimi návrhy.

Podívejte se na níže uvedené schémata ohřevu z dobře známého článku upozorněného na upozornění:

Heatmapy zobrazující F-vzorek

Za předpokladu, že toto je dobrý ukazatel ohnisků uživatele, podporuje to pravidlo 80/20. Nejintenzivnější oblasti na mapě by mohly představovat 20% stránky, na které uživatelské oči komunikují 80% času.

Z těchto poznatků můžeme jako konstruktéři přijímat rozhodnutí, která pomohou zlepšit a optimalizovat oblasti, na které bude uživatel obvykle přitahován.

Samozřejmě, design bude často rozhodujícím faktorem, kde uživatel vypadá, takže tento návrh by měl být pouze základním průvodcem a ne nutně dogmatickým způsobem, jak rozhodnout, co spadá pod 20%.

Trendy mobilního návrhu a pravidlo 80/20

Nedávno s výbuchem mobilních zařízení po celém světě, někteří designéři a vývojáři, nejvíce pozoruhodně Luke Wroblewski , byly povzbudivé mobilní první webový design . To znamená, že při navrhování a vývoji webové stránky by měla být mobilní verze nejprve namísto opačné, aby se dosáhlo určitých výhod.

V tradičních webových stránkách nebo webových aplikacích jisté oblasti vašeho webu přirozeně spadají pod 20%, které se nejčastěji používají a vzájemně ovlivňují. Když je mobilní web navržen, zaměřujeme se na 20% (nebo tam).

Takže i když mobilní verze webové stránky mohou mít vlastní 20% nejčastěji používané možnosti, vzhledem k plnému obsahu dostupnému na tradiční webové stránce má mobilní verze obvykle pouze ty nejdůležitější funkce.

Zde je jednoduchý příklad níže PETCO.com webová stránka:

Petco plné webové stránky

Nahoře je zobrazena plná verze stránek, ve všech jeho přeplněných slávě. Zatímco existují určité oblasti s výzvou k akci, a rozhodně nejde o nejhorší design na světě, celkově není příliš zaměřený a existuje příliš mnoho možností.

Porovnejte to s mobilní verzí níže:

Petco mobile

Naproti tomu je mobilní rozhraní, které je uvedeno výše, jednoduché a pomáhá tak, aby se uživatel dostal do nejdůležitějších oblastí, aniž by je přemohl. Bez ohledu na volby a obsahové oblasti, které jsou v plné verzi nejčastěji používány, jsou v mobilní verzi dostupné pouze možnosti.

Tak dobře zaměřené mobilní webové aplikace jsou skvělými příklady návrhářů, kteří svou energii nasměrují na nejdůležitější aspekty svých projektů, přičemž se zaměřují na funkčnost a obsah (20%), které se většinu času používají (80%).

Lekce jsou shrnuty

S pochopením toho, jak funguje pravidlo 80/20, jsou designéři vybaveni k tomu, aby podnikli různé kroky, které jsou shrnuty níže:

  • Pokud je to možné, pečlivě analyzujte údaje o analýze a použitelnosti, abyste zjistili, že 20% nejčastěji používaných funkcí vašeho webu je
  • Upřednostnit; tj. zaměřte se na nejdůležitější aspekty vašeho webu nebo webové aplikace a vylepšete je
  • Neztrácejte příliš mnoho času optimalizovat věci, které spadají do 80%, které nejsou často používány
  • Zjednodušte návrhy a rozvržení na základě údajů, které určují, co spadá pod 20% nejčastěji používané funkce
  • Odstraňte nekritické funkce nebo obsah, který se často nepoužívá
  • Neinvestujte příliš mnoho času a peněz optimalizovat méně používané funkce, protože návratnost vaší investice bude pravděpodobně špatná
  • Najděte způsoby, jak zlepšit funkčnost a návrh méně důležitých prvků, které by mohly mít větší dopad na konverze, pokud by byly prvky designu častěji používány


Zatímco pravidlo 80/20 je diskutabilním principem s některými podstatnými nedostatky, není to bezvýznamné. Zvažte toto pravidlo během procesu redesignů, realignů nebo dokonce i u nových projektů.

To by mělo pomoci vašim uživatelům zůstat zaměřené na nejdůležitější funkce a obsah a nakonec pomůže zlepšit míru konverze.


Tento příspěvek byl napsán výhradně pro Webdesigner Depot Louis Lazaris, nezávislý spisovatel a webový vývojář. Louis běží Působivé weby kde on posílá články a cvičení na web designu. Můžeš následovat Louis na Twitteru nebo se s ním spojte prostřednictvím svých webových stránek.

Zvažovali jste pravidlo 80/20 při rozhodování o návrhu? Jaký vliv má na úspěch vašeho webu nebo webové aplikace? Sdílejte níže uvedené komentáře.