UI vs. UX - what's the difference? af Cathrine Tavs d. 11. september 2019

Et sammensmeltede term

UI og UX er to af de mest uklare og sammensmeltede termen indenfor design af websites og applikationer. Og med god grund. Termerne bruges ofte i den sammensatte form ’UI/UX-design’ og handler begge om design af digitale løsninger.

I dag forstå mange ordet 'design' som 'grafisk layout'.  Men det er ikke helt fair.  Ordet ’design’ gemmer nemlig på mange forskellige aspekter i udviklingen af digitale, såvel som fysiske, produkter, herunder UX-design. 

But what's the difference? 

I det her indlæg vil jeg punktere myten om, at 'design' kun handler om det grafiske layout og forsøge at tydeliggøre forskellen på UI og UX design, samt hvordan begge designteorier bidrager positivt til udviklingen af digitale (og fysiske) produkter.

User experience vs. user interface

God UI er ikke lig med god UX

Selvom en webshop visuel er superflot, er den samlede oplevelse ikke særlig god, hvis bestillingsflowet er besværlig, kundeservice er svær at komme igennem til og leveringen er forsinket. 

I dette "tænkte" eksempel, vil der være tale om et godt user interface, men en dårlig user experience.  

En dårlig user experience, fører ofte til frustrerede brugere. Og frustrerede bruger søger ofte mod alternative løsninger (psst...du mister dine kunder). 

Der er derfor god grund til både at fokusere på user interfacet og user experiencen, i udviklingen af nye produkter og digitale løsninger.

Der er derfor god grund til både at inddrage en UI designer, der vil designe et visuelt flot og easy to use interface samt en UX designer, der fokuserer på at designe positive kundeoplevelser. 

UI-design Hvad er user interface design?

User Interface

UI står for ’user interface’ og kan på dansk oversættes til ’brugergrænseflade.’ 

Kort sagt er UI ’the look and feel’ af alt det en bruger integrerer med - både digitalt og fysisk – såsom webshoppens menu, app'ens interface, keyboardets opbygning, farven på knapperne, osv. 

Begrebet UI blev født i kølvandet på udviklingen af den personlige computer, da det var nødvendigt, at brugere uden forståelse for at kode, kunne intergrere med computeren. (Ellers var der jo ingen grund, til at købe den.)

I dag arbejder UI-designere ikke kun med computer interfaces, men med alle former for teknologier, selv augmented og virtual reality, samt invisible interface - såsom lys og lyd. Målet er at designe et interface der kreerer en effektiv og painless interaktion.

User interface

”’User experience’ encompasses all aspects of the end-user’s interaction with 
the company its service, and its products.”
– Don Norman, Apple 1990’ern   

UX-design Hvad er user experience design?

User experience designer

UX-design

UX står for user experience - brugeroplevelse – og fokuserer på hele brugerrejsen. UX handler derfor om, at sikre brugerne en tilfredsstillende oplevelse når de integrerer med produktet/løsningen. 

UX-designeren har fokus på brugerne og deres behov, ønsker og krav, fra start til slut i brugerrejsen.

Don Norman introducerede begrebet ’user experience’ i starten af 1990’erne, i forbindelse med hans arbejde for Apple og beskriver ”’User experience’ encompasses all aspects of the end-user’s interaction with the company its service, and its products.”.

Med en UX-designer er designvalgene ikke bare baseret på personlige holdninger, men på en forståelse af brugernes behov. Det er med til at sikre et brugervenligt design.

If we’re talking about delicious cake, UI is the icing, the plates, the flavour, the utensils, and the presentation. UX is the reason we’re serving cake in the first place, and why people would rather eat it than hamburgers.

UX er rejsen, UI er destinationen

Lidt forenklet kan man sige, at UI er selve broen der fører os til slutdestinationen, mens UX er den følelse vi sidder med når vi er ankommet.

User interfacet er naturligvis en stor og vigtigt del af user experiencen, men langt fra det eneste. Derfor er en UX- og UI-designers fokus to forskellige steder.

Begge designteorier bør derfor inddrages i udviklingen af digitale løsninger, så frem du ønsker at sikre et visuelt flot, easy to use og brugervenligt website og brugeroplevelse generelt.