Conversion & UX (CRO)

UX Design

Ganzheitliche Nutzererlebnisse für digitale Produkte

Der Begriff User Experience Design geht auf Don Norman zurück, der ihn 1993 bei Apple prägte. Seitdem hat sich die Disziplin von einer Randerscheinung zu einem zentralen Erfolgsfaktor für digitale Produkte entwickelt. Heute umfasst UX Design alle Berührungspunkte, die Nutzerinnen und Nutzer mit Websites, Apps, Software und digitalen Services haben.

Dieser Beitrag ist praxisnah aus der Perspektive einer digitalen Agentur geschrieben, die seit den 2010er-Jahren UX-Projekte im DACH-Raum umsetzt. Sie erfahren, was UX Design konkret bedeutet, warum es für den Erfolg Ihrer digitalen Produkte unverzichtbar ist und wie typische UX-Prozesse in der Praxis ablaufen.

Was ist UX Design? Definition und Abgrenzung

User Experience Design ist ein ganzheitlicher Gestaltungsprozess für digitale Produkte, der weit über visuelle Ästhetik hinausgeht. Es berücksichtigt die gesamte Wahrnehmung, Emotionen und das Verhalten von Nutzenden während ihrer Interaktion mit einem Produkt. Das Ziel besteht darin, Erlebnisse zu schaffen, die effizient, wertvoll und angenehm sind.

Konkrete Beispiele für UX-Anwendungsfelder:

Produkttyp	UX-Fokus
Online-Banking-Portal	Sicherheitsgefühl, schnelle Transaktionen, klare Kontostände
E-Commerce-Shop	Produktfindung, Vertrauen, reibungsloser Checkout
B2B-Webapplikation	Effizienz, geringe Einarbeitungszeit, Fehlerreduktion
Interne Mitarbeiter-Software	Produktivität, intuitive Bedienung, weniger Schulungsaufwand

Während Digital Experience (DX) und Customer Experience den gesamten Kundenlebenszyklus über alle Kanäle betrachten, konzentriert sich User Experience Design spezifisch auf die Nutzungserfahrung digitaler Touchpoints. UX umfasst dabei Strategie, Research, Informationsarchitektur, Interaktionsdesign und Evaluation – nicht nur das visuelle Erscheinungsbild.

Warum UX Design unverzichtbar ist

Schlechte UX kostet Unternehmen täglich Umsatz und Reputation. Ein konkretes Beispiel: Ein deutscher Online-Shop führte 2024 einen komplexen Checkout mit sechs Schritten, obligatorischer Registrierung und unklaren Versandkosten. Das Ergebnis waren Abbruchraten von über 70 % – ein Problem, das branchenweit zu beobachten ist.

Die Vorteile guter UX lassen sich klar beziffern:

Höhere Conversion Rate: Intuitive Prozesse führen mehr Besuchende zum Abschluss
Geringere Absprungraten: Zufriedene Nutzer bleiben länger auf der Website
Bessere Markenwahrnehmung: Positive Nutzungserlebnisse stärken die Kundenbindung
Weniger Schulungsaufwand: Benutzerfreundliche Software reduziert Einarbeitungszeiten um 20–50 %

Die Erwartungen der Nutzenden sind 2024/2025 höher denn je: schnelle Ladezeiten unter drei Sekunden, Mobile-First-Optimierung, klare Navigation und Barrierefreiheit nach WCAG 2.1 sind keine Extras mehr, sondern Grundvoraussetzungen.

Amazon und Booking.com zeigen seit über einem Jahrzehnt, wie konsequente UX-Optimierung wirtschaftlichen Erfolg treibt. Beide Unternehmen testen kontinuierlich Varianten ihrer Oberflächen und verbessern so systematisch ihre KPIs.

UX vs. UI: Unterschiede und Zusammenspiel

Die Begriffe UX und UI werden häufig verwechselt, beschreiben aber unterschiedliche Ebenen der Produktgestaltung.

User Experience umfasst das gesamte Nutzungserlebnis von der ersten Google-Suche über die Landingpage bis zur Bestellbestätigung. Es geht um Fragen wie: Findet der Anwender schnell, was er sucht? Versteht er die nächsten Schritte? Fühlt er sich sicher bei der Zahlung?

User Interface Design konzentriert sich auf die visuelle und interaktive Oberfläche: Farben, Typografie, Abstände, Buttons, Icons und Micro-Interactions. UI Designer gestalten, wie digitale Elemente aussehen und sich anfühlen.

Ein praktisches Beispiel verdeutlicht das Zusammenspiel:

UX-Entscheidung	UI-Umsetzung
Nutzer soll in drei Schritten zum Kauf kommen	Fortschrittsanzeige mit drei Stufen visuell gestalten
Wichtigste Information zuerst zeigen	Visuelle Hierarchie durch Größe und Kontrast
Fehler vermeiden durch klare Hinweise	Rote Markierungen, verständliche Fehlertexte

In erfolgreichen Projekten werden UX und UI immer gemeinsam gedacht. Interdisziplinäre Teams aus UX, UI, Entwicklung und Produktmanagement arbeiten von Beginn an zusammen, um ein konsistentes Ergebnis zu erreichen.

Der UX-Design-Prozess: Von Verstehen bis Testen

Der UX-Prozess folgt einem bewährten 4-Phasen-Modell, das sich an Human-Centred-Design-Prinzipien nach ISO 9241-210 orientiert:

Dieser Prozess ist iterativ und lässt sich in agile Entwicklungszyklen integrieren – beispielsweise in zweiwöchige Scrum-Sprints. Die folgenden Abschnitte vertiefen jede Phase mit konkreten Methoden und Praxisbeispielen.

Phase 1: Verstehen – Nutzer und Kontext analysieren

Diese Phase bildet das Fundament für alle folgenden Designentscheidungen und findet typischerweise in den ersten ein bis zwei Monaten eines Projekts statt. Ohne fundiertes Verständnis der Zielgruppe entstehen Produkte, die am Bedarf vorbeigehen.

Typische Methoden in dieser Phase:

Stakeholder-Interviews zur Klärung von Geschäftszielen
User Research durch Gespräche mit echten Nutzenden
Kontextanalysen im tatsächlichen Nutzungskontext
Web-Analytics-Auswertung (Google Analytics, Matomo)
Analyse bestehender Support-Tickets und Beschwerden

Konkretes Beispiel: Für die Neugestaltung einer Versicherungs-Webseite wurden 10–15 Kundeninterviews geführt, um Bedürfnisse bei Schadenmeldungen zu verstehen. Dabei zeigte sich, dass Nutzer vor allem Unsicherheit über den Bearbeitungsstatus empfanden – ein Schmerzpunkt, der im bisherigen Design nicht adressiert wurde.

Die Ergebnisse dieser Phase werden in Personas, Customer/Service Blueprints und ersten Hypothesen zu Pain Points dokumentiert.

Phase 2: Explorieren – Ideen und Lösungsräume öffnen

Auf Basis der Research-Ergebnisse werden in wenigen Wochen erste Lösungsansätze entwickelt. In dieser Phase geht es darum, Möglichkeitsräume zu öffnen, bevor man sich auf eine Richtung festlegt.

Bewährte Methoden:

Praxis-Szenario: Ein Workshop mit Produktteam, Vertrieb und Support skizziert den idealen Self-Service-Prozess für ein Kundenportal. Innerhalb eines Tages entstehen erste Ideen, wie Kundinnen und Kunden eigenständig Verträge anpassen, Rechnungen einsehen und Supportanfragen stellen können.

Die Ergebnisse bleiben bewusst grob: Scribbles, Whiteboard-Fotos und Papierprototypen erlauben schnelle Iteration ohne hohen Aufwand.

Phase 3: Entwerfen – Informationsarchitektur, Flows, Prototypen

Nun werden aus Ideen konkrete Strukturen und Abläufe. Die Informationsarchitektur definiert, wie Inhalte organisiert und Navigation aufgebaut werden.

Methoden und Werkzeuge:

Methode	Zweck
Card Sorting (offen/geschlossen)	Navigationsstruktur mit Nutzern validieren
Tree Testing	Auffindbarkeit von Inhalten prüfen
Wireframes (Low-/Mid-Fidelity)	Struktur und Abläufe visualisieren
User Flows	Interaktionspfade dokumentieren

Konkretes Beispiel: Bei der Neustrukturierung eines B2B-Portals 2025 wurde über Card Sorting mit echten Kundinnen und Kunden die Navigationsstruktur validiert. Das Ergebnis zeigte, dass die bisherige Kategorisierung nicht den mentalen Modellen der Zielgruppe entsprach.

In dieser Phase entstehen auch erste UI-Guidelines und Design-System-Bausteine: Buttons, Formulare, Typografie-Stile und Farbdefinitionen, die Konsistenz über alle Screens sicherstellen.

Phase 4: Testen – UX Testing und kontinuierliche Optimierung

Prototypen werden mit echten Nutzenden getestet, bevor Entwicklungskosten entstehen. Usability Tests sind dabei das zentrale Instrument, um Annahmen zu validieren und Probleme frühzeitig zu identifizieren.

Methoden im Überblick:

Praxisbeispiel: Im Sommer 2024 wurden 8–10 Nutzertests zu einem neuen mobilen Checkout-Flow durchgeführt. Die Tests identifizierten drei kritische Abbruchgründe: unklare Versandkosten, fehlende Zahlungsoptionen und ein zu langer Adressformular-Bereich.

UX-Optimierung endet nicht mit dem Live-Gang. Kennzahlen wie Task-Erfolgsrate, Time-on-Task, NPS und SUS werden regelmäßig überprüft, um kontinuierliche Verbesserungen zu steuern.

Methoden im UX Design: Von User Research bis Prototyping

Nicht jedes Projekt benötigt alle Methoden. Eine klare Auswahl je nach Budget, Zeitplan und Risikopotenzial ist entscheidend. Dabei sollten qualitative und quantitative Methoden kombiniert werden – der sogenannte Mixed-Methods-Ansatz liefert die robustesten Erkenntnisse.

Projekttyp	Empfohlene Methoden
Komplexe B2B-Prozesse	Tiefeninterviews, Contextual Inquiry
Große Nutzerbasis	Online-Umfragen, Analytics-Analyse
Neue Produktidee	Design Sprint, Rapid Prototyping
Bestehende App optimieren	A/B-Tests, Usability-Tests

User Research: Nutzer:innen verstehen

User Research bildet die empirische Grundlage für alle Designentscheidungen. Ohne Verständnis des Nutzungskontexts entstehen Lösungen, die am Bedarf vorbeigehen.

Qualitative Methoden:

Quantitative Methoden:

Beispiel aus der Praxis: Im März 2024 wurden für eine Bildungsplattform 20 Online-Umfragen und 8 Tiefeninterviews durchgeführt, um Drop-outs im Onboarding zu verstehen. Die Kombination zeigte: Die Umfragen identifizierten das Problem quantitativ, die Interviews lieferten das Warum.

Die Ergebnisse werden in Personas, Empathy Maps und Journey Maps übersetzt – Artefakte, die das gesamte Team nutzen kann.

Personas, User Journeys und Szenarien

Personas sind repräsentative, datenbasierte Nutzermodelle, die Research-Erkenntnisse verdichten. Sie helfen Teams, bei Designentscheidungen die Perspektive der Zielgruppe einzunehmen.

User Journey Maps visualisieren alle Touchpoints einer typischen Nutzerreise – von der ersten Wahrnehmung über Vergleich, Kauf, Nutzung bis zum Support. Für jeden Schritt werden Emotionen, Pain Points und Chancen dokumentiert.

Szenarien und Use Cases übersetzen abstrakte Personas in konkrete Geschichten:

Max, 34, bestellt 2025 eine Reise per Smartphone während der Mittagspause. Er hat nur 10 Minuten, kennt sein Ziel bereits und will schnell buchen – ohne lange Formulare.

Diese Artefakte werden in Workshops eingesetzt und helfen bei der Priorisierung von Features im Backlog.

Prototyping und Wireframing

Prototypen machen Ideen greifbar und testbar, bevor Code geschrieben wird.

Typ	Beschreibung	Einsatz
Low-Fidelity	Skizzen, einfache Wireframes	Frühe Konzeptvalidierung
Mid-Fidelity	Strukturierte Wireframes mit Interaktion	Flow-Tests, Stakeholder-Reviews
High-Fidelity	Nahe am finalen UI, pixelgenau	Usability-Tests, Entwickler-Handoff

Typische Tools (Stand 2024):

Praxisbeispiel: In einem E-Commerce-Projekt 2023 wurden innerhalb von zwei Wochen klickbare Figma-Prototypen für den gesamten Checkout erstellt – und mit 12 Nutzenden getestet, bevor eine Zeile Code geschrieben wurde.

UX Design in unterschiedlichen Einsatzszenarien

UX Design ist nicht auf klassische Websites beschränkt. Jeder digitale Touchpoint profitiert von durchdachter Gestaltung – wobei sich Zielgruppen, Erfolgskennzahlen und UX-Schwerpunkte je nach Szenario unterscheiden.

UX im E-Commerce: Von Produktlisting bis Checkout

E-Commerce stellt besondere Anforderungen: riesige Sortimente, preissensible Kundinnen und Kunden, überwiegend mobile Nutzung und hohe Vertrauensanforderungen bei Zahlung und Datenschutz.

Kritische Optimierungspunkte:

Filter- und Suchfunktion: Fehlende oder unlogische Filter treiben Nutzer zur Konkurrenz
Produktdetailseiten: Ausreichend Bilder, klare Preise, Verfügbarkeit, Bewertungen
Warenkorb: Übersichtlich, editierbar, keine versteckten Kosten
Checkout: Gastbestellung ermöglichen, Versandkosten früh zeigen, Trust-Elemente platzieren

Beispiel: Die Einführung eines progressiven Checkouts bei einem deutschen Händler 2022 – bei dem nur die aktuell relevanten Felder angezeigt werden – steigerte die Conversion Rate um 18 %.

UX im Software- und B2B-Bereich

Komplexe Fachsoftware wie ERP-, CRM- oder Laborsysteme profitiert besonders von guter UX. Hier geht es nicht um emotionale Erlebnis, sondern um Effizienz, Fehlerreduktion und kurze Einarbeitungszeiten.

Typische UX-Probleme in B2B-Software:

Konkreter Fall: Die Neugestaltung einer Reporting-Oberfläche 2023 fokussierte auf übersichtliche Dashboards, flexible Filter und intuitive Export-Funktionen. Nach dem Relaunch sanken die Support-Anfragen zur Berichterstellung um 40 %.

Im B2B-Umfeld ist UX direkt messbar: schnellere Einarbeitung reduziert Schulungskosten, weniger Fehler spart Zeit, effizientere Prozesse steigern die Produktivität.

Mobile UX und Apps

Seit 2020 übersteigt die mobile Nutzung in vielen Branchen den Desktop-Anteil. Mobile UX unterscheidet sich fundamental von Desktop-Erfahrungen.

Besonderheiten mobiler UX:

Kleinere Displays erfordern klare Priorisierung
Touch-Gesten statt Mausinteraktion
Nutzung „on the go” mit Ablenkungen
Offline-Fähigkeit und Datensparsamkeit
Push-Notifications als Engagement-Kanal

Praxisbeispiel: Die UX-Optimierung einer Banking-App 2024 konzentrierte sich auf vereinfachte Überweisungsflows (von 7 auf 4 Schritte) und biometrische Logins. Die Task Completion Time sank um 35 %.

Für App-Entwicklung sind Plattform-Guidelines essenziell: Apple Human Interface Guidelines und Google Material Design definieren Erwartungen, die Nutzer von anderen Apps mitbringen.

UX-Prinzipien und Best Practices

Bestimmte Gestaltungsprinzipien gelten für nahezu jedes UX-Projekt. Sie basieren auf Erkenntnissen aus Verhaltenspsychologie, Kognitionswissenschaft und jahrzehntelanger Praxisforschung – unter anderem auf den 10 Usability-Heuristiken von Jakob Nielsen.

Nutzerzentrierung und Einfachheit

Steve Krugs Prinzip „Don’t make me think” fasst zusammen, worum es geht: Nutzende sollten intuitiv verstehen, wie sie ihr Ziel erreichen, ohne nachdenken zu müssen.

Praktische Umsetzung:

Beispiel: Die Reduktion eines Registrierungsformulars von 12 auf 5 Pflichtfelder führte 2021 zu 28 % höheren Anmeldungen – bei gleichbleibender Datenqualität.

Einfachheit bedeutet nicht Funktionsarmut. Es geht um gut gestaltete, geführte Prozesse, die Komplexität verbergen, ohne Funktionen zu opfern.

Konsistenz, Feedback und Fehlertoleranz

Konsistenz schafft Vertrautheit und reduziert kognitive Belastung. Nutzer verbringen die meiste Zeit auf anderen Seiten – sie erwarten ähnliche Patterns.

Feedback bestätigt Aktionen und zeigt Systemstatus:

Beispiel: Verbesserte Fehlermeldungen im Checkout (klare rote Markierung, erklärende Texte wie „Die PLZ muss 5 Ziffern haben”) verringerten Abbrüche um 12 %.

Fehlertoleranz gibt Nutzenden Sicherheit:

Barrierefreiheit und Inklusion

Accessibility nach WCAG 2.1/2.2 ist in der EU für öffentliche Stellen verpflichtend (EN 301 549) – und wird zunehmend auch für privatwirtschaftliche Angebote erwartet.

Konkrete Maßnahmen:

Ausreichende Farbkontraste (mindestens 4.5:1 für Text)
Vollständige Tastaturbedienbarkeit
Screenreader-kompatible Struktur (semantisches HTML)
Alternativtexte für alle informativen Bilder
Untertitel für Videos

Beispiel: Die Überarbeitung eines städtischen Online-Services 2022 machte Formulare, Bescheide und Terminbuchung barrierefrei zugänglich. Die Nutzung durch Menschen mit Behinderungen stieg messbar – und auch ältere Nutzende profitierten.

Inklusive UX erweitert Zielgruppen: 15 % der Weltbevölkerung leben mit einer Behinderung. Barrierefreie Gestaltung verbessert zudem die allgemeine Usability für alle.

Messbarkeit von UX: Kennzahlen und Erfolgskontrolle

UX lässt sich messen – und sollte es auch, um Budgets und Maßnahmen zu rechtfertigen. Die Unterscheidung zwischen Verhaltensdaten (Was tun Nutzer?) und Einstellungsdaten (Wie bewerten sie das Erlebnis?) ist dabei zentral.

Wichtige UX-Kennzahlen (KPIs)

Kennzahl	Was sie misst	Typischer Einsatz
Task Success Rate	Anteil erfolgreich abgeschlossener Aufgaben	Self-Service-Prozesse, Onboarding
Time on Task	Dauer bis zur Aufgabenerfüllung	Effizienzoptimierung
System Usability Scale (SUS)	Subjektive Usability-Bewertung (0–100)	Vorher-Nachher-Vergleiche
Net Promoter Score (NPS)	Weiterempfehlungsbereitschaft	Kundenzufriedenheit
Error Rate	Häufigkeit von Nutzerfehlern	Fehlertoleranz-Analyse

Beispiel: Nach einem Relaunch stieg der SUS-Score einer Kundenportal-Oberfläche 2023 von 62 auf 80 Punkte – ein Sprung von „marginal akzeptabel” zu „gut”.

KPIs sollten pro Projekt individuell definiert werden: Eine E-Commerce-Seite misst Conversion Rate und Warenkorbwert, eine Support-App Antragsquoten und Support-Anrufe.

UX-Testing im laufenden Betrieb

Nach dem Launch beginnt kontinuierliche Optimierung. Mehrere Methoden liefern Insights für die Weiterentwicklung.

A/B-Tests und multivariate Tests:

Beobachtungstools:

Integration in Roadmaps:

Beispiel: Ein SaaS-Unternehmen führt seit 2022 monatliche UX-Reviews durch, bei denen Support-Tickets und Nutzungsdaten ausgewertet werden. Die identifizierten Probleme fließen direkt in den nächsten Sprint.

Tools und Technologien im UX Design

Der heutige Tool-Stack in UX-Teams umfasst Werkzeuge für Research, Prototyping, Testing und Kollaboration. Seit der Pandemie 2020 ist Remote-UX-Arbeit zur Norm geworden – unterstützt durch cloud-basierte Tools.

Prototyping- und Design-Tools

Figma hat sich als führendes kollaboratives Design-Tool etabliert (Stand 2024). Kernfeatures:

Browser-basiert, keine Installation nötig
Echtzeit-Zusammenarbeit im Team
Wiederverwendbare Komponenten und Bibliotheken
FigJam für Workshops und Brainstormings
Developer-Handoff über Inspect-Funktion

Alternativen:

Design-System-Features ermöglichen gemeinsame Komponentenbibliotheken, Design Tokens und Dokumentation innerhalb des Tools. Entwicklerinnen und Entwickler erhalten über Inspect-Funktionen Maße, Farben und Export-Assets.

Research- und Testing-Tools

Remote-Usability-Tests:

Survey-Tools:

Analytics und Verhaltensanalyse:

Bei der Toolauswahl für Projekte in Deutschland und Europa ist Datenschutz (DSGVO) und Consent-Management unbedingt zu berücksichtigen. Europäische Alternativen und Self-Hosted-Lösungen gewinnen an Bedeutung.

Karriere im UX Design: Rollen, Skills, Einstieg

UX-Teams bestehen aus verschiedenen spezialisierten Rollen:

Rolle	Schwerpunkt
UX Designer:in	Ganzheitlicher Prozess, Konzeption, Prototyping
UX Researcher	Nutzerforschung, Interviews, Testdurchführung
UI Designer:in	Visuelle Gestaltung, Design-Systeme
Service Designer:in	Gesamthafte Service-Erlebnisse über alle Kanäle
UX Writer	Microcopy, Fehlermeldungen, Nutzerführung durch Text

Wichtige Fähigkeiten:

Typische Ausbildungswege umfassen Studiengänge in HCI, Interface Design oder Medieninformatik, aber auch Bootcamps und berufsbegleitende Weiterbildungen seit etwa 2015. Ein Bachelor Abschluss ist hilfreich, aber nicht zwingend erforderlich.

Wie wird man UX Designer:in?

Der Einstieg in den Beruf folgt meist diesem Pfad:

Grundlagen erlernen: Online-Kurse, Bücher, Tutorials
Eigene Projekte umsetzen: Reale Probleme lösen, dokumentieren
Praktika oder Freelance-Jobs: Praxiserfahrung sammeln
Portfolio aufbauen: Case Studies mit Problem – Vorgehen – Lösung – Ergebnis

Praktischer Tipp: Lösen Sie reale Probleme in Ihrem Umfeld – die Vereinswebsite, eine lokale Initiative, eine kleine App-Idee. Dokumentieren Sie den Prozess und die Ergebnisse als Case Study.

Interdisziplinäre Erfahrung aus Marketing, Entwicklung oder Psychologie wird von Arbeitgebern geschätzt. UX verbindet viele Disziplinen – Quereinsteiger mit relevanter Vorerfahrung sind keine Seltenheit.

Ausblick: Zukunft des UX Designs

Die UX-Landschaft entwickelt sich kontinuierlich weiter. Aktuelle Trends zeigen die Richtung:

KI-gestützte Interfaces:

Neue Interaktionsformen:

Herausforderungen:

KI unterstützt ab 2023/2024 wiederkehrende Aufgaben im UX-Prozess – von Content-Personalisierung bis zur Generierung von Designvarianten. Die menschliche Empathie, das Verstehen von Nutzungskontext und ethische Abwägungen bleiben jedoch unverzichtbar.

Fazit: Unternehmen, die UX strategisch verankern, sind 2025 und darüber hinaus deutlich wettbewerbsfähiger. Die Investition in gute Nutzererlebnisse zahlt sich durch höhere Zufriedenheit, bessere Conversion Rates und stärkere Kundenbindung aus.

Der erste Schritt zu besserer UX beginnt mit dem Verstehen Ihrer Nutzerinnen und Nutzer. Ob Sie bestehende digitale Produkte optimieren oder neue entwickeln – die Methoden und Prinzipien aus diesem Artikel bieten einen praktischen Rahmen für Ihre Projekte.