Nejjednodušší způsob, jak vidět rozdíl, je pokladna. UX rozhoduje o tom, kolik kroků je, na co se v každém kroku ptáte, co se stane, když je karta odmítnuta a zda může host nakupovat bez účtu. Uživatelské rozhraní rozhoduje o tom, jak bude každý krok vypadat: pole formuláře, styl tlačítka, barva chybové zprávy a malá animace při úspěšné platbě.
Návrh UX začíná dříve, než existuje jakákoli obrazovka. Zahrnuje uživatelský průzkum, rozhovory, mapy cest, informační architekturu, drátové modely a testy použitelnosti. Výstupem je často tok nebo prototyp spíše než hotový vizuální návrh. Úspěch se měří podle výsledků: dokončení úkolu, chyb, času na dokončení a toho, zda se lidé vracejí.
Návrh uživatelského rozhraní přemění tuto strukturu na rozhraní. Zabývá se vizuální hierarchií, mezerami, typografií, barvou, ikonami, komponentami a tím, jak se každý prvek chová v každém stavu: výchozí, vznášející se, stisknutý, deaktivovaný, načítání a chyba. Pohyb je také součástí uživatelského rozhraní. Tlačítko, které po stisknutí reaguje, nebo list, který sleduje váš prst, sděluje lidem, že je produkt slyšel.
Ti dva na sobě závisejí. Jasný tok s matoucími tlačítky stále selhává a naleštěná obrazovka na vrcholu matoucího toku stále selhává. To je důvod, proč většina týmů považuje uživatelské rozhraní spíše za jednu část UX než za samostatnou disciplínu, a proto mnoho pracovních nabídek požaduje obojí.
Pokud se rozhodujete, co se naučit jako první, začněte se základy UX (pochopení uživatele a úkolu), poté se naučte dovednosti uživatelského rozhraní v nástroji pro návrh, jako je Figma nebo Penpot. Na řadu přichází interakce a návrh pohybu, a právě tam se hodí nástroje jako ExodeUI, které vyrábíme.