Der einfachste Weg, den Unterschied zu erkennen, ist eine Kasse. UX entscheidet, wie viele Schritte es gibt, was in jedem Schritt abgefragt wird, was passiert, wenn eine Karte abgelehnt wird und ob ein Gast ohne Konto einkaufen kann. Die Benutzeroberfläche entscheidet, wie jeder Schritt aussieht: die Formularfelder, der Schaltflächenstil, die Farbe der Fehlermeldung und die kleine Animation, wenn die Zahlung erfolgreich ist.
UX-Design beginnt, bevor ein Bildschirm existiert. Es umfasst Benutzerforschung, Interviews, Journey Maps, Informationsarchitektur, Wireframes und Usability-Tests. Das Ergebnis ist oft eher ein Fluss oder ein Prototyp als ein fertiges visuelles Design. Der Erfolg wird an den Ergebnissen gemessen: Aufgabenerledigung, Fehler, Zeit bis zur Fertigstellung und ob die Leute zurückkommen.
Das UI-Design verwandelt diese Struktur in eine Schnittstelle. Es behandelt visuelle Hierarchie, Abstände, Typografie, Farbe, Symbole, Komponenten und wie sich jedes Element in jedem Zustand verhält: Standard, Hover, gedrückt, deaktiviert, Laden und Fehler. Bewegung ist auch Teil der Benutzeroberfläche. Eine Taste, die beim Drücken reagiert, oder ein Blatt, das Ihrem Finger folgt, teilt den Leuten mit, dass das Produkt sie gehört hat.
Die beiden sind voneinander abhängig. Ein klarer Flow mit verwirrenden Schaltflächen schlägt immer noch fehl, und ein polierter Bildschirm über einem verwirrenden Flow schlägt immer noch fehl. Aus diesem Grund betrachten die meisten Teams UI als einen Teil von UX und nicht als separate Disziplin, und in vielen Stellenanzeigen wird nach beidem gefragt.
Wenn Sie entscheiden, was Sie zuerst lernen möchten, beginnen Sie mit den UX-Grundlagen (Verstehen des Benutzers und der Aufgabe) und erlernen Sie dann UI-Kenntnisse in einem Designtool wie Figma oder Penpot. Als nächstes kommen Interaktion und Bewegungsdesign, und hier kommen Tools wie ExodeUI ins Spiel, die wir herstellen.