Hva er UX design og hvorfor betyr det noe for nettsiden

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-design 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.

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, og i godt UX-design er UI-valgene en følge av strukturen, ikke omvendt.

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 en 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 måler sideopplevelse med Core Web Vitals, og sider som er trege eller hopper rundt mens de laster, gir en dårligere brukeropplevelse. Sider som svarer raskt og tydelig på det folk søker etter, får oftere klikk og lenker, og det hjelper rangeringen over tid.

4. Sterkere merkevare

Brukere husker hvordan en nettside får dem til å føle seg. En frustrerende brukeropplevelse 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 godt UX-design, 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å en 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å.

Du trenger ikke et laboratorium for å komme i gang. Be en person som ikke har sett siden før, om å finne prisen, sende kontaktskjemaet og finne åpningstidene på mobilen. Si ingenting underveis, bare se. Der personen nøler, leter eller gir opp, har du funnet de viktigste forbedringene. Gjenta med to eller tre andre, og noter det som går igjen.

7. Lansering og iterasjon

UX-design er aldri ferdig. Mål, lær, juster. Hver måned bør det være små forbedringer basert på data.

Hva gjør en UX-designer?

En UX-designer finner ut hva brukerne prøver å få til, og sørger for at nettsiden gjør det enkelt. I praksis går arbeidet ut på å:

• snakke med kunder og lese statistikk for å forstå hva folk leter etter
• lage sidekart og brukerflyter, for eksempel veien fra forsiden til et sendt skjema
• skissere wireframes og klikkbare prototyper, ofte i Figma
• teste skissene med ekte brukere og rette det som skaper problemer
• samarbeide med UI-designer og utvikler, så det ferdige resultatet følger planen

I mindre prosjekter er det ofte samme person som gjør både UX og UI. Det viktige er ikke tittelen, men at noen tar ansvar for at siden fungerer for brukeren før den blir pen. Mangler den rollen, blir designet ofte styrt av hva som ser bra ut i et møte i stedet for hva kundene faktisk trenger.

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, og sammen utgjør de ofte stor forskjell på hvor mange som tar kontakt. Start med feilen som rammer flest besøkende, som regel mobilversjonen, og rett en ting om gangen, så ser du hva som faktisk forbedrer brukeropplevelsen.

Core Web Vitals, Googles UX-måltall

Google har gjort tre UX-måltall til offisielt rangeringssignal under navnet Core Web Vitals:

Du måler dem gratis i PageSpeed Insights eller Google Search Console, og Google forklarer hvert måltall grundig på web.dev. 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:

1. En tydelig CTA per side, fjern konkurrerende handlingsknapper
2. Sosial bevis høyt på siden, kundeanmeldelser, logoer, antall fornøyde kunder
3. Sticky header med kontakt-knapp, alltid tilgjengelig på mobil
4. Forenklede skjema, kun nødvendige felt, helst under 5
5. Tydelig pris, ikke gjem prisen bak en kontakt-knapp hvis du ikke må

Disse grepene er ikke smart markedsføring. De er bare godt UX-design.

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 en god brukeropplevelse et 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.