De eenvoudigste manier om het verschil te zien is door af te rekenen. UX bepaalt hoeveel stappen er zijn, wat er bij elke stap wordt gevraagd, wat er gebeurt als een kaart wordt geweigerd en of een gast zonder account kan kopen. De gebruikersinterface bepaalt hoe elke stap eruit ziet: de formuliervelden, de stijl van de knop, de kleur van de foutmelding en de kleine animatie wanneer de betaling is gelukt.
UX-ontwerp begint voordat er een scherm bestaat. Het omvat gebruikersonderzoek, interviews, reiskaarten, informatiearchitectuur, wireframes en bruikbaarheidstesten. De output is vaak een stroom of een prototype in plaats van een voltooid visueel ontwerp. Succes wordt gemeten aan de hand van de resultaten: voltooiing van de taak, fouten, tijd om te voltooien en of mensen terugkomen.
UI-ontwerp verandert die structuur in een interface. Het behandelt de visuele hiërarchie, spatiëring, typografie, kleur, pictogrammen, componenten en hoe elk element zich in elke staat gedraagt: standaard, zweven, ingedrukt, uitgeschakeld, laden en fouten. Beweging maakt ook deel uit van de gebruikersinterface. Een knop die reageert als je erop drukt, of een blad dat je vinger volgt, vertelt mensen dat het product ze heeft gehoord.
De twee zijn van elkaar afhankelijk. Een heldere flow met verwarrende knoppen faalt nog steeds, en een gepolijst scherm bovenop een verwarrende flow faalt nog steeds. Dat is de reden waarom de meeste teams UI als een onderdeel van UX beschouwen in plaats van als een aparte discipline, en waarom veel vacatures om beide vragen.
Als u besluit wat u eerst wilt leren, begin dan met de basisbeginselen van UX (de gebruiker en de taak begrijpen) en leer vervolgens UI-vaardigheden in een ontwerptool zoals Figma of Penpot. Interactie en motion design komen daarna, en dat is waar tools als ExodeUI, die wij maken, in passen.