Det enklaste sättet att se skillnaden är en kassa. UX avgör hur många steg det finns, vad som frågas i varje steg, vad som händer när ett kort nekas och om en gäst kan köpa utan konto. Användargränssnittet bestämmer hur varje steg ser ut: formulärfälten, knappstilen, färgen på felmeddelandet och den lilla animeringen när betalningen lyckas.
UX-design startar innan någon skärm existerar. Det inkluderar användarforskning, intervjuer, resekartor, informationsarkitektur, wireframes och användbarhetstester. Resultatet är ofta ett flöde eller en prototyp snarare än en färdig visuell design. Framgång mäts av resultat: uppgiftsslutförande, fel, tid att slutföra och om människor kommer tillbaka.
UI-design förvandlar den strukturen till ett gränssnitt. Den täcker visuell hierarki, avstånd, typografi, färg, ikoner, komponenter och hur varje element beter sig i varje tillstånd: standard, hovra, nedtryckt, inaktiverad, laddning och fel. Rörelse är också en del av användargränssnittet. En knapp som reagerar när den trycks ned, eller ett ark som följer ditt finger, talar om för andra att produkten har hört dem.
De två är beroende av varandra. Ett tydligt flöde med förvirrande knappar misslyckas fortfarande, och en polerad skärm ovanpå ett förvirrande flöde misslyckas fortfarande. Det är därför de flesta team behandlar UI som en del av UX snarare än en separat disciplin, och varför många jobbannonser efterfrågar båda.
Om du bestämmer dig för vad du ska lära dig först, börja med UX-grunderna (förstå användaren och uppgiften), lär dig sedan UI-färdigheter i ett designverktyg som Figma eller Penpot. Interaktion och rörelsedesign kommer härnäst, och det är där verktyg som ExodeUI, som vi tillverkar, passar in.