Cel mai simplu mod de a vedea diferența este un checkout. UX decide câți pași sunt, ce se cere în fiecare pas, ce se întâmplă atunci când un card este refuzat și dacă un oaspete poate cumpăra fără cont. UI decide cum arată fiecare pas: câmpurile formularului, stilul butonului, culoarea mesajului de eroare și animația mică când plata reușește.
Designul UX începe înainte ca orice ecran să existe. Include cercetarea utilizatorilor, interviuri, hărți de călătorie, arhitectură informațională, wireframes și teste de utilizare. Rezultatul este adesea un flux sau un prototip, mai degrabă decât un design vizual finit. Succesul este măsurat prin rezultate: finalizarea sarcinii, erori, timpul până la finalizare și dacă oamenii revin.
Designul UI transformă acea structură într-o interfață. Acesta acoperă ierarhia vizuală, spațierea, tipografia, culoarea, pictogramele, componentele și modul în care fiecare element se comportă în fiecare stare: implicit, hover, apăsat, dezactivat, încărcare și eroare. De asemenea, mișcarea face parte din UI. Un buton care răspunde atunci când este apăsat sau o foaie care urmărește degetul, le spune oamenilor că produsul le-a auzit.
Cei doi depind unul de celălalt. Un flux clar cu butoane confuze eșuează în continuare, iar un ecran lustruit deasupra unui flux confuz eșuează în continuare. Acesta este motivul pentru care majoritatea echipelor tratează UI ca pe o parte a UX mai degrabă decât ca pe o disciplină separată și de ce multe anunțuri de angajare solicită ambele.
Dacă decideți mai întâi ce să învățați, începeți cu elementele de bază UX (înțelegerea utilizatorului și a sarcinii), apoi învățați abilități de UI într-un instrument de proiectare, cum ar fi Figma sau Penpot. Interacțiunea și designul în mișcare urmează și aici se încadrează instrumente precum ExodeUI, pe care le fabricăm.