User Experience (UX)

Einführung und Definition

User Experience (UX), zu Deutsch Nutzererfahrung, beschreibt die Gesamtheit der Erfahrungen, die Menschen bei der Interaktion mit einem Produkt, einer Website, einer App oder einer Dienstleistung machen. Ziel des UX Design ist es, die Bedürfnisse der Nutzer:innen zu erfüllen und eine positive, intuitive und zufriedenstellende Interaktion zu gewährleisten.

Zwei Definitionen haben sich als kanonisch durchgesetzt:

• Don Norman (1993): „User Experience umfasst alle Aspekte der Interaktion einer Person mit einem Unternehmen, seinen Dienstleistungen und Produkten.“ Norman prägte den Begriff als Berufsbezeichnung („User Experience Architect“) bei Apple, um auszudrücken, dass UX mehr ist als Interface und Usability. Es geht um die gesamte Erfahrung, inklusive Verpackung, Dokumentation, Service und Support.
• DIN EN ISO 9241-210: „Die Wahrnehmungen und Reaktionen einer Person, die aus der tatsächlichen und/oder erwarteten Nutzung eines Produktes, Systems oder Services resultieren.“ Dieser internationale Standard verankert UX als menschzentrierten Gestaltungsansatz.

Eine gute User Experience umfasst Faktoren wie Benutzerfreundlichkeit, Ästhetik, Effizienz, Zugänglichkeit und emotionale Wirkung. UX ist ein zentraler Bestandteil von Webdesign Frankfurt.

Geschichte der User Experience

Der Begriff „User Experience“ ist jünger als die Disziplinen, die ihn speisen. Die wichtigsten Meilensteine:

• 1955, Henry Dreyfuss: Mit „Designing for People“ legt Dreyfuss den Grundstein für nutzerzentriertes Industrial Design.
• 1980er, Human-Computer Interaction (HCI): HCI etabliert sich als akademische Disziplin und verbindet Informatik mit Psychologie und Ergonomie.
• 1986, Brenda Laurel: Verwendet den Ausdruck „user experience“ erstmals in einem Fachtext zu „User Centered System Design“.
• 1993, Don Norman bei Apple: Norman wird als „User Experience Architect“ eingestellt und prägt den Begriff als Berufsbezeichnung. Sein Ziel: die Gesamterfahrung mit einem Produkt in den Mittelpunkt stellen.
• 2002, Jesse James Garrett: Veröffentlicht „The Elements of User Experience“ und liefert mit seinem 5-Ebenen-Modell eine der wichtigsten strukturgebenden UX-Theorien.
• 2004, Peter Morville: Stellt das UX-Honeycomb-Modell vor und definiert die sieben Qualitätsfacetten guter User Experience.
• 2010, DIN EN ISO 9241-210: Überführt menschzentrierte Gestaltung in einen internationalen Standard, der UX formal definiert.

Bedeutung der Nutzererfahrung

User Experience ist entscheidend für den Erfolg eines digitalen Produkts oder einer Website, da:

• Nutzerzufriedenheit: Eine positive UX erhöht die Zufriedenheit der Nutzer:innen.
• Kundenbindung: Nutzer:innen, die eine gute Erfahrung machen, kehren eher zurück.
• Konversionsraten: Eine intuitive UX führt zu höheren Konversionsraten.
• Wettbewerbsvorteil: Unternehmen mit hervorragender UX heben sich von der Konkurrenz ab.

Die 7 Facetten der User Experience: Das Honeycomb-Modell

Peter Morville veröffentlichte 2004 das UX-Honeycomb-Modell, das bis heute als Standard-Framework für die Bewertung von UX-Qualität gilt. Es beschreibt sieben Facetten, die gemeinsam eine gute Nutzererfahrung ausmachen:

• Useful (nützlich): Das Produkt muss ein echtes Bedürfnis oder Problem der Nutzer:innen adressieren.
• Usable (bedienbar): Aufgaben lassen sich effizient und fehlerarm bewältigen, Usability im klassischen Sinne.
• Desirable (begehrenswert): Emotionale Qualität, Ästhetik und Markenidentität wecken positive Gefühle.
• Findable (auffindbar): Inhalte und Funktionen sind leicht lokalisierbar, das Feld der Informationsarchitektur und Navigation.
• Accessible (zugänglich): Auch Menschen mit Einschränkungen können das Produkt nutzen, orientiert an WCAG und BFSG.
• Credible (glaubwürdig): Nutzer:innen vertrauen Inhalt, Marke und Transaktion.
• Valuable (wertvoll): Das Produkt liefert Nutzen für Nutzer:innen UND Anbieter. Diese Facette bildet das Zentrum der Wabe und verbindet UX mit Geschäftszielen.

Die 5 Ebenen des UX Design nach Jesse James Garrett

Jesse James Garretts Modell der „Elements of User Experience“ (2002) strukturiert UX-Arbeit in fünf aufeinander aufbauenden Ebenen, vom Abstrakten zum Konkreten:

1. Strategy (Strategie): Was wollen die Nutzer:innen, was will das Unternehmen? Nutzerbedürfnisse treffen auf Produktziele.
2. Scope (Umfang): Welche funktionalen Anforderungen und Inhalte ergeben sich aus der Strategie?
3. Structure (Struktur): Interaktionsdesign und Informationsarchitektur, also wie Inhalte und Funktionen organisiert sind.
4. Skeleton (Gerüst): Informations-, Interface- und Navigationsdesign, die klassische Wireframe-Ebene.
5. Surface (Oberfläche): Das visuelle Design, das, was Nutzer:innen schließlich sehen und berühren.

Jede Ebene baut auf der darunterliegenden auf. Entscheidungen auf strategischer Ebene wirken sich bis hinauf zur Oberfläche aus, und Veränderungen an der Oberfläche sollten sich aus den darunterliegenden Ebenen begründen lassen.

Bestandteile der Nutzererfahrung

Usability

• Beschreibung: Benutzerfreundlichkeit, die sicherstellt, dass Produkte effizient, effektiv und zufriedenstellend genutzt werden können.
• Beispiele: Einfache Navigation, verständliche Anleitungen.

Zugänglichkeit (Accessibility)

• Beschreibung: Sicherstellung, dass Produkte für alle Nutzer:innen zugänglich sind, einschließlich Personen mit Behinderungen.
• Beispiele: Unterstützung von Screenreadern, kontrastreiche Farben.

Interaktionsdesign

• Beschreibung: Gestaltung der Interaktion zwischen Nutzer:innen und Systemen.
• Beispiele: Animationen, Call-to-Actions, Feedback bei Klicks.

Visuelles Design

• Beschreibung: Ästhetik und visuelle Anordnung von Elementen.
• Beispiele: Farben, Schriftarten, Layouts.

Unterschied zwischen UX und UI

UX und UI (User Interface) werden oft vermischt, bezeichnen aber zwei komplementäre Disziplinen:

Dimension	UX Design	UI Design
Gegenstand	Gesamtes Erlebnis	Visuelle Oberfläche
Leitfrage	Funktioniert es für den Nutzer?	Sieht es richtig aus und bedient es sich gut?
Deliverables	Personas, Journey Maps, Wireframes, Prototypen	Screens, Styleguides, Icons, Interaction States
Wurzeln	HCI, Psychologie, Ergonomie, Informationsarchitektur	Grafikdesign, Typografie, visuelle Kommunikation
Zeithorizont	Gesamte Customer Journey, auch vor und nach der Nutzung	Nutzungsmoment am Bildschirm
Messgrößen	Task Success, Zufriedenheit, Retention	Konsistenz, ästhetische Wirkung, Brand Fit

Kernregel: UI ist eine Teilmenge von UX. Ein schönes UI ohne UX-Fundament ergibt ein hübsches, aber unbrauchbares Produkt. Gutes UX ohne sorgfältiges UI wirkt unfertig und untergräbt Vertrauen (Morvilles Facette „Credible“). Erst beides zusammen ergibt eine vollständige Nutzererfahrung.

UX-Design-Prozess nach ISO 9241-210

Die menschzentrierte Gestaltung nach DIN EN ISO 9241-210 definiert sechs iterative Aktivitätsphasen, die den UX-Design-Prozess strukturieren:

1. Planung der menschzentrierten Gestaltung: Projektziele definieren, Stakeholder einbinden, Ressourcen klären.
2. Nutzungskontext verstehen: Welche Menschen nutzen das Produkt unter welchen Bedingungen für welche Aufgaben? Research-Phase mit Interviews, Beobachtung, Kontextanalyse.
3. Nutzungsanforderungen spezifizieren: Aus den Erkenntnissen werden konkrete funktionale und qualitative Anforderungen abgeleitet.
4. Gestaltungslösungen entwickeln: Konzepte, Wireframes, Prototypen, zunächst Low-Fidelity, später High-Fidelity.
5. Gestaltungslösungen evaluieren: Usability-Tests, Expert-Reviews, Accessibility-Audits. Erkenntnisse fließen zurück in die Gestaltung.
6. Finale Umsetzung: Produktionsreife Übergabe an Entwicklung und Release.

Die Schritte 2 bis 5 verlaufen iterativ: Ergebnisse aus der Evaluation führen zurück zur Anforderungsspezifikation oder zur erneuten Gestaltung, bis die Nutzungsanforderungen erfüllt sind.

UX-Methoden im Überblick

Der UX-Werkzeugkasten umfasst dutzende Methoden. Sinnvoll strukturiert sind sie nach Projektphase:

Research und Analyse

• Nutzerinterviews, Tiefeninterviews, Fokusgruppen
• Kontextuelle Beobachtung, Ethnografie, Tagebuchstudien
• Online- und Onsite-Umfragen, Stakeholder-Workshops
• Competitive Analysis, heuristische Evaluation

Synthese

• Personas und Empathy Maps
• User Journey Maps, Service Blueprints
• Jobs-to-be-done (JTBD), Szenarien

Informationsarchitektur

• Card Sorting (offen und geschlossen), Tree Testing
• Sitemaps, Top-Task-Analyse

Design und Prototyping

• Prototypen in verschiedenen Detailstufen (Low-, Mid-, High-Fidelity)
• Wireframes, Click-Dummies, interaktive Prototypen
• Designsysteme, Style Guides

Evaluation

• Usability-Tests (moderiert oder unmoderiert, remote oder vor Ort)
• Eye Tracking, Click-Tracking, Session Replays
• A/B-Tests und multivariate Tests
• Barrierefreiheits-Audits nach WCAG

UX messen: HEART-Framework und zentrale Metriken

Das von Kerry Rodden bei Google entwickelte HEART-Framework gliedert UX-Messung in fünf Dimensionen:

• Happiness (Zufriedenheit): Wie zufrieden sind die Nutzer:innen? Typische Kennzahlen: System Usability Scale (SUS), Net Promoter Score (NPS), Customer Satisfaction Score (CSAT).
• Engagement: Wie intensiv und häufig wird das Produkt genutzt? Messgrößen: Sitzungsdauer, Interaktionen pro Session, aktive Nutzungstage.
• Adoption: Wie viele Neunutzer:innen werden gewonnen und aktiviert?
• Retention: Wie viele kehren zurück? Typische Kennzahlen: Churn Rate, Rückkehr-Quote.
• Task Success: Werden Aufgaben erfolgreich und effizient abgeschlossen? Kennzahlen: Task Completion Rate, Time-on-Task, Error Rate.

Ergänzt wird HEART häufig durch das Goals–Signals–Metrics-Framework: Pro Dimension werden konkrete Ziele, messbare Signale und daraus abgeleitete Kennzahlen definiert. Klassische Usability-Metriken nach ISO 9241-11, also Effektivität, Effizienz und Zufriedenheit, bleiben auch ohne HEART ein zuverlässiges Grundraster.

UX-Rollen und Berufsbilder

Je nach Teamgröße spezialisieren sich UX-Aufgaben in unterschiedlichen Rollen:

• UX Researcher: Plant und führt Nutzerforschung durch, also Interviews, Tests und Analysen. Liefert Einsichten, keine Designs.
• UX Designer / Interaction Designer: Übersetzt Erkenntnisse in Konzepte, Flows, Wireframes und Prototypen.
• UI Designer / Visual Designer: Visuelle Ausarbeitung, Designsysteme, Micro-Interactions.
• Information Architect: Strukturiert Inhalte, Navigation und Taxonomien.
• UX Writer / Content Designer: Verfasst Microcopy, Fehlermeldungen, Onboarding-Texte und Inhaltsleitfäden.
• Service Designer: Gestaltet ganzheitliche Kunden-Service-Erlebnisse kanalübergreifend.
• Accessibility Specialist: Prüft und gestaltet barrierefreie Produkte nach WCAG und BFSG.
• UX Engineer / Design Technologist: Brücke zwischen Design und Entwicklung, arbeitet an prototypischem Code.
• UX Lead / Head of UX: Strategische Führung, UX-Strategie, Team-Management.

Vorteile einer optimierten UX

1. Höhere Nutzerzufriedenheit: Nutzer:innen fühlen sich wertgeschätzt und verstanden.
2. Verbesserte Markenwahrnehmung: Ein positives Erlebnis stärkt das Markenimage.
3. Reduzierte Support-Anfragen: Intuitive Designs verringern die Notwendigkeit für Kundensupport.
4. Höhere Konversionsraten: Nutzer:innen führen häufiger gewünschte Aktionen aus.
5. Bessere Retention: Zufriedene Nutzer:innen bleiben loyal und empfehlen die Marke weiter.

Herausforderungen in der UX-Entwicklung

1. Vielfalt der Nutzerbedürfnisse: Unterschiedliche Zielgruppen haben unterschiedliche Anforderungen.
2. Technische Einschränkungen: Limitierte Ressourcen oder Plattformbeschränkungen können das Design beeinflussen.
3. Balancierung von Ästhetik und Funktionalität: Ein optisch ansprechendes Design darf die Usability nicht beeinträchtigen.
4. Zeitaufwand: UX-Design ist ein iterativer Prozess und benötigt ausreichend Zeit für Tests und Optimierungen.

Werkzeuge für UX-Design

UX-Arbeit wird durch spezialisierte Werkzeuge unterstützt. Diese lassen sich vier Kategorien zuordnen:

• Research- und Umfrage-Tools: Plattformen für Nutzerinterviews, Online-Umfragen, Tagebuchstudien und remote Usability-Tests.
• Design- und Prototyping-Tools: Anwendungen für Wireframes, Mockups und interaktive Prototypen, meist vektorbasiert und cloudfähig, mit Komponentenbibliotheken und Designsystem-Support.
• Analyse- und Verhaltens-Tools: Heatmaps, Session Replays, Klickpfad-Analysen und Event-Tracking zur quantitativen Auswertung von Nutzerverhalten.
• Kollaborations- und Whiteboard-Tools: Digitale Arbeitsflächen für Journey Maps, Card Sorting, Personas und Stakeholder-Workshops.

Best Practices für erfolgreiche UX

1. Nutzerzentrierung: Nutzer:innen stehen stets im Mittelpunkt des Designs.
2. Klarheit und Einfachheit: Vermeidung überladener Layouts und unnötiger Informationen.
3. Konsistenz: Einheitliche Designsprache und Navigationselemente.
4. Feedback und Iteration: Regelmäßiges Einholen von Nutzerfeedback und kontinuierliche Optimierung.
5. Mobile First: Gestaltung für mobile Geräte hat Priorität, da immer mehr Nutzer:innen mobil unterwegs sind.

Fazit: Die Bedeutung von UX im digitalen Zeitalter

Nutzererfahrung ist ein entscheidender Faktor für den Erfolg digitaler Produkte und Dienstleistungen. Eine gute UX verbessert nicht nur die Nutzerzufriedenheit, sondern steigert auch den geschäftlichen Erfolg durch höhere Konversionsraten und Kundenbindung.

Mit einem strukturierten UX-Design-Prozess, bewährten Modellen wie Morvilles Honeycomb und Garretts 5 Ebenen sowie fundierten Methoden und Metriken können Teams Erlebnisse schaffen, die sowohl funktional als auch ansprechend sind. Weitere Informationen zum Thema finden sich auf unserer Service-Seite zu UX Design.

Häufige Fragen zur User Experience

Was ist User Experience einfach erklärt?

User Experience (UX) ist die Summe aller Erfahrungen, die Menschen bei der Nutzung eines Produkts, einer Website oder einer Dienstleistung machen. Dazu zählen Aspekte wie Benutzerfreundlichkeit, Ästhetik, Zugänglichkeit und emotionale Wirkung, sowohl während der Nutzung als auch davor und danach.

Was ist der Unterschied zwischen UX und UI Design?

UX Design befasst sich mit dem gesamten Erlebnis eines Produkts, also Konzept, Nutzerführung, Informationsarchitektur und Testing. UI Design konzentriert sich auf die visuelle Oberfläche, also Farben, Typografie, Icons und Layouts. UI ist eine Teilmenge von UX: Jede UI-Entscheidung beeinflusst die UX.

Was macht ein UX Designer?

Ein UX Designer plant und gestaltet die Nutzererfahrung eines digitalen Produkts. Typische Aufgaben sind Nutzerforschung, Anforderungsanalyse, Erstellung von Personas und Journey Maps, Entwicklung von Wireframes und Prototypen sowie Usability-Tests. Ziel ist ein Produkt, das nützlich, nutzbar und wünschenswert ist.

Was sind die 7 Facetten der User Experience?

Das UX-Honeycomb von Peter Morville beschreibt sieben Qualitätsfacetten: Useful (nützlich), Usable (bedienbar), Desirable (begehrenswert), Findable (auffindbar), Accessible (zugänglich), Credible (glaubwürdig) und Valuable (wertvoll). Die letzte Facette bildet das Zentrum und verbindet Nutzernutzen mit Geschäftsnutzen.

Was sind die 5 Ebenen des UX Design?

Jesse James Garrett beschreibt in „The Elements of User Experience“ fünf Ebenen, auf denen UX-Arbeit stattfindet: Strategy (Nutzer- und Geschäftsziele), Scope (Anforderungen und Inhalte), Structure (Interaktionsdesign und Informationsarchitektur), Skeleton (Wireframes) und Surface (visuelles Design). Jede Ebene baut auf der darunterliegenden auf.

Wer hat den Begriff User Experience geprägt?

Donald A. Norman führte den Begriff 1993 als Berufsbezeichnung bei Apple ein, wo er als „User Experience Architect“ angestellt war. Sein Ziel war es, auszudrücken, dass es um mehr geht als Interface und Usability: um die gesamte Erfahrung mit einem Produkt.

Wie misst man User Experience?

UX lässt sich entlang des HEART-Frameworks (Happiness, Engagement, Adoption, Retention, Task Success) messen. Konkrete Kennzahlen sind die System Usability Scale (SUS), Net Promoter Score (NPS), Task Completion Rate, Time-on-Task und Error Rate. Qualitative Ergänzungen liefern Nutzerinterviews und Usability-Tests.

Was ist der Unterschied zwischen UX und Usability?

Usability ist die Effizienz, Effektivität und Zufriedenheit bei der Nutzung eines Produkts (nach ISO 9241-11), also wie gut sich etwas bedienen lässt. UX umfasst zusätzlich emotionale, ästhetische und kontextuelle Aspekte vor, während und nach der Nutzung. Usability ist somit eine Teilmenge von UX.