UX eller UI: Hva er forskjellen?

UX og UI nevnes nesten alltid i samme åndedrag og blandes derfor lett sammen. Men de betyr forskjellige ting, og forskjellen er ikke akademisk: Den avgjør hva du faktisk bestiller når du kjøper design. Nedenfor forklarer vi hva de står for, og hvorfor det betyr noe for lommeboken din.

To forskjellige ting som ofte forveksles

UX står for user experience, altså brukeropplevelsen. Det handler om helheten: at de riktige funksjonene finnes, at de ligger der man forventer, at flyten fra start til mål er logisk, og at produktet faktisk løser brukerens problem. UX er usynlig når det er bra. Man merker det først når noe føles tungvint.

UI står for user interface, det visuelle grensesnittet. Det er alt du ser og trykker på: farger, typografi, knapper, ikoner, avstander og animasjoner. UI er det som gir produktet utseende og uttrykk, og det er det første man legger merke til.

Forskjellen blir enklest å forstå med en sammenligning. Tenk deg et hus: UX er planløsningen, altså at kjøkkenet ligger nær spiseplassen, og at man ikke trenger å gå gjennom soverommet for å komme til badet. UI er interiøret: fargene på veggene, materialene, belysningen. Et vakkert innredet hus med en håpløs planløsning er fortsatt ubekvemt å bo i.

Samme funksjon, ulikt utfall

Den tydeligste måten å forstå forskjellen på er å se hvordan samme funksjon kan lykkes eller mislykkes på hver sin måte.

God UX, men dårlig UI: en bestillingsfunksjon der stegene er logiske og du raskt kommer i mål, men alt ser grått, utdatert og billig ut. Det fungerer, men virker ikke tillitvekkende. Du bestiller, men med en følelse av at tjenesten ikke helt holder mål.

Dårlig UX, men flott UI: en påkostet, vakker app der du likevel ikke finner ut hvordan du avbestiller. Knappene er elegante, typografien profesjonell, men flyten er forvirrende, og til slutt gir du opp. Overflaten er perfekt, opplevelsen en fiasko.

Poenget er at de kan svikte uavhengig av hverandre. Det er nettopp derfor man behandler dem som to separate disipliner: Et pent produkt er ikke automatisk brukbart, og et brukbart produkt er ikke automatisk pent.

Hvordan rollene spiller sammen i teamet

I et prosjektteam jobber UX og UI tett sammen, men svarer på ulike spørsmål, og ofte i en bestemt rekkefølge.

• UX-arbeidet kommer først: researchen, brukerflyten, strukturen og de tidlige skissene som avgjør hva som skal finnes, og hvor.
• UI-arbeidet bygger videre på det: den visuelle utformingen som avgjør hvordan det skal se ut og føles.
• Utviklingen tar deretter over og gjør designet til et fungerende produkt.

I mindre prosjekter har ofte samme person begge hattene. I større prosjekter fordeles rollene på spesialister, noen ganger supplert med research og motion design. Det avgjørende er ikke hvor mange titler som er involvert, men at begge perspektivene er med. Mangler UX-tenkningen, blir det pent, men ubrukelig. Mangler UI-tenkningen, blir det logisk, men lite innbydende.

Hvorfor rekkefølgen avgjør hva du får for pengene

Den praktiske konklusjonen for deg som kunde handler om rekkefølge. UX skal komme før UI, og grunnen er rent økonomisk.

Å legge UI-design på en flyt som ikke er gjennomtenkt, er å polere noe som kanskje må rives ned. Et konkret eksempel: Et selskap bestiller et vakkert, ferdig visuelt design av kjøpsprosessen sin. Når produktet senere testes, viser det seg at selve flyten er tenkt feil, og brukerne finner ikke frem. Nå må flyten gjøres om, og dermed må det påkostede UI-designet tegnes på nytt også. Pengene som ble brukt på overflaten før strukturen var på plass, er i praksis bortkastet.

Hadde rekkefølgen vært omvendt (først avklare og teste flyten, deretter forme den visuelt), ville UI-arbeidet ha blitt gjort én gang i stedet for to. Struktur før overflate er derfor ikke en smakssak, men en måte å unngå å betale for det samme flere ganger på. Vil du finne ut hva prosjektet ditt faktisk trenger, inngår både UX og UI i tjenestene våre. Ta kontakt, så ser vi på hvor tyngdepunktet bør ligge.