Jeg glemmer aldrig, da jeg omkring 6 måneder inde i min teknologikarriere endelig indrømmede, at jeg stadig ikke anede, hvad forskellen var på UX og UI. Produktinteressenter slynger om sig med disse begreber, som om de var udskiftelige, og selvom de hænger sammen, er de bestemt ikke det samme.
Lad mig spare dig for forvirringen: UX handler om, hvordan brugere oplever og interagerer med en grænseflade, mens UI handler om, hvordan grænsefladen ser ud, og hvilke visuelle elementer den indeholder. At skabe et godt produkt afhænger af, at man forstår hver af disse dele i detaljer og ved, hvornår man skal bruge dem.
Lad os dykke ned i det.
Hvad er UX?
UX står for brugeroplevelse, og det henviser til, hvordan oplevelsen er, når mennesker bruger produktet. Er den enkel og intuitiv? Kan brugerne finde det, de har brug for, og gøre det, de gerne vil? Når designere eller produktchefer arbejder med UX, gør de følgende:
- Forstår målbrugernes behov og skaber funktioner og brugerflows, der opfylder disse behov.
- Bruger wireframes med lav detaljeringsgrad til at teste forskellige flows og forstå, hvilke der bedst opfylder slutbrugernes behov.
- Gennemgår deres digitale produkter for eventuelle brugervenlighedsproblemer for at gøre oplevelsen hurtigere, lettere eller bedre og håndterer eventuelle tilgængelighedsproblemer.
- Forstår, hvordan brugerne interagerer med deres produkt som helhed, og hvordan man kan udforme en brugers interaktion med produktet, så den i højere grad stemmer overens med brugerens behov.
En UX-designers arbejde handler om, hvordan brugerne interagerer med et produkt i den virkelige verden, og om de forskellige kontaktpunkter i denne oplevelse. Det kan for eksempel være betalingsoplevelsen på en e-handelsside eller tilmeldingsflowet i en webapp. Det handler om at tilpasse produktet til brugernes behov på en måde, der er enkel, effektiv og forhåbentlig endda fornøjelig.
Hvad er UI?
UI står for brugergrænseflade, og det henviser til de praktiske aspekter af interaktionsdesign. Hvor UX giver indsigt i, hvordan oplevelsen bør være for brugerne, handler UI om, hvordan denne oplevelse skabes i en produktgrænseflade. Knapper, handlingsopfordringer, rullemenuer, bannere, animationer og responsivt design er alle UI-elementer. Når designere arbejder med UI, gør de følgende:
- Bruger UX-indsigter og designfeedback til at skabe et digitalt design, der udgør den optimale grænseflade for at skabe den bedste oplevelse for brugerne.
- Udvikler prototyper og tester grænseflader og visuelle elementer til frontendudvikling med UX-informerede funktioner og flows.
- Udarbejder stilvejledninger, designsystemer og skabeloner for at effektivisere den konsistente udvikling af intuitive UI-elementer.
- Prioriterer nye funktioner og UI-elementer baseret på faktorer som vigtighed, effekt og indsats (nogle gange ved hjælp af en proces til idéhåndtering)
UI er én del af UX-designprocessen og går hånd i hånd med effektiv UX-webudvikling. Dårlig UX skyldes ofte ineffektive UI-elementer.
UX vs. UI: Forskelle og ligheder
Okay, nu begynder det at give mening, ikke? UX er undersøgelsen af og viden om, hvordan brugere interagerer med en grænseflade, mens UI er den håndgribelige del af et produkt – selve grænsefladen. Lad os gennemgå nogle mere specifikke vigtige forskelle og ligheder:
| Forskelle | Ligheder | |
| UX | UI | |
| Formål | Forstå brugernes behov for at skabe et intuitivt, effektivt og tilfredsstillende produkt. | Bruge håndgribelige, synlige elementer til at skabe den optimale brugeroplevelse. |
| Ansvarsområder | UX-brugerresearchTrådrammeudarbejdelseBrugervenlighedstest | Forståelse af UX-indsigterPrototypeudarbejdelseSkabelse af visuelle elementer |
| Teknikker | BrugerresearchEksperimenter med lav detaljeringsgrad, f.eks. oprettelse af trådrammer | Eksperimenter med høj detaljeringsgrad, f.eks. prototypeudarbejdelseDesign af høj kvalitet og med det endelige udtryk |
| Værktøjer | Platforme til brugerresearch og UX-design Figma eller andre designværktøjerVærktøjer til trådrammeudarbejdelse | Adobe Suite, Figma eller andre designværktøjerVærktøjer til prototypeudarbejdelseSoftware til idéhåndtering |
| KPI'er | Målinger, der hjælper os med at forstå brugervenligheden, f.eks. frafalds- eller afbrydelsesrater i et flowDiverse andre forretningsmålinger, f.eks. konverteringer | Målinger, der hjælper os med at forstå brugervenligheden, f.eks. frafalds- eller afbrydelsesrater i et flowDiverse andre forretningsmålinger, f.eks. konverteringer |
UX kontra UI: Forskelle
Her uddyber jeg forskellene, der er fremhævet i tabellen ovenfor.
Have an account? Log In
1. Formålet med UX er forståelse, mens formålet med UI er skabelse
Selvom både UX og UI kræver et dybdegående kendskab til brugerne gennem en dybdegående UX-designresearchproces, handler arbejdet med UX om at skabe denne forståelse bag produktets kulisser. UI er derimod det faktiske design, der muliggør den optimale oplevelse.
Vil du forstå det bedre? Åbn en hvilken som helst app på din telefon. Det, du ser, er UI. Det, du gør, hvorfor du gør det, og hvad du synes om det, er UX.
2. En UX-specialists ansvarsområder er researchbaserede, mens en UI-designers ansvarsområder er leverancebaserede
UX-specialister bruger deres dage på alle former for planlægning af brugerresearch og udførelse af disse planer – f.eks. ved at gennemføre brugerinterviews, brugervenlighedsundersøgelser og kortlægning af brugerrejser. Derefter bruger de resultaterne af dette arbejde til at lave design med lav detaljeringsgrad, ofte kaldet trådrammer, som gør det muligt for dem at kommunikere de ideelle aspekter ved funktioner og flows til de designere, der i sidste ende skal skabe UI'et.
UI-specialister tager information og trådrammer fra UX og går i dybden med designdetaljer som skrifttyper og typografi, interaktive elementer samt grafisk design ned til den enkelte pixel. Derefter skaber de prototyper af forskellige designkoncepter, som de tester med brugere, og finder i sidste ende frem til det optimale visuelle design.
3. UX-teknikker er undersøgende, mens UI-teknikker er håndgribelige
UX-arbejde bygger på metoder til brugerresearch og design med lav detaljeringsgrad, som aldrig er beregnet til at blive præsenteret for brugere. Det er en central del af den kreative proces, hvor man skitserer brugerpersonas og arbejder med informationsarkitektur, funktioner og flows, der bedst imødekommer brugernes behov.
UI-design omsætter brugeroplevelsesdesign til håndgribelige leverancer. Det bygger på knowhow om rent faktisk at designe, flytte og perfektionere pixels i designsoftware for at skabe det, brugerne ser.
Begge dele er afgørende for det samlede produktdesign, uanset om vi taler om webdesign eller mobilapps.
4. UX-værktøjer er researchorienterede, mens UI-værktøjer understøtter skabelsen
UX-professionelle kan have en designbaggrund og være fortrolige med designværktøjer, men UX-arbejde foregår sjældnere ved hjælp af avanceret designsoftware. UX-arbejde indebærer typisk brug af værktøjer, der hjælper med at spore og analysere brugeradfærd. Brugergrænsefladedesign foregår derimod som regel i designværktøjer som Adobe Suite og Figma.
5. UX- og UI-specialister kan spore KPI'er på forskellige måder
Selvom UX- og UI-designere kan have fælles nøgleindikatorer for ydeevne og spore de samme målinger, vil de sandsynligvis betragte dem gennem forskellige perspektiver. En UI-designer fokuserer måske på, hvilken adfærd brugerne har udvist, mens en UX-specialist undersøger motivationen bag denne adfærd.
Ligheder mellem UX og UI
Lad os nu se nærmere på lighederne mellem UX og UI, som er beskrevet i tabellen.
1. UX og UI er begge afgørende komponenter i produktdesign
Ethvert produkt, du møder, er blevet skabt med både UX og UI. UX- og UI-professionelle arbejdede sammen om at udvikle idéer og skabe en oplevelse, der er tilpasset brugernes behov, adfærd og motivationer. UX/UI-designspecialisterne drøftede, hvordan oplevelsen kunne gøres intuitiv, og de brugte hver især deres unikke research- og designfærdigheder til at optimere brugeroplevelsen som deres primære formål.
2. Både UX og UI indebærer, at man tager sig tid til at forstå brugerne
Brugerresearch for at forstå målgruppen hører under UX, men de ansvarlige for UI skal også forstå den indsigt, der kommer ud af den. Begge dele er afgørende elementer i designprocessen, og al denne viden udgør et af de vigtigste designprincipper inden for designtænkning: Ingen, der er involveret i designprocessen, kan undslippe den!
3. Både UX og UI er i høj grad afhængige af iteration og eksperimentering
Selvom UX-designere arbejder med simple designudkast, og UI-designere arbejder med prototyper med høj detaljegrad, vil de begge sandsynligvis udvikle mange iterationer af koncepter og designs, før de når frem til deres endelige resultat. Både UX og UI bygger på en kreativ proces, hvor forskellige koncepter afprøves, og processen gentages, indtil man når frem til det, man mener er optimalt.
4. Både UX og UI har konkrete resultater, der er afhængige af designsoftware
Vi har talt meget om, hvordan UX-resultatet ofte er enkle skitser eller mockupmodeller, mens UI-resultatet er et detaljeret, færdigt design, der er rettet mod brugerne. Interessant nok vil du sandsynligvis opleve, at både UX-designere og UI-designere bruger designsoftware. I dag bruger de måske også AI-designsoftware (læs mere om fordelene ved AI-designsoftware her).
At skabe enkle skitser er stadig et visuelt resultat, og det er forholdsvis enkelt med værktøjer som Figma. Samtidig tilbyder værktøjer som Figma og Adobe Suite alle de nuancerede funktioner, der er nødvendige for at skabe designs, som brugerne kan se og interagere med.
More Articles
5. UX og UI er forenet i deres målsætninger og KPI'er
Uanset hvordan en virksomhed vælger at måle kvaliteten af sit produkt, bruger den næsten altid en kombination af brugeradfærd og forretningsmålinger. Disse KPI'er er et resultat af, at UX og UI arbejder sammen, og de repræsenterer den fælles succes for de to områder.
Er UX eller UI vigtigst?
Nu ved du, at dette er et trickspørgsmål: Den ene er stort set ubrugelig uden den anden. Uden den undersøgende research, der udføres inden for UX, vil UI sandsynligvis ikke opfylde brugernes behov eller være intuitiv nok til at nå teamets KPI'er. Uden UI er der ikke noget konkret, som brugeren kan interagere med, uanset hvor meget et team forstår målgruppen.
I produktudvikling er UX normalt dit udgangspunkt, mens UI står for problemløsningen. Når alt kommer til alt, kan du ikke løse et problem for dine brugere, før du forstår deres udfordringer. Derefter har du brug for en UI, der er intuitiv for brugerne og glæder folk, mens de bruger den. Den skal fungere godt og føles god. Og efterhånden som du går videre, vil dine KPI'er vise dig, at du ikke altid rammer rigtigt. UX vil forsøge at forstå hvorfor, og UI vil afspejle denne læring.
For eksempel
Hvis du er i de indledende faser af at skabe en platform til bryllupsplanlægning, skal du lære alt, hvad der er at vide, om hvad folk, der planlægger bryllupper, har brug for. Derefter kan du skabe et produkt, der støtter folk, mens de planlægger en vigtig begivenhed.
UX og UI er et perfekt ægteskab (beklager, ikke beklager), hvor de arbejder sammen om at skabe en samlet brugeroplevelse, der er tilpasset det, brugerne har brug for og ønsker sig. Dette kaldes ofte brugercentreret design. Produktudviklingsprocessens succes afhænger altid af brugercentreret design, og det kan ikke lade sig gøre uden færdighederne og superkræfterne hos både god UX og god UI.
Bliv medlem af CPO-klubben for at få mere indsigt i UX og UI
Gå ikke glip af CPO-klubbens opdateringer med flere oplysninger og vejledninger ligesom denne. Tilmeld dig her, og vær godt på vej mod at blive en fremragende produktchef.
