Hva er UX-design, og hva betyr det for nettsiden din?

UX-design (design av brukeropplevelsen) går ut på å gjøre det enkelt for besøkende å finne det de leter etter og gjøre det du ønsker, for eksempel å ringe, bestille eller kjøpe. UI er det visuelle grensesnittet, mens UX er hele opplevelsen: innhold, struktur, hastighet og tilgjengelighet. For en bedriftsnettside betyr god UX færre tapte henvendelser.

Hva er UX-design?

UX-design betyr å utforme nettsiden ut fra hva brukeren prøver å få gjort. UX står for «user experience», altså brukeropplevelse. Målet er at en kunde skal finne svaret, prisen eller telefonnummeret uten å lete, og deretter gjøre det du ønsker: sende en forespørsel, bestille time eller kjøpe.

Mange tror at UX handler om hvordan siden ser ut. Utseendet er bare én del av det. UX omfatter også rekkefølgen på innholdet, hva menyene heter, hvor lange skjemaene er, hvor raskt siden laster på mobil over 4G, og om den kan brukes med tastatur eller skjermleser. En pen side kan likevel ha dårlig UX hvis kunden ikke finner kontaktknappen. Et enkelt oppsett med tydelig vei til målet slår ofte et flott design med tre ekstra klikk.

For en liten bedrift kan du se på UX-design som tre spørsmål. Hvem kommer til siden? Hva prøver de å få gjort? Hva stopper dem? Resten er metoder for å besvare disse spørsmålene og fjerne det som står i veien.

Hva er forskjellen på UI og UX?

UI (user interface, eller brukergrensesnitt) er det du ser: knapper, farger, typografi og ikoner. UX er hele reisen fra kunden lander på siden til oppgaven er løst. UI er altså en del av UX. Du kan ha et pent grensesnitt og en dårlig opplevelse, men det er vanskelig å få en god opplevelse med et rotete grensesnitt.

Når folk søker etter «UI/UX», mener de som regel fagfeltet som helhet. I praksis gjør én designer ofte begge deler i små prosjekter. Hvis du vil vite mer om det visuelle laget, finner du det i guiden vår om webdesign. Profilen som grensesnittet bygger på, er beskrevet i artikkelen om grafisk design.

Hva betyr god UX for en bedriftsnettside i praksis?

For en bedrift betyr god UX at flere av dem som allerede besøker siden, tar kontakt. Du betaler for trafikken gjennom annonser, SEO eller tid brukt på sosiale medier. Dårlig UX betyr at du betaler for besøk som går tapt på selve siden.

De fire tingene som betyr mest

• Tydelig førsteskjerm: Hva du gjør, for hvem og hvor. Hovedhandlingen, for eksempel «Få tilbud» eller «Ring oss», skal være synlig uten at brukeren må rulle ned på mobil.
• Menyer med kundens ord: «Tjenester» og «Løsninger» sier lite. «Bad og våtrom» eller «Regnskap for AS» sier mye.
• Korte skjemaer: Spør bare om det du trenger for å ringe tilbake. Hvert felt du legger til, er en ny grunn til å avbryte.
• Hastighet på mobil: De fleste opplever siden din på telefonen. Vi går gjennom tersklene for hastighet lenger ned.

Mobilen er der UX-problemene oftest viser seg. En meny som fungerer fint på en stor skjerm, kan bli et virvar på en telefon. Les mer om hvordan responsiv webdesign løser dette. For kampanjer og annonsetrafikk er en egen landingsside med én tydelig handling nesten alltid bedre UX enn å sende folk til forsiden.

UX påvirker også synlighet i søk og AI-svar

Google skriver i sin dokumentasjon om sideopplevelse at kjernesystemene for rangering prøver å belønne innhold som gir en god sideopplevelse, og at Core Web Vitals brukes av rangeringssystemene. Google sier også at gode tall i Search Console ikke garanterer topplassering. Det samme gjelder AI-oversikter (AI Overviews) og andre AI-svar i søk: En side som er tydelig strukturert, med svaret først og logiske overskrifter, er både lettere for mennesker å bruke og lettere for maskiner å hente svar fra. God UX og god synlighet i AI-svar trekker altså i samme retning.

Hvilke UX-krav er faktisk lovkrav eller Google-krav?

To deler av brukeropplevelsen har konkrete, målbare krav. Universell utforming er lovpålagt for alle norske nettsider som er rettet mot allmennheten. Hastighet har faste terskler fra Google. Resten av UX-arbeidet er godt håndverk, ikke regelverk.

Universell utforming: 35 krav for private virksomheter

Ifølge Uu-tilsynet skal private virksomheters nettløsninger minst oppfylle 35 suksesskriterier i WCAG 2.0 på nivå A og AA. Unntatt er kriteriene 1.2.3, 1.2.4 og 1.2.5, som gjelder synstolking og teksting av direktesendt video. Kravet kommer fra forskrift om universell utforming av IKT-løsninger, med hjemmel i likestillings- og diskrimineringsloven. Offentlige virksomheter følger strengere krav basert på WCAG 2.1, og bare de har plikt til å publisere tilgjengelighetserklæring.

Her er det lurt å tenke ett steg lenger. Selger du til det offentlige eller til store kunder, kan du møte krav om WCAG 2.1 i anbud, selv om loven bare krever WCAG 2.0 av deg. EUs tilgjengelighetsdirektiv (EAA) kan også gi nye krav til blant annet nettbutikker når det blir innført i Norge. Sjekk status hos Uu-tilsynet før du bestiller en ny side. Mange kriterier i WCAG er ren UX, for eksempel feilmeldinger som forklarer hva som er feil, tydelig fokusmarkering og nok kontrast. Se den praktiske gjennomgangen av WCAG kravene.

Core Web Vitals: tersklene Google bruker

Ifølge web.dev bør hovedinnholdet (LCP) være lastet innen 2,5 sekunder, siden bør reagere på klikk (INP) innen 200 millisekunder, og layouten bør ikke hoppe mer enn en CLS-verdi på 0,1. Det mange overser, er at målingen gjelder 75-persentilen av ekte besøk, og at mobil og PC vurderes hver for seg. En side kan altså bestå på PC og stryke på mobil. INP erstattet den gamle målingen FID 12. mars 2024, så eldre guider som omtaler FID, er utdaterte.

Etter Lighthouse-optimalisering (bildekomprimering, caching, opprydding i skript) forbedres ytelsesscore hos Box sine kunder typisk fra under 55 til over 80.

Vær likevel nøktern. Google skriver selv at det ikke nødvendigvis er verdt tiden å jakte på en perfekt poengsum bare for SEO. Vi mener at det er nok å komme over tersklene på mobil, og at tiden etter det bør gå til innhold og struktur.

Hvordan tester du brukeropplevelsen selv?

Du trenger verken laboratorium eller stort budsjett. Ifølge Nielsen Norman Group finner du omtrent 85 % av brukervennlighetsproblemene med fem testpersoner. De anbefaler å dele et budsjett på 15 personer i tre runder med fem, og å rette feilene mellom hver runde.

• 1. Velg én oppgave som gir penger, for eksempel «Be om pristilbud på nytt bad» eller «Finn ut om dere leverer i Åsane».
• 2. Finn fem personer som ligner kundene dine. Det kan være eksisterende kunder, naboer eller bekjente, men ikke ansatte eller familie som kjenner siden.
• 3. Gi dem en telefon, ikke en PC, og be dem tenke høyt mens de løser oppgaven. Ikke hjelp dem, og ikke forklar noe.
• 4. Noter hvor de nøler, hva de trykker på som ikke er klikkbart, og hvilke ord de leter etter i menyen.
• 5. Sorter funnene etter hvor mange som støtte på samme problem. Det tre av fem sliter med, retter du først.
• 6. Mål hastigheten i PageSpeed Insights, og se på mobilresultatet med ekte brukerdata.
• 7. Rett de største feilene og test på nytt med fem nye personer. Den andre runden viser om rettelsene faktisk virket.

Hvis du vil ha en mer systematisk gjennomgang, med lenker, skjemaer, mobilvisning og tekniske feil, kan du bruke gjennomgang vår for å sjekke nettsider.

Hva koster UX-design, og hva bør inngå i prosjektet?

Prisen på UX-arbeid varierer svært mye etter omfang, så vi oppgir ikke et fast beløp her. For en vanlig SMB-nettside bør UX være en del av prosjektet og ikke en egen linje til hundretusener. Det som driver kostnaden, er antall maler og brukerreiser, om det skal lages klikkbare prototyper, og hvor mange testrunder som gjennomføres.

Spør leverandøren konkret hva som inngår i UX-delen. Står det bare «brukervennlig design» i tilbudet, er det ofte ingenting. Skriv inn brukerreiser, testkrav og WCAG-nivå i en kravspesifikasjon for nettsiden, så kan du sammenligne tilbudene. Hva en ny side koster totalt, har vi skrevet om i artikkelen om nettside pris.

Når UX-design ikke er riktig å bruke penger på

Omfattende UX-arbeid lønner seg ikke hvis du har for lite trafikk til at forbedringene merkes, eller hvis problemet egentlig er tilbudet, prisen eller synligheten. Da løser ikke bedre design noe.

• Siden har nesten ingen besøkende: Får du få besøk i måneden, er problemet synlighet. Bruk pengene på SEO eller annonser først, og gjør bare grunnleggende UX-grep.
• Du har en enkel visittkortside: Én side med tjenester, kontaktinfo og kart trenger rydding, ikke prototyper og testrunder.
• Ingen kan rette funnene: Det hjelper lite med en UX-rapport hvis ingen har tid eller tilgang til å endre siden etterpå.
• Du vil teste ulike versjoner med lite trafikk: Slike tester krever volum. Med lite trafikk får du tilfeldige svar som ser ut som innsikt. Vi fraråder det for de fleste små bedrifter.

Det motsatte gjelder også. Bruker du betydelige beløp på Google Ads eller Meta-annonser hver måned, er det dyrt å la være å se på brukeropplevelsen, fordi hvert tapte besøk er betalt.

Hvilke UX-feil ser vi oftest på små bedrifters nettsider?

Det vi ser oftest, er ikke stygge sider. Det er sider som er bygget ut fra hvordan bedriften er organisert, ikke ut fra hva kunden spør om. Feilene under er billige å rette og gir ofte rask effekt.

• Telefonnummeret er ikke klikkbart på mobil, eller det ligger bare i bunnteksten.
• Bildekarusell på forsiden: Den skyver budskapet ned, gjør siden tregere og gir ofte layoutforskyvning som slår ut på CLS.
• Skjemaer med obligatoriske felt for adresse, firmanavn og hvordan kunden fant deg, når du bare trenger navn og telefon.
• Feilmeldinger som bare farger feltet rødt uten å si hva som er feil. Det er både dårlig UX og brudd på WCAG.
• Lys grå tekst på hvit bakgrunn som ikke oppfyller kontrastkravet.
• Hjemmesnekret meny med bransjeord kundene ikke bruker.
• Popup-vinduer som dekker innholdet på mobil før brukeren har rukket å lese noe. Google nevner påtrengende mellomsider spesielt i sin veiledning om sideopplevelse.

Er listen lang for din side, kan en redesign av nettsiden være riktigere enn å lappe. Vi ville likevel alltid begynt med de tre øverste punktene, fordi de kan rettes på en ettermiddag.

Vil du ha hjelp til å finne ut hvor nettsiden din mister kunder, kan du lese mer om hvordan vi jobber med nettsider for bedrifter.