Tilda Education
UI- vs. UX-Design: Unterschiede, erforderliche Fähigkeiten und mögliche Karrierewege
Ein Leitfaden für Einsteiger in das UX/UI-Design: Wesentliche Unterschiede, Beispiele aus der Praxis und praktische Karrieretipps
16. Januar 2026
15 min
Inhalt:
UX & UI in einfachen Worten
UX-Design (User Experience) konzentriert sich auf die Erstellung von Websites, Apps oder digitalen Diensten, die übersichtlich, logisch und benutzerfreundlich sind.
Wenn Leute sagen, ein Produkt habe eine „schlechte Benutzererfahrung“, meinen sie damit in der Regel, dass die Benutzung frustrierend oder verwirrend ist.
Das Hauptziel des UX-Designs ist es, den Benutzern eine positive Erfahrung zu bieten: Ihnen dabei zu helfen, ihre Aufgaben schnell und ohne unnötigen Aufwand zu erledigen. Beispielsweise sollten wichtige Funktionen nicht tief in den Einstellungen verborgen sein, und die Anmeldung für ein Konto sollte nicht das Ausfüllen eines langen Formulars erfordern, wenn ein einziger Schritt ausreichen würde.
Ein UX-Designer konzentriert sich auf Struktur und Ablauf: Wie Text, Bilder, Schaltflächen, Abschnitte und Kategorien organisiert sind und wie Benutzer zwischen ihnen navigieren. Das Ergebnis dieser Arbeit ist in der Regel ein Wireframe, ein schwarz-weißes Layout, das zeigt, wie die Elemente angeordnet werden, bevor das visuelle Design hinzugefügt wird.
Das UI-Design (Benutzeroberfläche) konzentriert sich darauf, wie die Benutzeroberfläche aussieht und sich anfühlt. Dazu gehören Farben, Typografie, Illustrationen, Symbole, Animationen und andere visuelle Details.
Das Ziel des UI-Designs ist es, den Charakter einer Marke durch visuelle Elemente zum Ausdruck zu bringen und gleichzeitig die Benutzeroberfläche angenehm und komfortabel zu gestalten.
Wie sich UX/UI-Design vom Webdesign unterscheidet
UX/UI-Design ist ein weit gefasster Begriff. Er umfasst viele Arten von Produkten, darunter Dienstleistungen, Apps und Websites. Der Schwerpunkt liegt in der Regel auf Recherche, Analyse und der Entwicklung einer klaren Schnittstellenlogik. Eine typische UX/UI-Aufgabe könnte lauten: „Finden Sie heraus, wie Nutzer am bequemsten eine Dienstleistung auf der Website auswählen und bezahlen können.“
Webdesign ist ein enger gefasster Begriff. Er bezieht sich in der Regel auf die Gestaltung von Websites oder Landingpages. Umfangreiche Recherchen und tiefgehende Analysen sind hier weniger verbreitet, und von Spezialisten werden nicht immer ausgeprägte Recherchefähigkeiten erwartet. Der Schwerpunkt liegt auf der Erstellung eines visuellen Layouts und dessen Umsetzung. Eine typische Aufgabe im Bereich Webdesign könnte lauten: „Entwerfen Sie eine ansprechende Landingpage für eine Kampagne, die Besucher zu Kunden macht.“
In der Praxis ist die Grenze zwischen Webdesign und UX/UI-Design nicht immer streng. Die Rollen überschneiden sich oft: Webdesigner können Nutzerforschung betreiben, und UX/UI-Designer können an einfacheren Websites arbeiten, nicht nur an komplexen digitalen Produkten.
UX/UI-Design ist ein weit gefasster Begriff. Er umfasst viele Arten von Produkten, darunter Dienstleistungen, Apps und Websites. Der Schwerpunkt liegt in der Regel auf Recherche, Analyse und der Entwicklung einer klaren Schnittstellenlogik. Eine typische UX/UI-Aufgabe könnte lauten: „Finden Sie heraus, wie Nutzer am bequemsten eine Dienstleistung auf der Website auswählen und bezahlen können.“
Webdesign ist ein enger gefasster Begriff. Er bezieht sich in der Regel auf die Gestaltung von Websites oder Landingpages. Umfangreiche Recherchen und tiefgehende Analysen sind hier weniger verbreitet, und von Spezialisten werden nicht immer ausgeprägte Recherchefähigkeiten erwartet. Der Schwerpunkt liegt auf der Erstellung eines visuellen Layouts und dessen Umsetzung. Eine typische Aufgabe im Bereich Webdesign könnte lauten: „Entwerfen Sie eine ansprechende Landingpage für eine Kampagne, die Besucher zu Kunden macht.“
In der Praxis ist die Grenze zwischen Webdesign und UX/UI-Design nicht immer streng. Die Rollen überschneiden sich oft: Webdesigner können Nutzerforschung betreiben, und UX/UI-Designer können an einfacheren Websites arbeiten, nicht nur an komplexen digitalen Produkten.
Woran UX- und UI-Designer täglich arbeiten
Menü
Das Menü ist ein zentrales Navigationselement, das normalerweise oben auf einer Website platziert wird. Aus Sicht der Benutzererfahrung geht es darum, zu entscheiden, wie sich Benutzer zwischen den Seiten bewegen und welche Bereiche am wichtigsten sind. Der UI-Designer legt fest, wo das Menü visuell platziert wird und wie es aussieht. Zusammen sorgen UX und UI dafür, dass die Navigation vertraut, benutzerfreundlich und ästhetisch ansprechend ist.
Kontoanmeldung
Die Anmeldung ist ein Vorgang, den Nutzer schnell erledigen möchten. Der UX-Designer konzentriert sich darauf, den Ablauf zu vereinfachen, Schritte zu reduzieren und Reibungsverluste zu minimieren. Der UI-Designer sorgt dafür, dass das Layout übersichtlich und intuitiv ist, und fügt häufig hilfreiche visuelle Hinweise wie Symbole oder Eingabehinweise hinzu.
Abrechnungsablauf
Der Checkout ist ein gutes Beispiel für ein komplexes Benutzerszenario. Es gibt viele Anforderungen zu berücksichtigen, aber die Benutzeroberfläche sollte nicht überladen wirken. Der UX-Designer bestimmt, welche Schritte wirklich notwendig sind und welche entfernt werden können. Der UI-Designer sorgt für Struktur und visuelle Klarheit und bleibt dabei dem Stil der Marke treu.
Preisgestaltungspläne
Die Wahl eines Tarifs wirkt sich direkt auf den Umsatz eines Unternehmens aus. Der UX-Designer legt fest, welche Optionen angezeigt werden sollen und wie sie übersichtlich präsentiert werden. Der UI-Designer konzentriert sich auf die visuelle Hierarchie, um die Aufmerksamkeit zu lenken und den Nutzern zu helfen, sich für den Tarif zu entscheiden, der für das Unternehmen am vorteilhaftesten ist.
Produktkarten
Eine Produktkarte soll auf einen Blick erklären, was an einem Artikel wichtig ist. Der UX-Designer ermittelt, welche Kriterien für die Nutzer am wichtigsten sind, und stellt diese in den Vordergrund. Der UI-Designer sorgt dafür, dass mehrere Karten auf einer Seite nebeneinander existieren können, ohne dass es zu einer visuellen Unübersichtlichkeit kommt.
Was macht ein UX-Designer?
Ein UX-Designer ist für die Schnittstellenlogik und den Benutzerfluss verantwortlich. Ein Großteil seiner Arbeit findet statt, bevor mit dem visuellen Design begonnen wird. Er analysiert Daten, führt Recherchen durch und spricht mit Benutzern im Rahmen von Interviews oder Umfragen.
Wenn die Aufgabe beispielsweise darin besteht, Filter für einen Online-Shop zu entwerfen, gibt es möglicherweise Dutzende von Kategorien, aber nur wenige sollten im Vordergrund erscheinen. Ein UX-Designer würde konkurrierende Produkte überprüfen, Nutzer-Feedback sammeln und eine Struktur vorschlagen, die Klarheit und Flexibilität in Einklang bringt.
UX-Designer analysieren auch Wettbewerber. Sie untersuchen bestehende Lösungen auf dem Markt und identifizieren Muster oder Funktionen, die angepasst werden könnten. Das kann bedeuten, dass sie eine nützliche Funktion auf einer anderen Website entdecken und überlegen, wie diese in einem anderen Kontext funktionieren könnte.
Eine weitere wichtige Aufgabe ist die Erstellung der Website-Architektur. UX-Designer erfassen die Bedürfnisse und Probleme der Nutzer und übersetzen diese in Jobs To Be Done JTBD). Auf dieser Grundlage legen sie fest, welche Seiten erstellt werden sollen und wie die Nutzer zwischen diesen Seiten navigieren können.
Bei Produkten mit persönlichem Konto oder erweiterten Funktionen umfasst dies häufig:
- Entwerfen von Onboarding-Abläufen
- Einstellungen und Präferenzen festlegen
- Strukturierung von Profilabschnitten
- Planung der Navigation zwischen verschiedenen Bereichen
Ein häufig verwendeter Rahmen ist hier Jobs To Be Done JTBD). Er konzentriert sich darauf, was Nutzer erreichen möchten, und wird in der Regel wie folgt formuliert: „Wenn …, möchte ich …, damit …“. Beispiel: „Wenn ich an der Kasse bezahlen möchte, möchte ich schnell meinen Kontostand sehen, damit ich weiß, dass ich den Kauf abschließen kann.“
JTBD-Beispiel für eine Online-Kurs-Oberfläche mit spezifischen Analyseanforderungen.
Schließlich erstellt der UX-Designer Design-Prototypen. Dabei handelt es sich in der Regel um Graustufen-Wireframes, die das Layout und die wichtigsten Elemente definieren. In dieser Phase geht es darum, die Struktur und Logik zu validieren und sicherzustellen, dass die Benutzeroberfläche den Bedürfnissen der Nutzer entspricht und nichts Wichtiges fehlt.
Beispiel für einen Prototyp einer Online-Kurs-Oberfläche auf Basis von JTBD.
Wie sich ein UX-Designer von einem UX-Forscher unterscheidet
In kleineren Teams übernehmen UX-Designer oft selbst die Recherche: Sie befragen Nutzer, führen Umfragen durch und testen Hypothesen. Ein UX-Forscher hingegen konzentriert sich ausschließlich auf die Recherche und entwirft keine Prototypen oder definiert die Struktur und Logik der Benutzeroberfläche. Diese Verantwortung liegt beim UX-Designer. Grob gesagt beginnt die Arbeit eines UX-Designers dort, wo die Kommunikation mit den Nutzern endet (sofern es sich um getrennte Rollen im Unternehmen handelt).
In kleineren Teams übernehmen UX-Designer oft selbst die Recherche: Sie befragen Nutzer, führen Umfragen durch und testen Hypothesen. Ein UX-Forscher hingegen konzentriert sich ausschließlich auf die Recherche und entwirft keine Prototypen oder definiert die Struktur und Logik der Benutzeroberfläche. Diese Verantwortung liegt beim UX-Designer. Grob gesagt beginnt die Arbeit eines UX-Designers dort, wo die Kommunikation mit den Nutzern endet (sofern es sich um getrennte Rollen im Unternehmen handelt).
Ein UX-Designer ist dafür verantwortlich, wichtige Fragen zu beantworten: Ist die Benutzeroberfläche einfach zu bedienen? Wie schnell können Benutzer ihre Hauptaufgaben erledigen? Wie viele Schritte sind erforderlich, um das gewünschte Ergebnis zu erzielen? Löst die Benutzeroberfläche tatsächlich das ursprüngliche Problem des Benutzers?
Was macht ein UI-Designer?
Konzentrieren Sie sich auf Ästhetik und visuelle Umsetzung. Ihre Arbeit beginnt nach der Genehmigung des Prototyps, wenn es darum geht, die Struktur in eine ausgefeilte Benutzeroberfläche zu verwandeln. UI-Designer verfolgen Designtrends, verstehen die visuelle Sprache der Marke und erstellen innerhalb dieser Grenzen konsistente, ansprechende Grafiken.
Arbeiten Sie mit Referenzen. Entdecken Sie Plattformen wie Behance, Dribbble und Pinterest, um Farbpaletten, Abstände, Typografie, Layouts und den allgemeinen visuellen Stil zu studieren.
Referenzbeispiele für die Entwicklung eines Designkonzepts.
Entwickeln Sie ein Designkonzept und stimmen Sie es bei Bedarf mit den Beteiligten ab. Bei der Arbeit an einem Produkt mit vielen Bildschirmen wird das Konzept beispielsweise oft zuerst auf einer wichtigen Seite getestet und dann auf die gesamte Benutzeroberfläche übertragen.
Endgültiges Designkonzept für die Benutzeroberfläche des Online-Kurses, basierend auf dem Prototyp.
Entwickeln Sie ein Designsystem ( manchmal auch als UI-Kit bezeichnet). Dazu gehört die Festlegung von Farben, Typografie, Abstandsregeln und wiederverwendbaren Komponenten. Bekannte Beispiele für Designsysteme sind Google Material Design, IBM Carbon Design System und Shopify Polaris.
Ein Designsystem ist eine Sammlung vorgefertigter Komponenten (Farben, Typografie, Abstände, Elemente) und Regeln, die dazu beitragen, die Konsistenz von Benutzeroberflächen zu gewährleisten. Anstatt Elemente von Grund auf neu zu entwerfen, verwenden Designer vorhandene Komponenten wieder und passen nur den Inhalt an. Dies beschleunigt die Arbeit und verbessert die Konsistenz.
UI-Designer können auch technische Aufgaben übernehmen, nicht nur visuelle. Beispielsweise können sie Komponenten für die Entwicklung vorbereiten oder Designelemente entwerfen, die sich an helle und dunkle Designs anpassen. In der Praxis verbindet UI-Design oft visuelle und technische Arbeit.
Ein UI-Designer beantwortet in der Regel Fragen wie: Wie soll das aussehen? Wo soll der visuelle Schwerpunkt liegen? Passt das zu den Farben und der Typografie der Marke? Gibt es zu viele visuelle Stile oder gerade genug?
Eine Karriere im Bereich UX/UI-Design
Ein UX/UI-Designer ist ein Spezialist, der ein Projekt von der Recherche bis zur Übergabe begleiten kann. Er kann Wettbewerber analysieren, Nutzer befragen, Prototypen erstellen und ein visuelles Konzept entwickeln. Diese Rolle ist von Natur aus multidisziplinär: Sie verbindet Schnittstellenlogik mit visuellem Design.
Was ein UX/UI-Designer wissen muss
Heutzutage wird von Designern Vielseitigkeit erwartet. Ein guter UX/UI-Designer kann mit Nutzern kommunizieren, Wireframes erstellen, Konzepte definieren und manchmal sogar 3D-Elemente erstellen. UX und UI sind zunehmend miteinander verbunden: Man kann keine gute Logik entwerfen, ohne den visuellen Stil zu verstehen, und umgekehrt. Um sich von anderen abzuheben, muss ein Designer in der Lage sein, Schnittstellen von Grund auf neu zu erstellen und sie für die Entwicklung vorzubereiten.
Ein UX/UI-Designer versteht:
- Wie Nutzer erwarten, dass Schnittstellen funktionieren
- Was Benutzer erreichen müssen
- Wie man Reibungsverluste reduziert und die Erledigung von Aufgaben beschleunigt
- Welche Best Practices verwenden Wettbewerber?
- Wie man diese Muster sinnvoll anpasst
Wende visuelle Grundlagen an: Abstand, Farbharmonie, Kontrast und Hierarchie. Wichtig ist, dass sie ihre Entscheidungen anhand festgelegter Prinzipien erklären und begründen können, nicht nur anhand von Geschmack oder Vorlieben.
Arbeiten Sie mit Tools wie Figma. Sie erstellen Interface-Layouts, verwenden Komponenten und Auto Layout, arbeiten mit Variablen und erstellen oder wenden Designsysteme an, um Arbeitsabläufe zu beschleunigen und Konsistenz zu gewährleisten.
Die tägliche Arbeit eines UX/UI-Designers variiert je nach Arbeitsplatz. In einer Agentur oder einem Studio wechseln Designer zwischen Projekten, entwickeln Konzepte und passen sich unterschiedlichen Stilen und Systemen an. In größeren Unternehmen gibt es in der Regel eine etablierte Designsprache, die gepflegt und weiterentwickelt werden muss, wobei der Schwerpunkt oft eher auf der UX liegt: Logik, Benutzerfreundlichkeit und langfristige Konsistenz.
Wie man UX/UI-Designer wird
Es gibt keinen einzigen Weg zum UX/UI-Design. Manche Menschen lernen lieber selbstständig, andere profitieren von strukturierten Kursen und wieder andere entwickeln sich innerhalb einer Fachgemeinschaft am schnellsten weiter. Sie können Ihre Reise in das UX/UI-Design auf verschiedene Weise beginnen:
- Selbststudium mithilfe von Online-Materialien und Video-Tutorials. Grundlegende UX-Theorie kann beispielsweise bei der Nielsen Norman Group (NN/g) erlernt werden, einer weithin anerkannten Quelle mit umfangreichen Forschungsergebnissen und Best Practices, auf die Designer in ihrer Arbeit häufig zurückgreifen.
- Ein Online-Kurs, der Schritt für Schritt die Kernkonzepte vermittelt. Bei der Auswahl eines Kurses ist es wichtig, sorgfältig zu recherchieren: Sehen Sie sich die Portfolios der Studierenden an, lesen Sie Feedback, besuchen Sie offene Vorlesungen oder Webinare und beobachten Sie, wie die Dozenten Probleme aus der Praxis erklären.
- Praktika sind eine weitere Möglichkeit, in die Branche einzusteigen, obwohl es ohne Vorerfahrung schwierig sein kann, einen Praktikumsplatz zu finden. Dennoch bieten einige größere Unternehmen und Start-ups gelegentlich Junior- oder Trainee-Stellen für Einsteiger an.
- Formale Ausbildung. Ein Abschluss ist zwar nicht immer erforderlich, kann jedoch Struktur, Mentoring und eine solide Grundlage bieten, insbesondere für diejenigen, die eine traditionelle Lernumgebung bevorzugen.
Ein UX/UI-Designer benötigt Beispiele für abgeschlossene Arbeiten. Dabei muss es sich nicht unbedingt um kommerzielle Projekte handeln – auch Bildungsprojekte oder selbst initiierte Projekte sind durchaus akzeptabel, solange sie als fertige Entwürfe präsentiert werden. Um sich für eine Stelle in einem Studio oder einem Unternehmen zu bewerben, benötigen Sie in der Regel ein Portfolio oder zumindest mehrere gut dokumentierte Fallstudien.
Wenn Sie neu bei No-Code-Lösungen sind, verwenden Sie diesen exklusiven Promo-Code, um einen Monat lang den Tilda Personal Plan anstelle der üblichen 2-wöchigen Testversion zu erhalten.
Siehe Anweisungen für die Aktivierung
Ihr Karriereweg hängt weitgehend davon ab, wo Sie arbeiten möchten. Wenn Sie sich selbstständig machen möchten, können Sie zunächst kleine Projekte für Bekannte oder gemeinnützige Organisationen übernehmen und dafür Referenzen einholen, um dann durch Weiterempfehlungen zu wachsen. Wenn Sie eine Stelle in einem Studio anstreben, sehen Sie sich dessen Portfolio an und finden Sie heraus, welche Fähigkeiten dort am meisten geschätzt werden. Bei internen Stellen kann es hilfreich sein, sich an Designer zu wenden, die bereits in dem Unternehmen arbeiten, und sie nach den Erwartungen und Einstellungskriterien zu fragen.
Wenn Sie gerade erst anfangen, finden Sie hier ein paar praktische Schritte:
- Lesen Sie „The Visual Display of Quantitative Information and Envisioning Information” von Edward Tufte. Diese Bücher stellen die Grundprinzipien der visuellen Klarheit, Hierarchie und Datenpräsentation vor, die für das Interface-Design nach wie vor von großer Bedeutung sind.
- Entdecken Sie überzeugende Projekte auf Plattformen wie Behance und Pinterest. Versuchen Sie, Benutzeroberflächen in Figma nachzubilden, um Layoutlogik, Abstände und Interaktionsmuster besser zu verstehen.
- Folgen Sie Designschulen und -studios in den sozialen Medien. Viele bieten offene Vorlesungen, Live-Streams und praktische Webinare an, die kostenlos und für Anfänger geeignet sind.
- Treten Sie der Design-Community bei. Finden Sie Designer, deren Arbeit Sie bewundern, und fragen Sie sie, wie sie gelernt haben und auf welche Fähigkeiten sie heute besonders Wert legen. Nicht jeder wird Ihnen antworten, aber tiefgründige Gespräche können unglaublich wertvoll sein.
- Nehmen Sie an kostenlosen Einführungsstunden zum Thema Design teil. Viele Schulen und Plattformen bieten Kurse für Anfänger an, die Ihnen dabei helfen, herauszufinden, ob UX/UI-Design das Richtige für Sie ist.
Gehalt eines UX/UI-Designers
Das Gehalt eines UX/UI-Designers hängt von mehreren Faktoren ab: Standort, Art des Unternehmens, Beschäftigungsform und Erfahrungsniveau. Im Allgemeinen verdienen interne Designer in etablierten Unternehmen tendenziell mehr als Designer in kleinen Studios, während Junior-Designer deutlich weniger verdienen als Senior- oder Lead-Designer.
Es gibt mehrere Studien und Berichte, die einen Überblick über die Gehälter von UX/UI-Designern geben:
- indeed (US): Das durchschnittliche Gehalt eines UX/UI-Designers in den Vereinigten Staaten liegt bei etwa 110.000 US-Dollar pro Jahr, wobei die Spanne in der Regel zwischen 70.000 und 170.000 US-Dollar liegt.
- Glassdoor (Deutschland): Das durchschnittliche Gehalt eines UX/UI-Designers in Deutschland liegt bei etwa 50.000 bis 55.000 Euro pro Jahr, wobei die Spanne in der Regel zwischen 42.000 und 70.000 Euro liegt und leitende Positionen in größeren Unternehmen ein höheres Gehalt erzielen.
- Coursera (globaler Überblick): Das durchschnittliche Gehalt eines UX-Designers liegt bei etwa 109.000 US-Dollar, das eines UI-Designers bei etwa 114.000 US-Dollar. Einstiegspositionen beginnen in der Regel im Bereich von 70.000 bis 80.000 US-Dollar, während leitende und spezialisierte Positionen ein Jahresgehalt von über 140.000 US-Dollar erzielen können.
Die Gehälter variieren stark je nach Region, Erfahrungsniveau, Art des Unternehmens und der Art und Weise, wie Designer ihre Fähigkeiten positionieren und präsentieren. Diese Zahlen sollten eher als Richtwerte denn als feste Erwartungen betrachtet werden.
Wenn Ihnen der Artikel gefallen hat, teilen Sie ihn mit Ihren Freunden. Vielen Dank dafür!
Lesen Sie auch:
Kostenloses Kursbuch über das Entwerfen, Einrichten und Betreiben von
Landing Pages mit hoher Konversionsrate
Landing Pages mit hoher Konversionsrate
Kostenloser praktischer Leitfaden für Webanimation mit Beispielen und Techniken,
und Tipps zu ihrer Verwendung
