80/20-regelen som brukes til webdesign
Etter å ha nylig begynt å lese litt mer på designprinsipper, kom jeg over et interessant prinsipp kalt 80/20 regel , også referert til som Pareto-prinsippet , Jurans prinsipp , Vital Få og Trivial Many Rule , og Principen om Faktor Sparsity .
Dette prinsippet, som jeg refererer til i dette stykket, bare som 80/20-regelen, når det vurderes i sammenheng med nettside- og webappdesign, kan ha en dyp innvirkning på brukeropplevelsen, og til slutt på effektiviteten av innholdet eller funksjonaliteten til nettstedet ditt eller webapp.
I dette innlegget vil jeg først gi en grunnleggende definisjon, så jeg vil vurdere noen konkrete eksempler på hvordan 80/20-regelen viser seg å være gunstig, og jeg vil oppsummere noen leksjoner som kan hentes fra å ha kjennskap til denne regelen.
Hva er regelen?
80/20-regelen ble opprinnelig observert av italiensk økonom Vilfredo Pareto, og det faktiske prinsippet ble kalt Pareto-prinsippet av Joseph M. Juran.
Nedenfor er definisjoner fra to forskjellige kilder. Først fra boken Universelle prinsipper for design :
80/20-regelen hevder at rundt 80 prosent av effektene som genereres av et hvilket som helst stort system skyldes 20 prosent av variablene i det systemet.
Og neste, fra Wikipedia :
Pareto-prinsippet ... sier at for mange hendelser kommer omtrent 80% av effektene fra 20% av årsakene
Så umiddelbart vil du legge merke til at dette ikke alltid er et prinsipp som vi som designere har direkte kontroll over, men snarere er det et prinsipp som vi observerer som skjer nesten naturlig.
Med kunnskap om eksistensen av dette prinsippet, eller mønster av forekomst, er vi da utstyrt med verdifull informasjon for å ta beslutninger som vil bidra til å forbedre bruken og effektiviteten til våre design.
Never Mind den hypotetiske arten av regelen ...
Ja, det er kritikere, og de som føler 80/20-regelen, er ikke noe mer enn en hypotese eller altfor generell teori som ikke alltid gjelder.
Men å sette det til side, er konseptet selvsagt til nytte for de som jobber med brukergrensesnitt og funksjonalitet som krever undersøkelse og optimalisering - selv om regelen er mer som 70/30 eller 90/10.
Hvordan kan vi bruke det på brukeropplevelsen?
I et hvilket som helst nettsted, webapp eller programvaremiljø, forteller 80/20-regelen at 20% av funksjonaliteten og funksjonene i et miljø vil være ansvarlig for 80% av resultatene, eller handlinger som tas i det miljøet.
I noen tilfeller er det enkelt å finne ut hva som utgjør 20% som har så stor innvirkning. Webanalysestatistikk, skjemainnlegg og øktkaksler, kan alle brukes til å spore brukeradferd. Analyse av disse elementene vil hjelpe oss med å avgjøre hvilke områder av brukergrensesnittet som samhandles med de fleste.
På den annen side kan mindre oppgaver som ikke spores ved hjelp av disse metodene, være vanskeligere å analysere. I dette tilfellet kan brukbarhetsstudier gjennomføres der brukere blir observert når de samhandler med webområdet ditt.
Noen eksempler som gjenkjenner 80/20-regelen
Enten det er forsettlig eller ikke, er det nok bevis for at UI og UX-designere vurderer verdien av dette prinsippet.
Ta for eksempel et enkelt brukergrensesnitt som en rullegardinliste over land som presenteres i et registreringsskjema. De fleste nettstedutviklere eller innholdsskapere gjenkjenner at 80% av tiden vil enkelte land bli valgt.
Så selv om det tilsynelatende var dårlig praksis for en så lang liste å bryte alfabetiseringen av listen, tillater 80/20-regelen at konvensjonen blir brutt ved å sette de mest utvalgte landene øverst, som vist i skjermbildet nedenfor fra Fenn Wright Mansons kassen side:
I andre tilfeller, som når du legger til en ny adresse i adresseboken din på Amazon.com , standardvalget er det mest valgte landet - i dette tilfellet, USA:
Her er et annet eksempel, denne gangen fra en britisk basert bedrift som heter North Rock Gallery , som har det britiske alternativet valgt som standard:
Disse enkle eksemplene ovenfor viser betydningen av å optimalisere for funksjonene og alternativene som brukes eller velges oftest.
Hvor ser brukeren ut?
De F-mønster lesing og skanning vaner av nettbrukere har blitt ganske etablert nå. Selvfølgelig er F-Pattern ikke alltid en indikator på alle markeder, men det er et ganske godt utgangspunkt for å vurdere hvor brukerne vil se når de samhandler med designene dine.
Ta en titt på varmekartene som er vist nedenfor fra den velkjente Alertbox-artikkelen som er koblet over:
Forutsatt at dette er en god indikator på hvor brukerens øye er fokusert, støtter dette konseptet 80/20-regelen. De mest intense områdene på kartet kan representere 20% av siden som brukerens øyne virker sammen med 80% av tiden.
Fra den kunnskapen, som designere, kan vi ta beslutninger som vil bidra til å forbedre og optimalisere områdene som brukeren skal bli vant til.
Selvfølgelig vil utformingen ofte være avgjørende for hvor brukeren ser ut, så dette forslaget bør bare være en grunnleggende veiledning og ikke nødvendigvis en dogmatisk måte å avgjøre hva som faller under 20%.
Mobile Design Trends og 80/20 Rule
Nylig med eksplosjonen av mobile enheter over hele verden, noen designere og utviklere, mest spesielt Luke Wroblewski , har vært oppmuntrende mobil-første webdesign . Det vil si når du designer og utvikler et nettsted, bør mobilversjonen gjøres først, i stedet for omvendt, for å oppnå visse fordeler.
I en tradisjonell nettside eller webapp vil enkelte områder av nettstedet ditt naturligvis falle under de 20% som oftest brukes og interaksjon med. Når et mobilt nettsted er utformet, ligger fokus på det 20% (eller deromkring).
Så mens den mobile versjonen av et nettsted kan ha sine egne 20% mest brukte alternativer, i forhold til det fulle innholdet som er tilgjengelig på et tradisjonelt nettsted, vil den mobile versjonen normalt bare ha de viktigste funksjonene.
Her er et enkelt eksempel nedenfor ved hjelp av PETCO.com nettside:
Vist ovenfor er den fullstendige versjonen av nettstedet, i all sin rotete herlighet. Selv om det er noen handlingsområder, og det er absolutt ikke det verste designet i verden, er det generelt ikke veldig fokusert, og det er for mange alternativer.
Sammenlign det med den mobile versjonen, nedenfor:
I motsetning til dette er det mobile grensesnittet som er vist ovenfor, enkelt og hjelper brukeren til å komme til de viktigste områdene først uten å overvelde dem. Uansett hvilke alternativer og innholdsområder som er mest brukt i fullversjonen, er de eneste alternativene tilgjengelige i mobilversjonen.
Således er fokuserte mobile webapplikasjoner gode eksempler på designere som kanaliserer sine energier på de viktigste aspektene av prosjektene deres, og fokuserer på funksjonaliteten og innholdet (de 20%) som brukes mesteparten av tiden (80%).
Leksjoner oppsummert
Å ha forståelse for hvordan 80/20-regelen fungerer, er designere utstyrt for å handle på flere måter, oppsummert nedenfor:
- Hvor det er mulig, analyser analyser og brukervennlige data nøye for å bestemme nettstedets 20% mest brukte funksjoner
- Prioriter; det vil si, fokusere på de viktigste aspektene av nettstedet ditt eller webapp, og forbedre dem
- Ikke bruk for mye tid på å optimalisere ting som faller i 80% som ikke ofte brukes
- Forenkle design og layout basert på data som bestemmer hva som faller under de 20% mest brukte funksjonene
- Fjern ikke-kritisk funksjonalitet eller innhold som ikke brukes ofte
- Ikke legg for mye tid og penger på å optimalisere mindre brukt funksjonalitet siden avkastningen på investeringen din vil trolig være dårlig
- Finn måter å forbedre funksjonaliteten og utformingen av mindre brukte mer kritiske elementer som kan ha større innvirkning på konverteringer hvis disse elementene i designet ble brukt oftere
Selv om 80/20-regelen er et diskutabelt prinsipp med noen iboende feil, er det ikke uten verdi. Så vurder denne regelen under prosessen med redesignene dine, omregner eller til og med for nye prosjekter.
Dette bør hjelpe brukerne til å holde fokus på den viktigste funksjonaliteten og innholdet, og vil til slutt bidra til å forbedre konverteringsfrekvensene.
Dette innlegget ble skrevet utelukkende for Webdesigner Depot av Louis Lazaris, frilansskribent og webutvikler. Louis løper Imponerende Webs hvor han legger inn artikler og opplæringsprogrammer på webdesign. Du kan følg Louis på Twitter eller ta kontakt med ham gjennom nettstedet hans.
Har du vurdert 80/20-regelen i dine designbeslutninger? Hvilken effekt har det hatt på suksessen til nettstedet ditt eller webapp? Del dine kommentarer nedenfor.