UX vs UI: hvad er forskellen, og hvad har I brug for?

Forestil jer to versioner af den samme bookingside. Den første er flot: store fotos, elegante skrifttyper og en blød farvepalet. Men for at booke skal kunden igennem syv skærme, og datovælgeren virker kun med en mus. Den anden ser kedelig ud, men kunden er færdig på 40 sekunder. Den første har et UX-problem, den anden et UI-problem. Begge koster jer bookinger. Det er den enkleste måde at forstå forskellen på UX og UI, og det er derfor, I har brug for begge dele.

Begreberne bliver ofte blandet sammen, og “UX/UI” står på så mange jobopslag og tilbud, at det kan lyde som én ting. Søgninger på “ui ux designing” ligger globalt på omkring 300.000 om måneden og stiger, så I er ikke de eneste, der spørger. I denne guide skiller vi de to fag ad, viser dem i et konkret flow og forklarer, hvad I skal bede om, når I køber design.

Hvad er forskellen på UX og UI design?

En nyttig huskeregel: UX er skelettet og nervesystemet, UI er huden og ansigtet. Et produkt med stærk UX og svag UI virker, men føles billigt og mister tillid. Et produkt med stærk UI og svag UX ser godt ud i præsentationen og skuffer i brug. De bedste produkter er bygget af folk, der forstår begge dele og arbejder tæt med udviklerne.

Hvad er UX design, og hvad laver man?

UX design starter med spørgsmål: hvem er brugerne, hvad prøver de at opnå, og hvad står i vejen? Svarene finder man gennem interviews, observation, data fra det eksisterende produkt og test af tidlige skitser. Ud fra det designes strukturen: hvilke sider og skærme der skal findes, hvad der står hvor, og hvilken rækkefølge trinene kommer i. Vil I se en UX-designers arbejde dag for dag, har vi beskrevet det i hvad laver en UX-designer.

• Brugerresearch: interviews, spørgeskemaer og observation af rigtige brugere.
• Brugerrejser: kortlægning af alle trin fra behov til løst opgave.
• Informationsarkitektur: menuer, navigation og hvordan indhold grupperes.
• Wireframes: enkle skitser af hver skærm uden farver og billeder.
• Prototyper og brugertest: klikbare versioner, som testes med fem til otte brugere.
• UX writing: knaptekster, fejlbeskeder og hjælpetekster, der guider brugeren.

Hvad er UI design, og hvad består det af?

UI design tager strukturen fra UX og giver den form. Det handler om visuelt hierarki, så øjet ser det vigtigste først, om typografi, der er let at læse på en lille skærm, om farver med nok kontrast til at leve op til WCAG 2.1 AA, og om komponenter, der opfører sig ens overalt. God UI er også brand: den samme booking kan føles som en luksusklinik eller en praktisk håndværker, alt efter farver, billeder og tone.

• Layout og grid, der fungerer fra mobil til stor skærm.
• Typografi, størrelser og linjeafstand.
• Farvepalet med kontrastkrav og tilstande som fejl, succes og deaktiveret.
• Knapper, felter, kort, tabeller og andre komponenter med alle tilstande.
• Ikoner, illustrationer og billedstil.
• Mikroanimationer, der bekræfter handlinger og viser fremdrift.

Et område, hvor UX og UI mødes, er tilgængelighed. Siden 28. juni 2025 gælder tilgængelighedsloven for blandt andet e-handel og andre forbrugertjenester, og WCAG 2.1 AA er det praktiske mål. Nogle krav er UX: en logisk rækkefølge, tydelige fejlbeskeder og at alt kan bruges med tastatur. Andre er UI: kontrast, tekststørrelse og fokusmarkeringer, der kan ses. Mikrovirksomheder er undtaget fra kravene til tjenester, men god tilgængelighed gør produktet lettere for alle. Læs mere i guiden om tilgængelighedsloven for hjemmesider.

UX vs UI i praksis: et eksempel fra en betalingsside

Læg mærke til, at ingen af listerne kan stå alene. UX-beslutningen om at vise fejl ved feltet er værdiløs, hvis fejlteksten er lysegrå på hvid baggrund. UI-beslutningen om én primær knap hjælper ikke, hvis flowet har syv trin. Det er derfor, vi altid tester flowet i en klikbar prototype, før det visuelle design er færdigt, og derefter tester det færdige design igen.

Hvem laver hvad? UX-designer, UI-designer og produktdesigner

For de fleste små og mellemstore virksomheder er det mest effektive en designer, der dækker både UX og UI, og som sidder tæt på udviklerne. Hos os er design og udvikling under samme tag, så de beslutninger, der træffes i Figma, overlever hele vejen til den færdige kode. Skal I selv ansætte, har vi skrevet en guide til at finde en UX-designer, med spørgsmål til porteføljen og samtalen.

Hvordan ser en UX- og UI-proces ud fra start til slut?

Hvert trin har sin egen leverance. Forskellen på wireframes, mockups og prototyper gennemgår vi i guiden wireframe vs mockup vs prototype, og hvordan I tester med rigtige brugere, står i guiden om brugertest.

Hvad koster UX og UI design?

En freelance UX-designer i Danmark tager typisk omkring 600–750 kr. i timen, og bureauer ligger typisk på 1.100–1.300 kr. i timen. Et lille forløb med research, wireframes og visuelt design af en håndfuld skærme kan løses på få uger, mens et designsystem til et stort produkt er et projekt på flere måneder. Den største besparelse kommer, når UX-arbejdet fanger fejl i flowet, før der skrives kode. En ændring i et wireframe tager minutter, den samme ændring i et færdigt produkt kan tage dage. Vi har brudt priserne ned pr. leverance i guiden om hvad UX design koster.

Hvilke misforståelser om UX og UI skal I undgå?

• “UX er bare et finere ord for design.” UX er en metode til at træffe beslutninger på baggrund af brugernes adfærd.
• “Vi kender vores kunder, så vi springer research over.” Fem korte interviews afslører næsten altid noget, ingen i virksomheden havde forudset.
• “UI er pynt.” Kontrast, læsbarhed og tydelige knapper afgør, om folk kan bruge produktet, og er også et lovkrav for mange.
• “Vi tager designet til sidst.” Når koden er skrevet, er de dyreste beslutninger allerede truffet.
• “En flot Dribbble-portefølje betyder god UX.” Spørg efter processen bag: hvad blev testet, og hvad ændrede sig?

Har I brug for UX, UI eller begge dele?

• Brugerne falder fra i et bestemt trin, eller supporten får de samme spørgsmål igen og igen: start med UX, fx en UX-audit.
• Produktet virker, men ser forældet ud og passer ikke til brandet: start med UI.
• I bygger noget nyt fra bunden: I skal have begge, i den rækkefølge.
• I har mange skærme, der ser forskellige ud: I har brug for et designsystem.
• I er usikre på, om idéen holder: start med research og en prototype.

Vil I vide mere om, hvordan vi arbejder med design, så se vores side om UX og UI design. Og har I et konkret projekt, kan I få en fast pris inden for 24 timer, hvor vi beskriver, hvilke UX- og UI-leverancer der indgår.