Pareto-prinsippet i nettdesign - design et mer effektivt nettsted med 80/20-regelen

Problemet med å være en perfeksjonist i webdesign

Perfeksjonisme kan være en utfordring for mange grafiske designere og webdesignere. Å strebe etter perfeksjon er beundringsverdig, men det kan føre til en viss frustrasjon med endeløse endringer og justeringer til hvert element på nettstedet er perfekt. For mange designere er det lett å bli revet med i designprosessen og miste oversikten over tiden mens de velger skrifttyper, fargepaletter og grubler over hundrevis av piksel-perfekte designbeslutninger. Visst er det viktig å levere godt arbeid, men som designer er det lett å miste fokus på hva dette betyr? Et nettsted skal ikke handle om designerens mål, det skal handle om å oppfylle kundens ønskede resultat, og samtidig balansere begrensningene i tid, ressurser og energi. Uten begrensninger kan et nettsted lett bli overkonstruert, tregt, med for mange elementer og funksjoner som forvirrer brukerne. Det er også vanskelig å få plass til alle funksjonene på den begrensede tiden, så designeren kan rett og slett gå tom for tid, og det er svært stressende for alle involverte å ikke levere et godt nettsted innen fristen.

Hva er Pareto-prinsippet?

"80/20-regelen", også kalt Pareto-prinsippet, sier at 80 % av virkningene kommer fra 20 % av årsakene. Pareto-prinsippet ble først introdusert av en italiensk økonom ved navn Vilfredo Pareto i 1895 da han observerte at 80 % av Italias rikdom var eid av bare 20 % av befolkningen. Han la også merke til at 20 % av ertebøssene i hagen hans produserte 80 % av ertene! Pareto-prinsippet antyder at noen få nøkkelelementer er ansvarlige for å produsere det meste av et gitt resultat. Siden den gang har det blitt brukt på mange andre områder, inkludert næringsliv, økonomi og psykologi, og kan til og med være praktisk i hverdagen.

Dette kan også overføres til eksempler i mindre skala; har du noen gang lagt merke til at mesteparten av inntekten din kommer fra en håndfull faste kunder? Eller at du alltid ser ut til å bruke de samme klesplaggene mens det meste av garderoben din ikke blir brukt? Selv om forholdet ikke alltid er nøyaktig 80/20, og det alltid er unntak, er det et flott verktøy for å hjelpe folk med å identifisere hvilke handlinger som har størst innvirkning på deres suksess og prioritere disse deretter.

Pareto-prinsippet i webdesign og digital markedsføring

Pareto-prinsippet anvendt på webdesign antar at de fleste resultatene vil komme fra et lite antall nøkkelfunksjoner. I markedsføring vil noen kampanjer gjøre det mye bedre enn andre. For å oppnå det beste resultatet er det fornuftig å fokusere på disse få nøkkelfunksjonene først og sørge for at de får mest oppmerksomhet, mens de mindre viktige delene kan gjøres raskere. En måte å bruke Pareto-prinsippet på er å fokusere på brukeropplevelse og brukervennlighet - ved å ta hensyn til hvordan brukerne samhandler med nettinnholdet ditt og sørge for at de kan finne det de trenger, vil du sannsynligvis høste større fordeler enn hvis du bare fokuserer på estetikk alene. Det lærer oss at perfeksjon ikke alltid er nødvendig, og at det er mulig å oppnå et enda mer effektivt nettsted ved å optimalisere de viktige 20 % av funksjonene.

Som et eksempel så vi nettopp på trafikkdataene til en liten nettbutikk som selger håndlagde produkter, og la merke til flere Pareto-tendenser. For eksempel får nesten alle besøkende tilgang til nettstedet via mobil. Det meste av produktsalget kommer fra et lite antall kategorier. Facebook var deres største kilde til trafikk fra sosiale medier. Når du undersøker et varmekart over produktsiden, får noen områder mer engasjement. Det typiske F-mønsteret kan i noen grad observeres, med klynger av interaksjoner i den øverste raden og nedover på venstre side av siden.

Hva kan gjøres med denne informasjonen for å forbedre salget for denne kunden?

I dette eksempelet vil den raskeste gevinsten være å forbedre mobilopplevelsen på dette nettstedet, som opprinnelig ble bygget for PC. Varmekart over alle sidene kan undersøkes for å lære mer om brukernes preferanser. For eksempel kan de mest klikkede spørsmålene fra FAQ-delen flyttes til startsiden i stedet for å gjemmes bort. Produkter med høy fortjeneste kan vises i de sideområdene der det er sannsynlig at det blir flest klikk.

Begynn alltid med "hvorfor

(Bildekilde: Envato Elements)

Fra min erfaring i bransjen har jeg lagt merke til at mange designere er glade for å akseptere briefen og begynne å jobbe med design, selv om de mangler nøkkelinformasjon knyttet til formålet med prosjektet. Kanskje personen som utarbeidet briefen trodde at denne informasjonen var underforstått, eller at klienten ikke verbaliserte den konsist. Ta et skritt tilbake før du begynner å jobbe. Uten en klar forståelse av hvorfor du gjør det du gjør, vil webdesignet ditt mangle retning. Nettstedet ditt kan se bra ut for deg og til og med for klienten, men til tross for mange timer vil resultatet bli skuffende hvis det ikke oppnår kundens forventede resultater.

Spør deg selv: Hvorfor finnes dette nettstedet? Hvem vil være sluttbrukerne av nettstedet, og hvordan vil de samhandle på nettstedet? Hvordan vil nettstedet skape verdi og suksess for kunden din? Hvordan vil kunden måle denne suksessen? Hvordan vil nettstedet tiltrekke seg besøkende og fange opp potensielle kunder? Når du kan svare på disse spørsmålene, og du forstår "hvorfor", vil det gjøre det lettere å prioritere "hva" og "hvordan" av designelementene. Når du kan visualisere det ønskede resultatet, vil det hjelpe deg å konsentrere energien din om de viktigste områdene for å oppnå dette.

Omfavne minste levedyktige produkt-tilnærmingen i webdesign

Med så mange avgjørelser å ta når man utformer et nettsted, kan det være vanskelig å vite hvor man skal begynne. MVP-tilnærmingen (minimum levedyktig produkt) innebærer å bygge bare kjerneelementene i et nettsted med en gang og deretter kontinuerlig forbedre dem gjennom tilbakemeldinger fra kunder over tid. Det gjøres vanligvis for å spare kostnader og tid, eller når en forretningsidé er basert på mange antakelser. I stedet for å prøve alt på en gang, kan utviklere prioritere funksjoner basert på kundenes behov og lage prototyper så snart som mulig. Selv når du ikke er presset på tid eller budsjett, er det å omfavne nettstedet som en MVP en fantastisk måte å bruke Pareto-prinsippet på og å bekjempe perfeksjonistiske tendenser. Mentalt hjelper det å vite at du alltid kan legge til flere funksjoner senere, men at du bør fokusere på de viktigste elementene nå.

Å designe for mobil først kan hjelpe deg med å forenkle nettstedet ditt.

Når du designer et nettsted, ønsker du å gi brukerne en effektiv og intuitiv opplevelse. Den beste måten å oppnå dette på er å designe med en "mobil først"-tilnærming. Dette konseptet innebærer å lage nettsteder som er optimalisert for mobile enheter først, i stedet for skrivebordsnettsteder som er tilpasset for mobil. Hvorfor er dette nødvendig? Ifølge techjury.net genererer mobiltelefoner 60,66 % av nettstedstrafikken i 2022, mens datamaskiner og nettbrett til sammen står for 39,34 %. Dette kan variere i ulike bransjer og på ulike nettsteder, men trenden er verdt å merke seg. Ved å fokusere designet ditt på mobilversjonen av nettstedet kan du øke sjansene for suksess i din favør.

Når du begynner å designe for mobile enheter, vil du raskt merke at det er mindre plass til ordlyd og rot. Det er ganske vanskelig å tilpasse seg hvis du har designet for datamaskiner i lang tid. Men denne tilnærmingen passer godt med Pareto-prinsippet, siden det hjelper deg med å velge det innholdet som har størst innvirkning. Dette har to fordeler: Nettstedet ditt blir optimalisert for den mobilplattformen som brukerne foretrekker, og når du tilpasser det for desktop, vil det visuelt se moderne og rent ut. Du vil fortsatt måtte tilpasse nettstedet ditt til datamaskinen senere, men når du arbeider ut fra mobil først-tilnærmingen, blir det mye enklere siden du allerede har et forenklet design.

Undersøk og analyser konkurrentenes nettsteder

Når det gjelder webdesign, tenker vi ofte på forskning som å se på andre inspirerende nettsteder eller maler med vakre designelementer. Men forskning på webdesign handler om mer enn bare å beundre estetikken til andre nettsteder. Det er nødvendig å forstå hvordan folk bruker nettet, hvordan brukerne samhandler med ulike design og hvordan innholdet er organisert for å skape et effektivt nettsted. Ved å be om analysedata som kunden kan fremskaffe, eller ved å bruke et overvåkingsverktøy som Ranktracker, kan vi bedre identifisere forbedringsområder for et nettsted med bedre ytelse.

Forskningen bør omfatte undersøkelser av eksisterende bransjestandarder, målgrupper og brukernes preferanser gjennom konkurrentanalyser. Du kan finne konkurrenter ved å spørre kunden, eller ved å gjøre egne søk og se hvilke nettsteder som rangeres øverst. Når du har identifisert noen konkurrenter, trenger du en pålitelig kilde for data om dem. En av mine favorittfunksjoner i Ranktracker er muligheten til å legge til dine egne identifiserte konkurrenter, og den vil vise konkurrentens ytelse i en kolonne ved siden av dine egne domeneresultater. Hvis en konkurrent overgår deg for dine egne søkeord, er det verdt å analysere nettstedet deres for å lære av dem. For å legge til en konkurrent limer du ganske enkelt inn nettadressen deres.

Klikk her for en grundig artikkel om hvordan du gjennomfører en konkurranseanalyse.

Mens du gjør alle undersøkelsene dine, kan du lage en "drømmeliste" over alle mulige funksjoner og elementer du kan inkludere (ikke bekymre deg, du vil begrense disse, men det er nyttig å ha alle ideene samlet).

Planlegging: Identifisere viktige designfunksjoner

(Bildekilde: Envato Elements)

Utformingen av et nettsted bør være basert på det tiltenkte formålet. Se på alle elementene/funksjonene fra drømmelisten din og velg de du tror vil hjelpe kunden din med å nå målet sitt. Ta et blankt papir og begynn å tegne noen grove skisser for nettstedet ditt. På trådrammene kobler du hvert element du planlegger å inkludere til et resultat: Hvis du ikke finner et klart formål for det, kan du skrote den delen. Ikke tenk på designestetikk, fokuser på hva som er best for brukeropplevelsen og brukervennligheten.

I motsetning til hva mange tror, trenger ikke dine første wireframes å være designet med fancy designprogramvare. Den analoge tilnærmingen med blyant og papir vil fungere helt fint, og noen ganger enda bedre ettersom du ikke blir distrahert av selve programvaren. Papir er mer tilgivende og mindre permanent; det er raskere å bruke, noe som kan hjelpe under den kreative prosessen. Hvis du trenger å presentere wireframes for kunden din, kan dette gjøres mer profesjonelt når du har jobbet gjennom de grove tegningene.

Lag en mock-up først, ikke design i nettplattformen for å spare tid.

Et gammelt ordtak sier at du ikke kan fly et fly mens du bygger det. Dette gjelder også for webdesign: å prøve å bygge et nettsted mens du fortsatt prøver å finne ut av beslutninger om innhold, funksjoner og design, er en oppskrift på frustrasjon. For å holde ting effektivt, trenger du en plan. Å lage en mock-up av hver side virker tidkrevende og kontraintuitivt her, men det tjener mange formål og vil spare tid i det lange løp. Mock-ups gjør det mulig for kunden din å visualisere nettstedet før nettutviklingen i det hele tatt starter. De kan oppleve de forskjellige farge- og skrifttypealternativene, og enkelt forutse hva som må endres. Å diskutere en mock-up skaper mange muligheter for diskusjon og spørsmål. Det øker sjansene for at kunden din blir fornøyd når de ser live-nettstedet for første gang. Viktigst av alt, å jobbe med en mock-up lar deg bygge nettstedet mye raskere når du kommer til utviklingsfasen, ettersom nesten alle de kreative beslutningene allerede er tatt.

Arbeid med innhold som vil rangere godt på søkemotorer

Noen ganger vil en kunde insistere på at du begynner å designe med "plassholdertekst" fordi de tror at din rolle bare er å designe de estetiske elementene. Unngå om mulig å gjøre designarbeid med generisk plassholdertekst. Selv om designene dine kan se vakre ut, vil nettstedet ditt mangle formål hvis du forsømmer en viktig ingrediens som velskrevet innhold.

Et nettsted er bare verdifullt hvis det får besøkende, og søkemotoroptimalisering (SEO) er hvordan søkemotorer finner nettstedet ditt organisk. Ordvalget på en side er avgjørende for SEO, og designelementene bør støtte ordlyden. Hvis du vet hva nøkkelordene er på forhånd, gir det deg ekstra innsikt. Hvis du jobber med en tekstforfatter for innholdet ditt, må du forsikre deg om at vedkommende er kjent med SEO. Selv om du ikke er en SEO-ekspert, bør du gjøre deg kjent med dette emnet slik at du kan være mer bevisst på dette under nettdesignprosessen.

Noen søkeordverktøy er kompliserte (spesielt hvis du er ny innen SEO), men Ranktracker Keyword Finder er veldig enkel og intuitiv: du legger ganske enkelt til søkeordene i en liste, og den viser resultatene fargekodet etter søkeordets vanskelighetsgrad. For god SEO vil du velge søkeord med lav konkurranse, men tilstrekkelig søkevolum, så det er veldig nyttig at søkevolumene vises akkurat der.

Så før du begynner, prøv å få i det minste et utkast til ordlyden. Hvis du er en frittstående designer, er det sannsynlig at du også må hjelpe kunden med å finne ut hvor ordlyden passer best på nettstedet. En realitet i designprosessen er at denne ordlyden kan endres et par ganger, men å ha noe å begynne med er så mye bedre enn ingenting i det hele tatt.

Forenkle valg av skrifttyper, farger, hierarki og visuelle elementer.

Hvis du er en mindre erfaren designer eller bare ønsker å spare litt tid, er det nyttig å jobbe med maler og bruke dem som grunnlag. For et CMS som WordPress finnes det tusenvis av flotte maler til rimelige priser. Disse har allerede skrifttyper, farger, hierarki og visuelle elementer designet i en sammenhengende stil. Hvis du er opptatt av originalitet, kan du være trygg på at resultatet ditt vil se annerledes ut enn malen siden du tilpasser det til trådrammene dine. Å ha noen designressurser og en generell stil til å begynne med kan virkelig hjelpe deg med å finne retning og redusere beslutningstretthet. Ikke ta med for mange farger: du kan trygt begrense nettstedets farger til 2 farger eller maksimalt 3. Sjekk ut De 20 beste fargekombinasjonene du kan prøve på nettstedet ditt for noen gode ideer og trender når du velger nettstedfarger.

Konklusjon: Maksimering av virkningen

Å vite hvor man skal fokusere, kan hjelpe en designer med å håndtere sine perfeksjonistiske tendenser og samtidig oppnå suksess. Pareto-prinsippet er en tommelfingerregel innen webdesign som sier at 80 % av brukeropplevelsen kan oppnås med 20 % av innsatsen. Dette betyr at webdesignere må fokusere på å optimalisere innhold, designelementer på siden, brukervennlighet og andre faktorer for å skape et effektivt nettsted som vil rangere godt på søkemotorer.