Jeg kommer aldri til å glemme da jeg, rundt seks måneder inn i teknologikarrieren min, endelig innrømmet at jeg fortsatt ikke hadde peiling på hva forskjellen mellom UX og UI var. Produktinteressenter slenger rundt seg med disse begrepene som om de var synonymer, og selv om de henger sammen, er de absolutt ikke det samme.
La meg spare deg for forvirringen: UX handler om hvordan brukere opplever og samhandler med et grensesnitt, mens UI handler om hvordan grensesnittet ser ut, og hvilke visuelle elementer det inneholder. Godt produktarbeid avhenger av at man forstår hver av disse i detalj, og vet når man skal bruke dem.
La oss se nærmere på det.
Hva er UX?
UX står for brukeropplevelse, og handler om hvordan opplevelsen er når folk bruker produktet. Er den smidig og intuitiv? Finner brukerne det de trenger, og får de gjort det de ønsker? Når designere eller produktledere jobber med UX, gjør de følgende:
- Forstår behovene til målbrukerne og lager funksjoner og brukerflyter som oppfyller disse behovene.
- Bruker trådskisser med lav detaljgrad for å teste ulike flyter og forstå hvilke som best oppfyller sluttbrukernes behov.
- Kontrollerer de digitale produktene sine for eventuelle brukervennlighetsproblemer for å gjøre opplevelsen raskere, enklere eller bedre, og håndterer eventuelle tilgjengelighetsproblemer.
- Forstår hvordan brukerne samhandler med produktet som helhet, og hvordan man kan utforme brukerens samhandling med produktet slik at den i større grad samsvarer med behovene deres.
En UX-designers jobb handler om hvordan brukerne samhandler med et produkt i den virkelige verden, og om de ulike kontaktpunktene i denne opplevelsen. Det kan for eksempel være betalingsopplevelsen på et netthandelsnettsted eller registreringsflyten for en nettapp. Det handler om å tilpasse produktet til brukernes behov på en måte som er smidig, effektiv og forhåpentligvis også fornøyelig.
Hva er UI?
UI står for brukergrensesnitt, og handler om de praktiske aspektene ved interaksjonsdesign. Mens UX gir innsikt i hvordan opplevelsen bør være for brukerne, handler UI om hvordan denne opplevelsen skapes i et produktgrensesnitt. Knapper, handlingsoppfordringer, rullegardinmenyer, bannere, animasjoner og responsivt design er alle UI-elementer. Når designere jobber med UI, gjør de følgende:
- Bruker UX-innsikt og designtilbakemeldinger for å skape et digitalt design som er det optimale grensesnittet for å gi brukerne den beste opplevelsen.
- Utvikler prototyper og tester grensesnitt og visuelle elementer for frontendutvikling med funksjoner og flyter basert på UX-innsikt.
- Utarbeider stilguider, designsystemer og maler for å effektivisere den konsistente utviklingen av intuitive UI-elementer.
- Prioriterer nye funksjoner og UI-elementer basert på faktorer som viktighet, innvirkning og innsats (noen ganger ved hjelp av en prosess for idéhåndtering)
UI er én del av UX-designprosessen, og går hånd i hånd med effektiv UX-basert webutvikling. Dårlig UX skyldes ofte ineffektive UI-elementer.
UX vs. UI: Forskjeller og likheter
Ok, nå begynner det å gi mening, ikke sant? UX er forskningen på og kunnskapen om hvordan brukere samhandler med et grensesnitt, mens UI er den håndgripelige delen av et produkt – selve grensesnittet. La oss se nærmere på noen mer spesifikke, sentrale forskjeller og likheter:
| Forskjeller | Likheter | |
| UX | UI | |
| Formål | Forstå brukernes behov for å skape et intuitivt, effektivt og tilfredsstillende produkt. | Bruke konkrete, synlige elementer for å skape den optimale brukeropplevelsen. |
| Ansvarsområder | UX-forskningTrådskisserBrukervennlighetstesting | Forståelse av UX-innsiktPrototypingUtarbeidelse av visuelle elementer |
| Teknikker | BrukerundersøkelserEksperimentering med lav detaljgrad, som å lage trådskisser | Eksperimentering med høy detaljgrad, som prototypingDesign av høy kvalitet og i endelig form |
| Verktøy | Plattformer for brukerundersøkelser og UX-design Figma eller andre designverktøyVerktøy for trådskisser | Adobe Suite, Figma eller andre designverktøyPrototypverktøyProgramvare for idéhåndtering |
| KPI-er | Måltall som hjelper oss med å forstå hvor enkelt noe er å bruke, for eksempel frafalls- eller avbruddsrater i en flytFlere andre forretningsmåltall, som konverteringer | Måltall som hjelper oss med å forstå hvor enkelt noe er å bruke, for eksempel frafalls- eller avbruddsrater i en flytFlere andre forretningsmåltall, som konverteringer |
UX kontra UI: Forskjeller
Her skal jeg utdype forskjellene som fremheves i tabellen ovenfor.
Have an account? Log In
1. Formålet med UX er forståelse, mens formålet med UI er å skape
Selv om både UX og UI krever inngående kunnskap om brukerne gjennom en grundig UX-designprosess for brukerundersøkelser, handler arbeid med UX om å skape denne forståelsen bak produktets kulisser. UI er derimot selve designet som legger til rette for den optimale opplevelsen.
Vil du forstå det bedre? Åpne en hvilken som helst app på telefonen din. Det du ser, er UI. Det du gjør, hvorfor du gjør det, og hvordan det oppleves, er UX.
2. Ansvarsområdene til en UX-spesialist er forskningsbaserte, mens ansvarsområdene til en UI-designer er leveransebaserte
UX-fagfolk bruker dagene på alle typer planlegging av brukerundersøkelser og gjennomføring av disse planene – for eksempel brukerintervjuer, brukervennlighetsstudier og kartlegging av brukerreiser. Deretter bruker de resultatene fra dette arbeidet til å lage design med lav detaljgrad, ofte kalt trådskisser, som gjør det mulig å kommunisere de ideelle aspektene ved funksjoner og flyter til designerne som til slutt skal utforme UI-et.
UI-fagfolk tar informasjon og trådskisser fra UX og går i dybden på designdetaljer som skrifttyper og typografi, interaktive elementer og pikselperfekt grafisk design. Deretter lager de prototyper av ulike designkonsepter som kan testes med brukere, for til slutt å finne frem til det optimale visuelle designet.
3. UX-teknikker er undersøkende, mens UI-teknikker er konkrete
UX-arbeid bygger på metodikk for brukerundersøkelser og design med lav detaljgrad som aldri er ment å presenteres for brukere. Det er en viktig del av den kreative prosessen med å skissere brukerpersonas og utforme informasjonsarkitektur, funksjoner og flyter som best samsvarer med brukernes behov.
UI-design tar brukeropplevelsesdesignet og omsetter det til konkrete leveranser. Det bygger på kunnskap om faktisk utforming, flytting og finjustering av piksler i designprogramvare for å skape det brukerne ser.
Begge deler er avgjørende når det gjelder overordnet produktdesign, enten vi snakker om webdesign eller mobilapper.
4. UX-verktøy er forskningsorienterte, mens UI-verktøy legger til rette for utforming
UX-fagpersoner kan ha bakgrunn fra design og være dyktige i designverktøy, men UX-arbeid utføres sjeldnere ved hjelp av avansert designprogramvare. UX-arbeid innebærer vanligvis bruk av verktøy som hjelper med å spore og analysere brukeratferd. Design av brukergrensesnitt foregår derimot som regel i designverktøy som Adobe Suite og Figma.
5. UX- og UI-spesialister kan spore KPI-er på ulike måter
Selv om UX- og UI-designere kan dele nøkkelindikatorer og spore de samme måltallene, vil de sannsynligvis observere dem gjennom ulike perspektiver. En UI-designer kan fokusere på hvilken atferd brukerne har vist, mens en UX-spesialist kan utforske motivasjonen bak denne atferden.
Likheter mellom UX og UI
La oss nå se nærmere på likhetene mellom UX og UI som er beskrevet i tabellen.
1. UX og UI er begge avgjørende deler av produktdesign
Alle produkter du møter, er utviklet med både UX og UI. UX- og UI-fagpersonene samarbeidet om å utvikle ideer og skape en opplevelse som er tilpasset brukernes behov, atferd og motivasjon. UX/UI-designspesialistene diskuterte hvordan opplevelsen kunne gjøres intuitiv, og de brukte hver sine unike ferdigheter innen undersøkelser og design for å optimalisere brukeropplevelsen som sitt viktigste mål.
2. Både UX og UI innebærer å sette av tid til å forstå brukerne
Brukerundersøkelser for å forstå målgruppen hører inn under UX, men de som har ansvar for UI, må også forstå innsikten som kommer frem. Dette er begge avgjørende deler av designprosessen, og all denne kunnskapen utgjør et av de viktigste designprinsippene innen designtenkning: Ingen som deltar i designprosessen, kan unnslippe den!
3. Både UX og UI er i stor grad avhengige av iterasjon og eksperimentering
Selv om UX-fagpersoner arbeider med skisser med lav detaljgrad og UI-designere arbeider med prototyper med høy detaljgrad, vil begge sannsynligvis utvikle mange iterasjoner av konsepter og design før det endelige resultatet. Både UX og UI bygger på en kreativ prosess der de tester ut ulike konsepter og fortsetter å iterere til de når det de mener er optimalt.
4. Både UX og UI har konkrete resultater som er avhengige av designprogramvare
Vi har snakket mye om at UX-resultatet ofte er trådskisser eller mockuper med lav detaljgrad, mens UI-resultatet er et detaljert, ferdig design rettet mot brukerne. Interessant nok vil du sannsynligvis finne både UX-fagpersoner og UI-designere som bruker designprogramvare. I dag kan de også bruke AI-designprogramvare (les mer om fordelene med AI-designprogramvare her).
Det å lage trådskisser med lav detaljgrad er fortsatt et visuelt resultat, og verktøy som Figma gjør dette ganske enkelt. Samtidig tilbyr verktøy som Figma og Adobe Suite alle de nyanserte funksjonene som trengs for å lage design rettet mot brukerne.
More Articles
5. UX og UI har felles mål og KPI-er
Uansett hvordan en virksomhet velger å måle kvaliteten på produktet sitt, bruker den nesten alltid en kombinasjon av brukeratferd og forretningsmåltall. Disse KPI-ene er et resultat av at UX og UI arbeider sammen, og representerer den samlede suksessen til de to fagområdene.
Er UX eller UI viktigst?
Nå vet du at dette er et lurespørsmål: Den ene er ganske ubrukelig uten den andre. Uten den undersøkende prosessen som gjøres innen UX, vil UI sannsynligvis ikke dekke brukernes behov eller være intuitivt nok til å nå teamets KPI-er. Uten UI finnes det ingenting konkret for brukeren å samhandle med, uansett hvor godt et team forstår målgruppen.
Innen produktutvikling er UX vanligvis utgangspunktet ditt, mens UI handler om problemløsning. Du kan tross alt ikke løse et problem for brukerne dine før du forstår smertepunktene deres. Derfra trenger du et UI som er intuitivt for brukerne, og som begeistrer folk mens de bruker det. Det må fungere godt og føles bra. Etter hvert som du går videre, vil du se av KPI-ene dine at du ikke alltid treffer riktig. UX vil forsøke å forstå hvorfor, og UI vil gjenspeile denne innsikten.
For eksempel
Hvis du er i startfasen med å lage en plattform for bryllupsplanlegging, må du lære alt om hva personer som planlegger bryllup, trenger. Derfra kan du bygge et produkt som støtter folk mens de planlegger en viktig begivenhet.
UX og UI er et perfekt ekteskap (beklager, ikke beklager), og arbeider sammen for å skape en helhetlig brukeropplevelse som er tilpasset det brukerne trenger og ønsker. Dette kalles ofte brukersentrert design. Suksessen til produktutviklingsprosessen avhenger alltid av brukersentrert design, og det er ikke mulig uten ferdighetene og superkreftene til både god UX og god UI.
Bli med i CPO-klubben for mer innsikt i UX og UI
Ikke gå glipp av oppdateringene fra CPO-klubben, med mer informasjon og veiledninger akkurat som denne. Abonner her og begynn veien mot å bli en fremragende PM.
