Hvad er forskellen på UX og UI?

02 Jan. 2023

Termer, forkortelser og forvirring

Termer er der nok af når det kommer til design. Når vi taler om brugeroplevelser bruger vi forkortelsen “UX” og når vi taler om designet, som brugerne interagere med, siger vi “UI”. Forvirret? Det kan jeg godt forstå. For hvad er forskellen på UX og UI? Er det ikke bare det samme? Det korte svar: Nej. Det lange svar: Stadig nej, men det kan du læse om i det her blogindlæg.

TL;DR: UX/user experience er at analysere og arbejde med brugeroplevelser. UI/user interface er at skabe visuelle interaktions flader, som fx en hjemmeside. Forskellen er at outputtet af UX arbejde ikke nødvendigvis er visuelt, og at godt UI sjældent kan laves uden et foregående UX arbejde.

Hvad er UX (user experience)?

De fleste støder på UX begrebet når de skal have udviklet en app, et nyt website eller anden device-båret løsning. Men UX er meget mere end design. Faktisk behøver outputtet med UX slet ikke at være visuelt eller digitalt.

User Experience er når vi undersøger, former og optimerer en oplevelse som en bruger har med et produkt eller service.

Du vil ofte høre en UX’er tale om brugerens mindset, motivation, pains, gains, barrierer, influencers og menneskets kognitive bias (tabsavesion, bekræftelses bias mv.). At forstå hvordan – og hvorfor – vi mennesker gør, som vi gør, er essensen af at arbejde med UX.

At vi primært bruger begrebet UX når det kommer til brugen af devices skyldes hvor og hvornår begrebet blev beskrevet. Det var nemlig i 1993 af Don Norman, som på det tidspunkt arbejdede ved Apple. Once you go tech, it kinda stick, kan man i hvert fald sige om begrebet UX.

Et flot design (UI) vs brugerens ubehagelige oplevelse (UX)

 

Eksempel på UX: Køb af kaffemaskine

Du vil gerne have en ny kaffemaskine. Du spørger dine venner og Google efter anbefalinger og lægger dig fast på en maskine. Du finder kaffemaskinen på en webshop og bestiller den. En mail bekræfter dit køb og nogle dage efter tikker en besked ind om, at din pakke er klar til afhentning. Du tager ned til dit lokale posthus og venter i +20 min på at få din pakke. Du kommer hjem og opdager at du ikke fik bestilt kaffekapsler.

Alt det her giver dig en samlet oplevelse af at købe en kaffemaskine. Den kan vi efterfølgende dele op i del-oplevelser:

  • En research fase – foregår i et mix mellem sociale anbefalinger og digital søgning
  • En købsfase – foregår i dette eksempel på en webshop
  • En brugs fase – foregår i fysiske rammer

 

Hvis du vil drukne i svarresultater skal du google “UX methods”. Essens er mere eller mindre den samme, for skærer vi det ind til benet prøver vi at finde ud af:

  • Opfylder vi brugerens behov og forventninger?
  • Er der huller i brugerens rejse?
  • Er brugeren samlet set tilfreds med oplevelsen?

 

Købet af kaffemaskinen har (umiddelbart) intet med design at gøre, men alligevel er UX ultra relevante at se på. I eksemplet her kan vi med UX eksempelvis finde frem til at:

  • En kaffekapsel- eller maskine fabrikant kan markere sig i markedet med en quiz om “hvilken kaffemaskine skal jeg købe?”, hvilket vil gøre købsrejsen kortere
  • Webshoppen med kaffemaskiner kan opsætte en reminder om at huske at købe kaffekapsler, hvilket giver mersalg til shoppen og garantere kaffe fra dag 1 til brugeren
  • Posten kan informere brugere om hvornår der kortest ventetid på at hente pakker, så spildtid formindskes

 

Hvad er UI?

Forestil dig et website. Fjern nu alle farver, alle billeder, alle knapper og alt tekst. Hvad har du så? Svaret er: Ingenting. UI, eller User Interface, er alt det du har fjernet.

User Interface (UI) er det visuelle lag som brugeren kan læse, trykke på, afspille eller på anden måde interagere med.

Ligesom at UX begrebet ofte bruges i forbindelse med devices er UI også et gængs begreb indenfor web- og digital design. Men UI kan også findes andre steder og endda være fysisk, fx:

  • Hæveautomater
  • Skærmen på Rejsekort automater
  • Displayet på en elektronisk termostat
  • Displayet på maskiner indenfor industrien

 

Det er ikke svært at lave et user interface. Selv en rookie indenfor grafisk design vil sige ja tak til opgaven, hvis du giver dem det. Men hvis du ikke laver dit UX forarbejde godt nok, kan du hurtigt komme rigtig galt afsted.

Samtidig kan et rigtig godt UX forarbejde også blive mere eller mindre ødelagt af dårligt eller uopdateret UI. Tilliden til afsenderen bliver simpelthen formindsket hvis layoutet ligner noget fra dengang Nik & Jay hittede.

 

Et eksempel på et brugbar – men forældet – UI er Jobnets hjemmeside (2023)

Hvad er forskellen på UX og UI?

Lad os starte med at vende spørgsmålet om: Hvad har UX og UI tilfælles?

Svaret er at begge fagområde har brugeren (the user) i fokus. I processen har begge fagområder øje for om brugerens oplevelse med produkt/serivce X både opfylder brugerens behov og nogle definerede forretningsmål.

Forskellen mellem UX og UI er hvilket output hvert fagområde har.

Resultatet af et UX arbejde kan sagtens “bare” være en rapport, der giver indsigt i en brugergruppe eller problemstilling, men som kan – i samarbejde med en designer – have et visuelt output. Resultatet af et UI arbejde vil alt være visuel, som fx et website, app eller en maskine der kan interageres med.

 

Overordnet er det vigtigst at forstå at:

  1. Ikke alle der arbejder med UX, kan lave grafisk design. Men nogle kan.
  2. Ikke alle der arbejder med UI, kan lave UX arbejde. Men nogle kan.

 

Atlanterhavet dækker 20 % af jorden (106.450.000 km2) og det er ca. samme overlap der er mellem UX og UI. Hos Lige Til arbejder vi både med UX og UI, så her kan du både få forretningskritiske, bruger-centrerede rapporter og sømløst lækker user interface design.

Mit navn er Oliver Panthera og jeg er specialist indenfor UX, digital design og CRO.

Hvis du kunne lide indlægget, vil jeg anbefale dig at følge mig på LinkedIn – her skriver jeg løbende om UX, digital design og marketing. Du ved, alt det som gør en virksomhed til et brand, og et køb til en god oplevelse.