Najjednoduchší spôsob, ako vidieť rozdiel, je pokladňa. UX rozhoduje o tom, koľko krokov je, čo sa v každom kroku pýta, čo sa stane pri odmietnutí karty a či môže hosť nakupovať bez účtu. Používateľské rozhranie rozhoduje o tom, ako bude každý krok vyzerať: polia formulára, štýl tlačidla, farba chybového hlásenia a malá animácia pri úspešnej platbe.
Dizajn UX začína skôr, ako existuje akákoľvek obrazovka. Zahŕňa používateľský prieskum, rozhovory, mapy ciest, informačnú architektúru, drôtové modely a testy použiteľnosti. Výstupom je často skôr tok alebo prototyp než hotový vizuálny návrh. Úspech sa meria výsledkami: dokončením úlohy, chybami, časom na dokončenie a tým, či sa ľudia vracajú.
Dizajn používateľského rozhrania premení túto štruktúru na rozhranie. Zaoberá sa vizuálnou hierarchiou, medzerami, typografiou, farbou, ikonami, komponentmi a tým, ako sa každý prvok správa v každom stave: predvolený, po prenesení, stlačený, vypnutý, načítavanie a chyba. Pohyb je tiež súčasťou používateľského rozhrania. Tlačidlo, ktoré po stlačení reaguje, alebo list, ktorý sleduje váš prst, ľuďom oznámi, že ich produkt počul.
Tí dvaja závisia jeden od druhého. Jasný tok s mätúcimi tlačidlami stále zlyháva a vyleštená obrazovka na vrchu mätúceho toku stále zlyháva. To je dôvod, prečo väčšina tímov považuje používateľské rozhranie za jednu časť UX a nie za samostatnú disciplínu, a preto mnohé pracovné inzeráty vyžadujú oboje.
Ak sa rozhodujete, čo sa naučiť ako prvé, začnite so základmi UX (pochopenie používateľa a úlohy), potom sa naučte zručnosti používateľského rozhrania v dizajnovom nástroji, ako je Figma alebo Penpot. Interakcia a návrh pohybu sú na rade a práve tam sa hodia nástroje ako ExodeUI, ktoré vyrábame.