Web-suunnitteluun sovellettu 80/20 sääntö
Äskettäin aloittanut lukemisen hieman suunnitteluperiaatteista, törmäsin mielenkiintoiseen periaatteeseen nimeltä 80/20 sääntö , jota kutsutaan myös Pareton periaateeksi , Juranin periaateksi , vitaliksi harvalukuiseksi ja tavalliseksi moniksi säädökseksi sekä Factor Sparsity -periaatteeksi .
Tämä periaate, jota viittaan tässä kappaleessa pelkästään 80/20 säännönä, kun sitä tarkastellaan verkkosivustojen ja verkkosovellusten suunnittelun yhteydessä, voi olla syvällinen vaikutus käyttökokemukseen ja viime kädessä sisällön tai sisällön tehokkuuteen. sivustosi tai verkkosovelluksen toimivuus.
Tässä viestissä esitän ensin perusmäärityksen, ja pohdin joitain konkreettisia esimerkkejä siitä, miten 80/20-sääntö osoittautuu hyödylliseksi, ja sitten tiivistän joitain oppitunteja, joita voidaan kerätä tuntemasta tätä sääntöä.
Mikä on sääntö?
Italian taloustieteilijä Vilfredo Pareto havaitsi alunperin 80/20 säännön ja Joseph M. Juranin nimeltään Pareto-periaate todellinen periaate.
Alla on määritelmiä kahdesta eri lähteestä. Ensimmäinen kirja Yleiset periaatteet suunnittelusta :
80/20 sääntö väittää, että noin 80 prosenttia kaikista suurista järjestelmistä aiheutuvista vaikutuksista johtuu 20 prosentista kyseisen järjestelmän muuttujista.
Ja seuraavaksi, Wikipediasta :
Pareton periaate ... toteaa, että monissa tapauksissa noin 80% vaikutuksista on peräisin 20 prosentista syistä
Niinpä huomaat välittömästi, ettei tämä ole aina periaate, jonka suunnittelijoilla meillä on suora valvonta, vaan se on periaate, jota noudatamme lähes luonnollisesti.
Tietäen tämän periaatteen olemassaolosta tai tapahtumamuodosta meillä on tällöin arvokkaita tietoja päätösten tekemiseen, jotka auttavat mallien käytettävyyden ja tehokkuuden parantamisessa.
Älä koskaan huomioi säännön hypoteettista luonnetta ...
Kyllä, on arvostelijoita ja ne, jotka tuntevat 80/20-säännön, ovat vain hypoteesia tai liian yleistä teoriaa, jota ei aina sovelleta.
Mutta siitä huolimatta käsite itsessään on varmasti hyötyä käyttäjille, jotka työskentelevät käyttöliittymissä ja toiminnoissa, jotka edellyttävät tutkimusta ja optimointia - vaikka sääntö olisi 70/30 tai 90/10.
Kuinka voimme soveltaa sitä käyttäjäkokemukseen?
Missä tahansa verkkosivustossa, verkkosovelluksessa tai ohjelmistokehityksessä 80/20-sääntö kertoo, että 20% toiminnasta ja ominaisuuksista missä tahansa ympäristössä vastaa 80% tuloksista tai tässä ympäristössä toteutetuista toimista.
Joissakin tapauksissa on selvää, mikä on 20%, jolla on niin suuri vaikutus. Web-analyysitietoja, lomakekursseja ja istunnon evästeitä voidaan käyttää käyttäjien käyttäytymisen seurantaan. Näiden kohteiden analyysi auttaa meitä määrittämään, mitkä käyttöliittymän alueet ovat vuorovaikutuksessa useimpien kanssa.
Toisaalta pienempiä tehtäviä, joita ei seurata näiden menetelmien avulla, voi olla vaikeampaa analysoida. Tällöin käytettävyystutkimuksia voidaan tehdä, kun käyttäjät havaitaan, kun he ovat vuorovaikutuksessa sivustosi käyttöliittymän kanssa.
Joitakin esimerkkejä, jotka tunnistavat 80/20-säännön
Olipa kyseessä tahallinen vai ei, on paljon näyttöä siitä, että UI- ja UX-suunnittelijat harkitsevat tämän periaatteen arvoa.
Otetaan esimerkiksi yksinkertainen käyttöliittymä, kuten alhaalla oleva luettelo maista, jotka on esitetty rekisteröintilomakkeessa. Useimmat sivuston kehittäjät tai sisällöntuottajat tunnistavat, että 80 prosenttia ajasta, tietyt maat valitaan.
Joten vaikka tällaisen pitkän luettelon näyttäisi olevan huono käytäntö rikkoa luettelon aakkosjärjestystä, 80/20 sääntö sallii yleissopimuksen rikkomisen asettamalla useimpia valittuja maita yläosaan, kuten alla olevasta ruudukosta ilmenee alkaen Fenn Wright Mansonin kassalle -sivu:
Muissa tapauksissa, kuten kun lisäät uuden osoitteen osoitekirjaan Amazon.com , oletusvalinta on valittu maa - tässä tapauksessa Yhdysvallat:
Tässä on toinen esimerkki, tällä kertaa Yhdistyneen kuningaskunnan toimesta nimeltä Pohjois-Rock-galleria , jolla on oletusarvoisesti UK-vaihtoehto:
Nämä yksinkertaiset esimerkit osoittavat optimoinnin tärkeyden useimmin käytetyille tai valituille toiminnoille ja vaihtoehdoille.
Missä käyttäjä näyttää?
F-Pattern F-malli web-käyttäjien lukeminen ja skannaus tottumukset ovat tulleet aikaiseksi. Tietenkin F-malli ei ole aina osoitus kaikilla markkinoilla, mutta se on melko hyvä lähtökohta harkita, missä käyttäjät näyttävät, kun ne toimivat vuorovaikutuksessa mallien kanssa.
Tutustu seuraavassa kuvattuun lämpöpuunäytökseen tunnetusta Alertbox-artikkelista:
Olettaen, että tämä on hyvä osoitus siitä, missä käyttäjän silmä on keskittynyt, tämä tukee 80/20-säännön käsitettä. Kartan intensiivisimmät alueet voisivat edustaa 20% sivusta, jonka käyttäjän silmät ovat vuorovaikutuksessa 80%: n ajan.
Tästä tietämyksestä, suunnittelijoina, voimme tehdä päätöksiä, jotka auttavat parantamaan ja optimoimaan alueita, joihin käyttäjä tavallisesti kiinnitetään.
Tietenkin muotoilu on usein ratkaiseva tekijä, jossa käyttäjä näyttää, joten tämän ehdotuksen pitäisi olla vain perusopas, eikä välttämättä ole dogmaattinen tapa päättää, mikä jää alle 20 prosentin.
Mobile Design Trends ja 80/20 sääntö
Äskettäin mobiililaitteiden räjähdys maailmanlaajuisesti, jotkut suunnittelijat ja kehittäjät, erityisesti Luke Wroblewski , ovat olleet rohkaisevia mobiili-ensimmäinen web design . Tämä tarkoittaa sitä, että suunniteltaessa ja kehitettäessä verkkosivustoa mobiiliversio tulisi tehdä ensin, eikä toisinpäin, tiettyjen etujen saavuttamiseksi.
Perinteisessä verkkosivustossa tai verkkosovelluksessa tietyt sivustosi alueet kuuluvat luonnollisesti alle 20 prosenttiin, joita käytetään useimmiten ja vuorovaikutteisesti. Kun mobiilisivusto on suunniteltu, keskitytään siihen 20%: iin (tai sen sisälle).
Joten vaikka verkkosivuston mobiiliversiossa voi olla omat 20 prosenttia useimmin käytetyistä vaihtoehdoista perinteisen verkkosivuston koko sisällön suhteen, mobiiliversion normaalisti on vain tärkeimmät toiminnot.
Tässä on yksinkertainen esimerkki alla PETCO.com verkkosivusto:
Yllä oleva näkymä on sivuston täydellinen versio, kaikessa tyrmistyneessä kunnossaan. Vaikka on olemassa joitakin toiminta-alueita, ja se ei todellakaan ole maailman pahin muotoilu, kaiken kaikkiaan se ei ole kovin keskittynyt ja on liian monta vaihtoehtoa.
Vertaa sitä mobiiliversioon, alla:
Sitä vastoin yllä esitetty mobiili rajapinta on yksinkertainen ja auttaa käyttäjää pääsemään tärkeimpiin alueisiin ensin, ilman että heitä ylennetään. Mitä tahansa vaihtoehtoja ja sisältöalueita käytetään eniten täysversiossa ovat ainoat mobiiliversion käytettävissä olevat vaihtoehdot.
Siksi hyvä keskittynyt mobiilisovellus on erinomainen esimerkki suunnittelijoista, jotka ohjaavat energiaansa tärkeimpien projektiensa näkökulmasta, keskittyen käytetyimpään osaan (80%) käytetystä toiminnasta ja sisällöstä (20%).
Oppitunnit tiivistetysti
Kun ymmärrät 80/20 säännön toimivuuden, suunnittelijat ovat valmiita toimimaan monin tavoin, jotka on tiivistetty alla:
- Jos mahdollista, analysoi analyysit ja käytettävyystiedot tarkasti määritäksesi sivustosi 20% useimmin käytetyt toiminnot
- Priorisointi; eli keskittyä sivustosi tai verkkosovelluksen tärkeimpiin osiin ja tehosta niitä
- Älä käytä liikaa aikaa optimoimaan tavaraa, joka kuuluu 80%: iin, jota ei useinkaan käytetä
- Yksinkertaista malleja ja asetteluja, jotka perustuvat tietoihin, jotka määrittävät, mitkä kuuluvat 20%: n eniten käytettyjen toimintojen alle
- Poista ei-kriitinen toiminto tai sisältö, jota ei usein käytetä
- Älä sijoita liikaa aikaa ja rahaa optimoimaan vähemmän käytettyjä toimintoja, sillä investoinnin tuotto on todennäköisesti huono
- Etsi keinoja parantamaan vähemmän käytettyjen kriittisten elementtien toimivuutta ja suunnittelua, jolla voisi olla suurempi vaikutus tuloksiin, jos suunnittelun elementtejä käytetään useammin
Vaikka 80/20 sääntö on kiistanalainen periaate, jossa on joitain luontaisia puutteita, se ei ole ilman arvoa. Joten pitäkää tämä sääntö uudelleensuunnitteluun, uudelleenkohdentamiseen tai jopa uusiin projekteihin.
Tämän pitäisi auttaa käyttäjääsi keskittymään tärkeimpiin toimintoihin ja sisältöihin ja lopulta auttaa parantamaan tulosprosentteja.
Tämä viesti kirjoitettiin yksinomaan Webdesigner Depotille, freelance-kirjailija ja web-kehittäjä Louis Lazaris. Louis juoksee Vaikuttavat webs jossa hän lähettää artikkeleita ja tutoriaaleja web-suunnittelussa. Sinä pystyt seuraa Louis Twitterissä tai ota yhteyttä hänen verkkosivuillaan.
Oletko pitänyt 80/20 sääntöä suunnittelupäätöksissänne? Mitä vaikutuksia sillä on ollut sivustosi tai verkkosovelluksen menestykseen? Jaa kommenttisi alla.