Begrepene brukergrensesnitt (UI), brukeropplevelse (UX) og brukervennlighet er sammenknyttet, men har ulike innholdsmessige fokus. Her er de grunnleggende forskjellene:

1. Brukergrensesnitt (UI):
   • UI refererer til visuelle elementer og interaksjonsmuligheter som en bruker direkte ser på en skjerm og bruker i en app eller på en nettside. Dette inkluderer layouter, farger, skrifttyper, bilder, knapper, ikoner og andre grafiske elementer, samt merkevareelementer, tillitsfaktorer og interaksjonsdesign.
   • Hovedmålet med design av brukergrensesnitt er å skape et tiltalende, effektivt og intuitivt brukergrensesnitt som letter interaksjonen mellom brukeren og det digitale produktet.
2. Brukeropplevelse (UX):
   • UX omfatter den totale opplevelsen en bruker har med et produkt. Det refererer ikke bare til visuelt design (UI), men også til helheten av brukerinteraksjoner, følelser, forventninger og oppfatninger gjennom hele brukeropplevelsesprosessen – inkludert oppfatninger før og etter faktisk bruk.
   • Hovedmålet med UX er å sikre at produktet samsvarer med brukernes behov og forventninger, og gir en positiv, tilfredsstillende og effektiv opplevelse – samtidig som frustrasjon på hvert trinn av kundereisen unngås.
3. Brukervennlighet:
   • Brukervennlighet refererer til hvor brukervennlig et produkt er, og hvor lett brukere kan utføre spesifikke oppgaver på nettsiden eller applikasjonen.
   • Det fokuserer på effektivitet, effektivitet og brukertilfredshet ved bruk av produktet. Forutsigbarhet er også en del av brukervennlighet, der brukere finner kjente mønstre (søk er øverst eller øverst til høyre), navigasjon er øverst eller til venstre, osv.
   • Brukervennlighet er en del av den totale UX-en, nøyaktig den delen som skjer mens det brukes av brukeren. Et brukervennlig UI er en viktig del av brukervennligheten.

Spesielt den tidsmessige aspekten er verdt å merke seg. Brukeropplevelsen begynner før bruk med brukerens forestillinger, forventninger og også fordommer. Brukeropplevelsen gjennomgår deretter brukerprosessen – denne tidsmessige delaspektet utgjøres av brukervennlighet med tilfredshet, effektivitet og effektivitet i bruk. Og til slutt avsluttes brukeropplevelsen med de opplevelsene som er gjort og de emosjonelle forbindelsene etter bruk.

Mens design av brukergrensesnitt hovedsakelig handler om skrifter, farger, knapper, bilder, ikoner osv., tar design av brukeropplevelse seg av et større perspektiv: UX-designeren tar hensyn til målgruppene og personene, definerer informasjonsarkitekturen, arbeider med wireframes og prototyper, designer interaksjonspunkter langs kundereisen og utvikler scenarier og interaksjonselementer. Selv storytelling er en del av brukeropplevelsen.

Slik konsepterer UX-designeren et klikkbart wireframe-konsept som en tidlig prototype for å visualisere informasjonsarkitekturen og interaksjonspunktene:

Her er et eksempel på et mobilt design av brukergrensesnitt med klikkstier, som er laget med Adobe XD:

De faktiske utformingen av seksjonene på en nettside angår deretter brukergrensesnittet. Her er et eksempel på det utformede designet av brukergrensesnittet fra det ovennevnte wireframe-konseptet:

I oppsummering: UI fokuserer på visuelt design og interaksjonselementer, UX refererer til den totale brukeropplevelsen, og brukervennlighet fokuserer på brukervennlighet og enkelheten ved å bruke et produkt. Alle tre aspektene er viktige for å skape et digitalt produkt som er både estetisk tiltalende og funksjonelt, og som gir en positiv brukeropplevelse samtidig som eventuelle frustrasjonspotensialer reduseres.