Was ist User Experience (UX)? Definition, Säulen, Beispiele
User Experience (UX) umfasst alles, was Nutzer mit einem Produkt erleben: Usability, Barrierefreiheit, Tempo, Inhalte, Vertrauen. Säulen und Beispiele.
Was ist User Experience (UX)?
User Experience (UX, Nutzererlebnis) ist alles, was ein Mensch bei der Nutzung eines Produkts oder Dienstes erlebt: ob er findet, was er braucht, seine Aufgabe abschließt, dem Gezeigten vertraut und das Gefühl hat, dass es gut funktioniert. Die Nielsen Norman Group definiert sie als alle Aspekte der Interaktion des Endnutzers mit dem Unternehmen, seinen Diensten und Produkten. UX ist mehr als visuelles Design oder Usability allein.
UX und UI im Vergleich
- UX ist das Gesamterlebnis: Usability, Barrierefreiheit, Geschwindigkeit, Inhalte, Informationsstruktur und Vertrauen.
- UI (User Interface) ist die Oberfläche, mit der Menschen umgehen: Layout, Buttons, Farben und Typografie.
Die UI ist ein Teil der UX. Eine schicke Oberfläche auf einem langsamen oder verwirrenden Produkt bleibt ein schlechtes Erlebnis.
Die sieben Facetten der UX
Peter Morvilles "UX-Honeycomb" nennt sieben Eigenschaften, die ein Produkt haben sollte:
- Nützlich (useful): es deckt einen echten Bedarf.
- Benutzbar (usable): es ist leicht zu bedienen.
- Begehrenswert (desirable): Optik und Marke sprechen emotional an.
- Auffindbar (findable): Menschen können navigieren und Inhalte finden.
- Zugänglich (accessible): Menschen mit Behinderungen können es nutzen; siehe WCAG und assistive Technologien.
- Glaubwürdig (credible): Nutzer vertrauen dem, was es sagt.
- Wertvoll (valuable): es schafft Wert für Menschen und Organisation dahinter.
Wie Geschwindigkeit die UX prägt
Menschen beurteilen ein Produkt danach, wie es sich beim Benutzen anfühlt. Performance ist also Teil der UX, kein separates Thema. Googles Core Web Vitals machen dieses Gefühl messbar. Eine Seite gilt am 75. Perzentil der Seitenaufrufe als "gut", wenn Largest Contentful Paint höchstens 2,5 Sekunden, Interaction to Next Paint höchstens 200 ms und Cumulative Layout Shift höchstens 0,1 beträgt (web.dev). Langsame Serverantworten kommen hinzu; siehe Latenz.
Beispiel: eine Checkout-Seite
Der Checkout eines Shops funktioniert, aber der Button "Bezahlen" rutscht nach unten, während ein Bild lädt, sodass jemand daneben tippt, und bei einem Fehler im Feld steht nur "Ungültige Eingabe". Das ist kein visuelles Designproblem. Es ist ein Problem der Layout-Stabilität (CLS), ein Textproblem (die Fehlermeldung sollte Feld und Lösung nennen) und ein Vertrauensproblem. Alle drei zu beheben verbessert die UX, ohne das Aussehen der Marke zu ändern.
Gängige Methoden der UX-Forschung
- Usability-Tests: echten Nutzern bei Aufgaben zusehen und notieren, wo sie stocken. Das Modell der Nielsen Norman Group findet mit fünf Nutzern etwa 85 % der Usability-Probleme, empfiehlt aber mehrere kleine Runden statt einer großen Studie und 3 bis 4 Nutzer pro Gruppe, wenn sich die Nutzertypen unterscheiden.
- Interviews und Umfragen: Ziele, Motive und Zufriedenheit in der Breite (etwa SUS oder NPS).
- Analytics und Funnels: wo Menschen abspringen.
- A/B-Tests: die gemessene Wirkung einer einzelnen Änderung.
- Card Sorting und heuristische Evaluation: wie Menschen Inhalte gruppieren, und Expertenprüfung anhand bekannter Prinzipien.
Häufige UX-Fehler
- Für sich selbst gestalten. "Ich finde es intuitiv" ist kein Testergebnis.
- Performance als technisches Detail behandeln. Layoutsprünge, langsame Antworten und lange Wartezeiten werden als schlechtes Design erlebt.
- Barrierefreiheit erst am Ende ergänzen. Nachrüsten kostet mehr als Einbauen.
- Die Aufgabe unterbrechen. Pop-ups und erzwungene Abfragen schaden Abschlussrate und Vertrauen.
- Inkonsistente Muster. Dieselbe Aktion sollte auf jeder Seite gleich funktionieren.
- Output statt Ergebnis messen. Die Aufgabenerfolgsquote sagt mehr als die Zahl ausgelieferter Funktionen.
UX mit Monitoring und Tests messen
Manche UX-Qualitäten lassen sich laufend messen. Real User Monitoring zeigt, was Besucher tatsächlich erleben, Synthetic Monitoring führt dieselben Prüfungen nach Zeitplan aus, damit Sie Regressionen vor den Nutzern bemerken; siehe wie Sie die User Experience mit Synthetic Monitoring verbessern (englisch). Das page speed monitoring von LoadFocus führt geplante Lighthouse-Audits aus (unter anderem LCP, CLS und Total Blocking Time) und alarmiert per E-Mail, Slack oder Microsoft Teams, wenn ein Wert die Schwelle überschreitet. Für eine schnelle Einzelmessung nutzen Sie den Core Web Vitals checker, und lesen Sie Core Web Vitals mit Alarmen und Berichten überwachen (englisch). Mit einem Performance-Budget scheitert ein langsamer Release, bevor er live geht.
Häufige Fragen: User Experience (UX)
Wofür steht UX?
UX steht für User Experience, auf Deutsch Nutzererlebnis: das Gesamterlebnis eines Menschen mit einem Produkt oder Dienst, vom ersten Kontakt bis zum erledigten Vorhaben.
Was ist der Unterschied zwischen UX und UI?
UX ist das Gesamterlebnis mit Usability, Tempo, Barrierefreiheit und Inhalten. UI ist die sichtbare und bedienbare Oberfläche, etwa Layout, Buttons und Typografie. Die UI ist ein Teil der UX.
Gehört die Ladegeschwindigkeit zur UX?
Ja. Langes Laden, verzögerte Reaktionen und Layoutsprünge spüren Nutzer direkt. Die Core Web Vitals messen davon drei Aspekte: Laden, Reaktionsfähigkeit und visuelle Stabilität.
Wie misst man User Experience?
Kombinieren Sie Verhaltensdaten (Funnels, Aufgabenerfolgsquote, Performance-Metriken) mit dem, was Menschen sagen (Interviews, Umfragen wie SUS oder NPS). Keines von beiden erzählt allein die ganze Geschichte.
Wie viele Nutzer braucht ein Usability-Test?
Die Nielsen Norman Group berichtet, dass fünf Nutzer in einer Studie etwa 85 % der Probleme finden, und rät zu mehreren kleinen Runden. Nehmen Sie 3 bis 4 pro Gruppe, wenn es klar verschiedene Nutzertypen gibt.
Verwandte Begriffe
- Konformitätstest für Barrierefreiheit (ACT) erklärt
- Barrierefreiheit: Definition und Bedeutung
- Assistive Technologie (AT): Definition, Typen, Web-Beispiele
- Manuelle Tests für Barrierefreiheit
- POUR in der Barrierefreiheit
- Was ist ein Screenreader? Definition, Beispiele, Tests
- Checkliste für Software-Barrierefreiheit (WCAG 2.2)
- Was ist ein VPAT (Voluntary Product Accessibility Template)?
Verwandte LoadFocus-Tools
Setze dieses Konzept mit LoadFocus in die Praxis um, derselben Plattform, die alles antreibt, was du gerade gelesen hast.