Den enkleste måten å se forskjellen på er å gå til kassen. UX bestemmer hvor mange trinn det er, hva som blir spurt i hvert trinn, hva som skjer når et kort blir avvist og om en gjest kan kjøpe uten konto. Brukergrensesnittet bestemmer hvordan hvert trinn ser ut: skjemafeltene, knappestilen, fargen på feilmeldingen og den lille animasjonen når betalingen lykkes.
UX-design starter før noen skjerm eksisterer. Det inkluderer brukerundersøkelser, intervjuer, reisekart, informasjonsarkitektur, wireframes og brukervennlighetstester. Utgangen er ofte en flyt eller en prototype i stedet for en ferdig visuell design. Suksess måles etter utfall: oppgavefullføring, feil, tid til å fullføre og om folk kommer tilbake.
UI-design gjør den strukturen til et grensesnitt. Den dekker visuelt hierarki, avstand, typografi, farger, ikoner, komponenter og hvordan hvert element oppfører seg i hver tilstand: standard, hover, trykket, deaktivert, lasting og feil. Bevegelse er også en del av brukergrensesnittet. En knapp som reagerer når den trykkes, eller et ark som følger fingeren din, forteller folk at produktet har hørt dem.
De to er avhengige av hverandre. En tydelig flyt med forvirrende knapper svikter fortsatt, og en polert skjerm på toppen av en forvirrende flyt svikter fortsatt. Det er grunnen til at de fleste team behandler brukergrensesnittet som en del av UX i stedet for en egen disiplin, og hvorfor mange stillingsannonser ber om begge deler.
Hvis du bestemmer deg for hva du skal lære først, start med UX-grunnleggende (forstå brukeren og oppgaven), og lær deretter UI-ferdigheter i et designverktøy som Figma eller Penpot. Interaksjon og bevegelsesdesign kommer neste gang, og det er der verktøy som ExodeUI, som vi lager, passer inn.