Den nemmeste måde at se forskellen på er ved at betale. UX bestemmer, hvor mange trin der er, hvad der spørges om i hvert trin, hvad der sker, når et kort afvises, og om en gæst kan købe uden en konto. Brugergrænsefladen bestemmer, hvordan hvert trin ser ud: formularfelterne, knapstilen, fejlmeddelelsesfarven og den lille animation, når betalingen lykkes.
UX-design starter før nogen skærm eksisterer. Det omfatter brugerundersøgelser, interviews, rejsekort, informationsarkitektur, wireframes og usability-tests. Outputtet er ofte et flow eller en prototype frem for et færdigt visuelt design. Succes måles på resultater: færdiggørelse af opgaven, fejl, tid til at blive færdig, og om folk kommer tilbage.
UI-design gør den struktur til en grænseflade. Det dækker visuelt hierarki, mellemrum, typografi, farve, ikoner, komponenter og hvordan hvert element opfører sig i hver tilstand: standard, hover, trykket, deaktiveret, indlæsning og fejl. Bevægelse er også en del af brugergrænsefladen. En knap, der reagerer, når der trykkes på den, eller et ark, der følger din finger, fortæller folk, at produktet har hørt dem.
De to er afhængige af hinanden. Et klart flow med forvirrende knapper fejler stadig, og en poleret skærm oven på et forvirrende flow fejler stadig. Det er derfor, de fleste teams behandler UI som en del af UX frem for en separat disciplin, og hvorfor mange jobannoncer beder om begge dele.
Hvis du beslutter dig for, hvad du skal lære først, så start med UX basics (forstå brugeren og opgaven), og lær derefter UI-færdigheder i et designværktøj som Figma eller Penpot. Interaktion og motion design kommer næste gang, og det er her værktøjer som ExodeUI, som vi laver, passer ind.