Nettstedene som konverterer best har alltid en velprøvd prosess bak seg. Når du har perfeksjonert designprosessen din og sørget for at den er repeterbar, målbar og brukersentrisk, kan du bruke den på flere forskjellige prosjekter. Så hvordan utvikle en slik prosess? Her er et innblikk i vår unike designprosess som har hjulpet våre kunder med å vokse i årevis.
Hvorfor du trenger en utprøvet prosess
Vakkert design kan imponere brukerne dine, men bare resultatet av en god prosess vil konvertere i henhold til bedriftens behov. Det endelige resultatet – et nettsted – er bare så godt som grunnlaget. Ingen mengde fancy grafikk kommer til å dekke dårlige beslutninger, tvert i mot: det vil redusere inntektene dine.
De beste avgjørelsene må tas basert på data, ikke magefølelser. Gode designere bør kunne rettferdiggjøre beslutningene sine på en overbevisende måte, men noen baserer fortsatt beslutninger som direkte påvirker inntektene deres på anelser. Et godt rammeverk tar mye av gjettingen ut av designet. Og å ha en etablert prosess sikrer at de viktige detaljene ikke glemmes.
Nettstedene som konverterer best er resultat av en testet og pålitelig prosess. Hvis prosessen din er fleksibel, repeterbar, forutsigbar og brukersentrisk, kan den brukes på ulike behov og prosjekter.
Brukerundersøkelse og testing for å forstå målet
Det er her de fleste bedrifter mislykkes. Å prøve å spare penger på å hoppe over undersøkelser, brukertesting og dataanalyse føles som en god idé i begynnelsen. Du føler deg trygg på at du vet hva du trenger til nettstedet ditt, hvordan du vil skille deg ut, hva brukerne synes. Men 6 måneder etter at designet er implementert kan du på den harde måten lære at kostnadskutt tidlig gjør at gjetningene dine blir testet på det hardeste. Hør, hør: Vinnerne er datadrevne.
Analyser det konkurransedyktige miljøet
Du vil at nettstedet ditt skal være unikt. En minneverdig opplevelse for brukeren. Omvendt ønsker brukeren å løse problemet sitt uten å lære seg nye grensesnitt. For å finne en balanse mellom unikhet og forutsigbarhet må du undersøke hvordan lignende problemer løses. Noen spørsmål du trenger å svare på i denne fasen inkluderer:
- Hva er designmønstrene som brukes i lignende situasjoner?
- Hva kan gjøres bedre og innovativt?
- Hvilket visuelt språk bruker konkurransen?
- Hvordan presenteres produktene/tjenestene?
Å finne opp hjulet på nytt er sjelden en god idé (hvis du vil holde budsjettet). Noen løsninger finnes allerede, og det ville ikke være kostnadseffektivt å ikke bruke dem.
Bruk workshops for å oppdage behovene og målene
Det er vanskelig å komme opp med alle behovene og målene i en kreativ brief. Det er mye lettere i en strukturert samtale under en workshop. Din domenekunnskap og vår ekspertkompetanse fører til en dyptgående oppdagelse, og dette fører til et vellykket prosjekt.
Her er hvor workshops funker best:
- Samkjøre synspunktene til alle deltakerne,
- Angripe problemene fra forskjellige vinkler,
- Analysere målene og finne måter å oppnå dem på,
- Oppdage og dokumentere ekspertkunnskap,
- Å bestemme seg for riktig innhold for formålet,
- Prioritering.
Du vil helst være i de dyktige hendene til eksperter som har gjennomført hundrevis av vellykkede workshops. Møtet kan gjennomføres i et delt fysisk rom, eller online, ved hjelp av en virtuell tavle. Notat-og-stemme-metodikken sikrer at hver deltaker har en lik stemme, samtidig som beslutningene er raske og klare.
Planlegg arbeidet før du åpner et designverktøy
For å takle en kompleks nettside deler vi opp arbeidet i mindre oppgaver. Å starte med en god plan er den beste måten å sikre at hele designet er sammenhengende og ingen detaljer gås glipp av. Dette inkluderer beslutninger om brukerflyt: hva vil brukerne møte på reisen sin? Hvilke skjermer, innhold, interaktive elementer er nødvendig for å nå forretningsmålene dine og matche dem med oppgaver brukerne trenger å oppnå? Denne fasen resulterer i brukerflytskjemaer og et nettstedskart som viser en trelignende struktur på hele nettstedet.
Prototyp tidlig
Dette er nøkkelelementet for å sikre god avkastning. Korte designsprinter som resulterer i demoer lar deg se arbeidet som pågår og gi hyppige tilbakemeldinger. De funksjonelle prototypene vi starter med presenterer utformingen av informasjon, innhold og koblinger. Funksjoner uten den endelige grafiske utformingen. Dette er med vilje: å begrense beslutningene til hvordan det fungerer, i stedet for å fikse på hvordan det ser ut.
Ved å bruke Figma kan vi presentere wireframes som en klikkbar prototype som kan testes på målenheten. Vi ansetter brukere fra målgruppen og får tilbakemelding på dette tidlige stadiet, og endrer deretter prototypen deretter. Dette gjør at vi kan stole på brukerdata og få reell tilbakemelding fra brukere før vi skriver en eneste kodelinje, som i det lange løp er bedre for kundens budsjett.
Kraften til systemtilnærming
Det endelige utseendet til nettstedet er basert på to aspekter: den funksjonelle prototypen og et designforslag. Vi velger en trafikktung side, vanligvis produktet eller tjenesten, som vil gi en god oversikt over det endelige designet. Deretter foreslår vi designet som bruker merkevarens retningslinjer og presenterer produktet på best mulig måte. Vi diskuterer, gjentar og får din godkjenning før vi går videre.
Så hvorfor ikke starte med en forside? Fordi å gjøre designøvelser på en forside ikke er den mest optimale måten å bruke budsjettet på. Dette er et nav, vanligvis ganske komplisert og tidkrevende å lage – og tilbakemeldingssløyfene har en tendens til å være lengre og involvere mer kompliserte beslutninger. Det er bedre å begynne med de mindre sidene og elementene først, før du går videre til forsiden av hele prosjektet.
Etter å ha tatt avgjørelser på én side, er det på tide å lage en stilguide for resten. Dette brukergrensesnittsettet (UI) inneholder:
- Farger, både merkevare og funksjonelle (feil, suksess, bakgrunner, etiketter),
- Tekststiler for tekst og flere overskrifter,
- Konstruksjonsnett og avstandsregler,
- Interaktive elementer (knapper, innganger, kontroller) og deres tilstander,
- Elementer som er felles for alle sider: topptekst, bunntekst, innholdskort,
- …blant annet.
UI-settet er en verktøykasse som samler alle byggeklossene til nettstedet. Det lar oss sikre konsistens i designene og fremskynder arbeidet. Endring av elementene i UI-settet påvirker alle forekomster på hele nettstedet. Dette optimerer arbeidet enormt og lar oss fokusere på kreativitet uten å bruke tid på repetitivt arbeid.
Denne fasen resulterer i en prototype som viser nøyaktig hvordan nettsiden vil se ut. Dette er gjenstand for testing, akkurat som en funksjonell prototype. Funn vurderes og innarbeides i den endelige versjonen.
Arbeid tett med utviklingsteamet for å levere det endelige produktet
Våre designere lager løsninger som er effektive å implementere. De diskuterer designene med utviklere gjennom hele prosessen, og optimaliserer arbeidet som trengs for å utvikle nettstedet. Vanskelige beslutninger tas for å sikre at det endelige resultatet vil fungere uavhengig av skjermstørrelse, oppløsning og nettleser. I gjennomføringsfasen er designerne tilstede som kvalitetssikring og rådgivere. Sluttresultatet er en felles innsats som overholder de høyeste standardene.
Den unike verdien vi tilfører ved å bruke denne prosessen
Målet er at du skal få gode resultater samtidig som vi optimerer budsjettet ditt. Denne metoden fjerner risikoen for dyre endringer sent i prosessen. Alle deler av prosessen er transparente og tilbakemeldingssløyfer er korte og effektive. Ved å basere arbeidet på workshops kan vi møte dine forventninger på best mulig måte.
Vår tilnærming sikrer at vi tar informerte beslutninger i stedet for gjetting og bygger på solid grunnlag for felles forståelse. Brukertesting er inkludert gjennom hele prosessen, i stedet for å dytte det til sluttfasen, slik at nettsiden du får til slutt er bevist effektiv allerede før lanseringen. Denne brukersentriske tilnærmingen lar oss møte brukerbehovene og forretningsmålene dine samtidig.
Våre ekspertdesignere utnytter kraften i systemtilnærming og utviklingskunnskap for å presentere effektive, enkle løsninger på komplekse problemer. Under gjennomføringen av prosjektet sikrer vi kvaliteten og optimaliserer arbeidet for effektivitet. Du kan få de beste resultatene uten stress med en uprøvd prosess, hvor beslutningene dine må supplere mangel på data.
Alt i alt gir det å investere i en solid designprosess en betydelig økning i suksessfaktoren til prosjektet. Uten det vil man kanskje være fornøyd med resultatet på lanseringsdagen, men det varer sjelden. De virkelige utfordringene og mulig mangel på vekst vil bli synlig etter noen måneder, eller et år – når frustrerte brukere (ikke) bruker løsningene dine og sammenligner dem med konkurrentene dine. Så, kontakt oss og la oss starte prosjektet ditt med den riktige designprosessen.
Łukasz Fedorowicz
Łukasz er designsjef og fagleder for design i Frontkom. Han har over 20 års erfaring innen design og brenner for å løse komplekse utfordringer med design og god brukeropplevelse. Han skriver om beste praksis, universell utforming og hvordan en god brukeropplevelse kan hjelpe bedrifter.