Stellen Sie sich eine Türklinke vor. UX Design entscheidet, ob die Tür überhaupt eine Klinke braucht — oder vielleicht einen Sensor, einen Knopf, einen Code. Es fragt: Wer öffnet die Tür? In welcher Situation? Mit nassen Händen, Einkauf in der Hand, in Eile? UI Design entscheidet, wie die Klinke aussieht: Form, Material, Position, Reibung beim Drücken. Beide Disziplinen befassen sich mit derselben Tür, aber mit komplett unterschiedlichen Fragen.
UX Design — die Architektur des Erlebnisses
User Experience Design beginnt vor dem ersten Pixel. Es umfasst:
- Research: Interviews, Beobachtungen, Datenanalysen — wer nutzt das Produkt, warum, in welchem Kontext?
- Information Architecture: Wie sind Inhalte strukturiert, wie navigiert der Nutzer?
- User Flows: Welche Schritte führen zum Ziel — Anmeldung, Kauf, Buchung?
- Wireframes: Funktionale Skizzen ohne Farbe und Bilder.
- Prototyping & Testing: Klickbare Modelle, die mit echten Nutzern getestet werden.
Gutes UX Design ist meist unsichtbar. Nutzer fallen erst auf, dass etwas gut funktioniert, wenn etwas anderes schlecht funktioniert.
UI Design — die visuelle Sprache der Marke
User Interface Design übernimmt, wenn die Struktur steht. Es definiert:
- Typografie: Schriftarten, Hierarchien, Lesbarkeit.
- Farbsystem: Marken-, Funktions- und Statusfarben.
- Komponenten: Buttons, Inputs, Cards, Modals — konsistent verwendbar.
- Iconografie & Illustration: Visuelle Metaphern.
- Motion: Übergänge, Mikro-Animationen, Feedback.
Modernes UI Design arbeitet mit Design Systems — sauber dokumentierte Bibliotheken, die Entwicklern als Quelle der Wahrheit dienen. Tools wie Figma haben diese Arbeit professionalisiert.
Warum die Trennung wichtig ist
Wer UI ohne UX macht, baut hübsche, aber dysfunktionale Produkte. Wer UX ohne UI macht, baut funktionale, aber unattraktive Produkte, die Nutzer auf Dauer ablehnen — weil “professionelle Optik” auch ein Funktionsmerkmal ist. Vertrauen entsteht über visuelle Sorgfalt.
In der Praxis arbeiten beide Disziplinen verzahnt
In kleinen Projekten übernimmt eine Person beide Rollen — das funktioniert bis zu einer gewissen Komplexität. Sobald Projekte vielschichtiger werden (mehrere Nutzergruppen, Mehrsprachigkeit, datengetriebene Komponenten), trennen sich die Aufgaben sinnvoll. Bei mesh übernimmt typischerweise eine Person die UX-Recherche und Strukturarbeit, eine zweite die visuelle Umsetzung — beide arbeiten parallel und tauschen Iterationen kontinuierlich aus.
Wenn Sie wissen wollen, was Ihr Produkt aktuell stärker braucht — ein UX-Review oder ein UI-Refresh — bieten wir kostenfreie Erstgespräche an. In 30 Minuten lässt sich meist klar einordnen, wo der Hebel liegt.
