Hva er UX-design?
UX-design (User Experience Design) er praksisen med å forme nettsider, apper og digitale tjenester slik at brukerne enkelt og raskt finner det de er ute etter. UX dekker alt fra informasjonsstruktur og navigasjon til lesbarhet, hastighet, tilgjengelighet og emosjonell respons.
Målet er enkelt: brukeren skal nå sitt mål — bestille, kontakte, lese, sammenligne — uten friksjon. Når det skjer øker konvertering, support-henvendelser går ned og kundene kommer tilbake.
Kort oppsummert: UX-design handler om hvordan brukeren opplever nettsiden, ikke bare hvordan den ser ut. God UX øker konvertering, styrker SEO via Core Web Vitals og lavere bounce rate, og skiller profesjonelle nettsider fra middelmådige.
UX vs UI — den vanligste forvirringen
UX og UI brukes ofte om hverandre, men er forskjellige:
- UX (User Experience): hvordan nettsiden fungerer. Struktur, flyt, hierarki, hastighet, klarhet
- UI (User Interface): hvordan nettsiden ser ut. Farger, typografi, knapper, ikoner, animasjoner
En vakker UI med dårlig UX er som en flott bil med ødelagt motor — den fungerer ikke i praksis. En god UX uten UI-finpuss kan funke, men opplevelsen blir tørr. De to må jobbe sammen.
Hvorfor UX faktisk betyr noe for bunnlinjen
UX-design er ikke pynt. Studier fra Forrester Research og Nielsen Norman Group viser at hver krone investert i UX gir 10–100 ganger tilbake. Hvorfor?
1. Høyere konverteringsrate
En tydelig handlingsknapp, færre skjemafelt, og en logisk brukerflyt kan doble konverteringen. På en nettside som henter inn 100 leads i måneden betyr det 200 leads — uten å øke trafikken én eneste prosent.
2. Lavere support-kostnad
Spørsmål som “hvordan finner jeg fakturaen” eller “hvordan endrer jeg leveringsadresse” bør være selvbetjent. God UX flytter slike spørsmål fra support-køen til selvhjelp.
3. Bedre SEO
Google bruker UX-signaler i rangeringen. Sider med høy bounce rate, lav scroll-dybde og dårlig Core Web Vitals taper plasseringer. Sider med god UX vinner.
4. Sterkere merkevare
Brukere husker hvordan en nettside får dem til å føle seg. En frustrerende opplevelse skader merket selv om produktet er bra. En sømløs opplevelse bygger tillit.
De seks viktigste UX-prinsippene
Disse prinsippene stammer fra forskning av Don Norman, Jakob Nielsen og Steve Krug — de tre mest siterte UX-tenkerne.
1. Konsistens
Like elementer skal oppføre seg likt. Hvis hovedmenyen ligger øverst på forsiden, skal den ligge øverst på alle sider. Hvis primær handlingsknapp er blå, skal den ikke plutselig være grønn.
2. Synlighet og status
Brukeren skal alltid vite hvor han er, hva som skjer og hva som er neste steg. Brødsmuler, fremgangsindikatorer og statusmeldinger gjør dette synlig.
3. Feedback
Når brukeren klikker eller skriver, skal noe synlig skje — en lasteindikator, en bekreftelse, en feilmelding. Stillhet er den verste feedbacken.
4. Feil-forebygging
Det skal være vanskelig å trykke feil. Bekreftelses-dialoger ved sletting, validering på skjema-felt og deaktiverte knapper når data ikke er fullstendig — alt dette forebygger problemer.
5. Hierarki
Det viktigste skal være mest fremtredende. Stor overskrift, tydelig CTA-knapp, mindre detaljer lenger ned. Brukeren skal kunne skanne siden på 3 sekunder og vite hva som er hovedpoenget.
6. Tilgjengelighet (universell utforming)
Nettsiden skal kunne brukes av alle, også personer med nedsatt syn, hørsel eller motorikk. Dette er ikke bare god UX — det er lovpålagt i Norge. Se hva er universell utforming.
UX-prosessen — slik gjør profesjonelle byråer det
En god UX-prosess ligner på vitenskap mer enn kunst. Her er stegene:
1. Forstå brukeren
- Brukerintervjuer eller dybdeintervjuer med eksisterende kunder
- Analyse av Google Analytics og Search Console
- Konkurrentanalyse — hvordan løser andre den samme oppgaven?
2. Definer mål og prioritet
Hva skal nettsiden oppnå? Flere leads? Flere salg? Lavere support? Du kan ikke optimalisere mot alt på én gang. Velg ett primærmål per side.
3. Lag informasjonsarkitektur
Sidekart, navigasjon, og kategorisering. Hva ligger hvor? Hvordan finner brukeren det? Verktøy som card sorting og tree testing kan brukes til å validere strukturen.
4. Wireframes og prototype
Skisseversjoner av siden uten farger eller bilder, kun struktur. Lages typisk i Figma. Sjekkes mot brukere før designet finpolerer.
5. Visuell design og UI
Farger, typografi, ikoner, bilder. Dette er UI-fasen, men styres av UX-strukturen som ble fastsatt tidligere.
6. Brukertesting
5–8 reelle brukere får oppgaver de skal løse på siden mens de tenker høyt. Du oppdager problemer ingen i teamet ditt så.
7. Lansering og iterasjon
UX er aldri ferdig. Mål, lær, juster. Hver måned bør det være små forbedringer basert på data.
Konkrete UX-feil vi ser i norske SMB-nettsider
Etter å ha analysert hundrevis av norske bedriftssider siden 2015 ser vi de samme feilene gå igjen:
- Ingen tydelig CTA på forsiden — brukeren vet ikke hva han skal gjøre
- For mange menypunkter (over 7) — vanskelig å skanne
- Lange skjemaer med 10+ felt der 3 hadde holdt
- Treg lasting — over 3 sekunder før hovedinnholdet vises
- Feil hierarki — bedrifts-historie øverst, produkt nederst
- Manglende kontaktinfo — ingen telefonnummer eller adresse synlig
- Bilder uten alt-tekst — bryter både UX og tilgjengelighet
- Mobilversjon som tankeløst krymper desktop-versjonen — ikke faktisk mobilvennlig
Hver enkelt av disse er enkel å fikse, men sammen koster de 30–50 % av potensiell konvertering.
Core Web Vitals — Googles UX-måltall
Google har gjort tre UX-måltall til offisielt rangeringssignal under navnet Core Web Vitals:
| Måltall | Hva det måler | Mål |
|---|---|---|
| LCP (Largest Contentful Paint) | Når hovedinnholdet vises | Under 2,5 sek |
| INP (Interaction to Next Paint) | Hvor raskt siden svarer på klikk | Under 200 ms |
| CLS (Cumulative Layout Shift) | Hvor mye layoutet hopper | Under 0,1 |
Du måler dem gratis i PageSpeed Insights eller Google Search Console. Underbygger du ikke kravene blir nettsiden straffet i søk, uansett hvor godt innholdet er.
På WordPress er de vanligste tiltakene: lett tema (Astra, Kadence), bildekomprimering (WebP eller AVIF), caching-plugin (WP Rocket), og fjerning av tunge plugins som ikke er nødvendige.
UX og konvertering — konkrete grep
Her er fem grep som typisk øker konvertering 10–30 % på en SMB-nettside:
- Én tydelig CTA per side — fjern konkurrerende handlingsknapper
- Sosial bevis høyt på siden — kundeanmeldelser, logoer, antall fornøyde kunder
- Sticky header med kontakt-knapp — alltid tilgjengelig på mobil
- Forenklede skjema — kun nødvendige felt, helst under 5
- Tydelig pris — ikke gjem prisen bak en kontakt-knapp hvis du ikke må
Disse grepene er ikke smart-marketing. De er bare god UX.
UX og merkevare — emosjonell design
Don Norman skrev en bok kalt Emotional Design (2003) der han argumenterte for at UX også handler om følelser. Bruk farger, typografi og bilder som får brukeren til å føle det merket vil:
- Bank: ro, trygghet, profesjonalitet — blå-grå farger, klassisk typografi
- Treningsstudio: energi, fart, mestring — kraftige farger, bevegelse
- Helsesenter: omsorg, tillit, varme — myke farger, mennesker i bilder
Dette er UX-laget over selve funksjonaliteten. Den glemmes ofte, men er det som skiller “fungerer fint” fra “elsker dette merket”.
Konklusjon — UX er ikke pynt, det er forretning
UX-design er ikke en kostnadspost — det er en investering med dokumentert avkastning. For norske SMB-er som vil konkurrere på Google og konvertere bedre er god UX en av de billigste konkurransefortrinnene som finnes.
Trenger du hjelp med å designe en nettside som faktisk konverterer, sjekk våre WordPress-pakker eller be om et tilbud — alle våre prosjekter starter med UX-fasen, ikke design-fasen.
Vil du gå dypere i relaterte temaer, les hva er universell utforming som er et lov-pålagt UX-krav i Norge, eller hva er WordPress for plattformvalget bak.