Die letzte Lektion hat gezeigt, wie sich eine Seite bedienen lässt. Diese hier fragt, was ein Mensch dabei erlebt.
Der Unterschied klingt akademisch, ist es aber nicht. Eine Seite kann einwandfrei bedienbar sein und trotzdem Besucher verlieren, weil sie langsam lädt, unseriös wirkt oder nicht das enthält, wonach jemand gesucht hat. Genau dafür gibt es den Begriff user experience.
Kurzantwort
Was ist user experience?
Der Begriff user experience umfasst alle Aspekte der Interaktion eines Nutzers mit einem Unternehmen, seinen Diensten und seinen Produkten. So definieren ihn Don Norman und Jakob Nielsen, auf die der Begriff in seiner heutigen Verwendung zurückgeht.
Bedienbarkeit ist darin nur ein Teil. Erwartung, Geschwindigkeit, Vertrauen und die Frage, ob das Gesuchte überhaupt da ist, gehören genauso dazu.
📌 Für wen ist das relevant: Für alle, die eine Website betreiben und wissen wollen, warum Besucher abspringen, obwohl technisch nichts kaputt ist.
- UI, Usability und user experience sind drei ineinander liegende Ebenen
- Das ästhetische Urteil über eine Seite fällt in rund 50 Millisekunden
- Ein Test mit drei bis fünf Personen beantwortet das Warum, das dir kein Analyse-Dashboard liefert
Das lernst du in dieser Lektion
Du kannst user experience, Usability und UI sauber voneinander abgrenzen.
Du kennst die fünf Faktoren, die das Erlebnis prägen, und weißt, wo du auf deiner Seite ansetzt.
Du erkennst, welche kursierenden UX-Zahlen belastbar sind und welche nicht.
Du kannst einen einfachen Nutzertest ohne Budget selbst durchführen.
Inhalt
01 ·
Was user experience meint, und was nicht
Drei Begriffe werden im Alltag durcheinandergeworfen: UI, Usability und user experience. Wer sie trennt, weiß besser, woran er arbeiten muss.
Am klarsten definiert sie die Nielsen Norman Group, gegründet von Don Norman und Jakob Nielsen, in ihrem Gründungsartikel vom 08.08.1998:
“‘User experience’ encompasses all aspects of the end-user’s interaction with the company, its services, and its products.”
Der zweite Satz derselben Quelle ist die eigentliche Arbeitsanweisung: die genauen Bedürfnisse des Kunden treffen, ohne Umstände und ohne Ärger.
Die drei Ebenen als Zwiebelschalen
Ein Interface ist laut Nielsen Norman Group die Menge der Bestandteile und Gestaltungselemente, aus denen ein Produkt besteht. Usability sitzt eine Ebene darüber und beschreibt, wie einfach und effizient jemand seine Ziele damit erreicht. User experience umfasst beides und schließt zusätzlich Interaktionen, Emotionen und Verhalten über alle Berührungspunkte hinweg ein.
UI, Usability und user experience als Zwiebelschalen
Von außen nach innen: Das Erlebnis enthält die Bedienbarkeit, die Bedienbarkeit enthält die Oberfläche.
Alle Berührungspunkte mit dem Unternehmen, seinen Diensten und Produkten: Erwartung, Ladezeit, Vertrauen, Emotion und die Frage, ob überhaupt da ist, wonach jemand sucht.
Wie einfach und effizient jemand mit dieser Oberfläche sein Ziel erreicht.
Buttons, Links, Bilder, Icons, Farben, Abstände: alles, was du siehst.
Quelle: Definitionen nach Nielsen Norman Group (nngroup.com, Artikel zuletzt aktualisiert 15.11.2024) – eigene didaktische Darstellung, Ostend Digital, Stand 08/2026.
Schaubild: UI, Usability und user experience als ineinander liegende Ebenen – eigene Darstellung, Ostend Digital, Stand 08/2026.
Norman und Nielsen erklären den Unterschied an einer Filmdatenbank. Selbst wenn die Oberfläche zum Finden eines Films perfekt sei, bleibe die user experience schlecht für jemanden, der einen kleinen unabhängigen Film sucht, den die Datenbank gar nicht enthält. Daran sieht man, warum ux design nicht bei der Gestaltung aufhört.
Der Erwartungs-Check als erster Arbeitsschritt
Aus dieser Abgrenzung folgt eine Übung, die du heute machen kannst. Öffne deine wichtigste Seite so, wie Besucher sie erreichen: über den Google-Treffer, die Anzeige oder den Social-Post, der dorthin führt.
Vergleiche dann Versprechen und Einlösung. Steht das, was der Treffer verspricht, im ersten Sichtfeld der Seite, oder muss jemand danach graben? Jede Lücke zwischen beidem ist ein Erlebnisproblem, das keine Gestaltung der Seite selbst reparieren kann.
💡 Merke
Diese Lektion ist das Dach, nicht die Wiederholung. Klickpfade und Menüs behandelt die Lektion zu den Usability-Grundlagen, die gestalterische Ebene die Design-Prinzipien, die Struktur davor die Lektion zu Wireframes und Seitenstruktur.
Hier geht es um die Frage darüber: Was nimmt ein Mensch mit, wenn er deine Seite wieder verlässt?
02 ·
Woher der Begriff kommt, und warum die übliche Geschichte zu glatt ist
Fast jeder Artikel über ux design erzählt dieselbe Anekdote. Don Norman habe den Begriff Anfang der 1990er bei Apple erfunden, weil ihm “human interface” und “usability” zu eng gefasst waren.
Norman selbst erzählt die Geschichte auf seinem Blog deutlich vorsichtiger:
“I do not know how we arrived at the name, so I prefer to give credit to the group, with equal credit to the three of us.”
Gemeint ist seine Dreiergruppe bei Apple, die den Begriff als erste zur formalen Funktion in einer Organisation gemacht hat. Im selben Text weist Norman darauf hin, dass die Designerin Brenda Laurel die Formulierung schon 1986 verwendete und ihn beeinflusst haben könnte.
💡 Merke
Selbst der Mann, dem die Erfindung des Begriffs zugeschrieben wird, erinnert sich an die Entstehung nicht genau. User experience ist als Disziplin jünger und unschärfer, als der selbstbewusste Ton vieler Anbieter vermuten lässt.
Verlass dich deshalb weniger auf Regelwerke und mehr darauf, echte Menschen an deiner Seite zu beobachten. Wie das geht, steht in Sektion 07.
03 ·
Was das Erlebnis tatsächlich prägt
Fünf Faktoren tauchen in der Fachliteratur immer wieder auf: Ladezeit, Orientierung, Konsistenz, Fehlertoleranz und mobile Bedienung. Sie sind unterschiedlich gut belegt, und dieser Unterschied wird hier mitgenannt.
Ladezeit: der Faktor vor allen anderen
Wer wartet, erlebt nichts. Geschwindigkeit steht deshalb vor jedem gestalterischen Argument.
Die meistzitierte Zahl dazu stammt von Google: 53 Prozent der mobilen Seitenaufrufe würden abgebrochen, wenn eine Seite länger als drei Sekunden lädt. Grundlage sind aggregierte Daten von 4.500 mobilen Websites, erhoben von Juni 2015 bis Mai 2016 und 2016 von Google selbst veröffentlicht.
Die Zahl ist damit rund zehn Jahre alt und beschreibt Mobilfunkbedingungen vor der 5G-Verbreitung. Google und SOASTA berechneten 2017 ergänzend, dass die Absprungwahrscheinlichkeit um 32 Prozent steigt, wenn die Ladezeit von einer auf drei Sekunden wächst.
Die Prozentwerte liest du also besser als Größenordnung von damals. Wie du Geschwindigkeit misst, kommt später im Kurs, in Lektion zu den Core Web Vitals.
Orientierung: die Frage “Wo bin ich?”
Der Begriff Wayfinding stammt nicht aus dem Web, sondern aus der Stadtplanung. Kevin Lynch prägte ihn 1960 in “The Image of the City”. Sein Befund: Menschen bilden gedankliche Karten aus Landmarken, Wegen und Knotenpunkten, und ohne solche Anhaltspunkte fühlen sie sich verloren.
Die Nielsen Norman Group führt Orientierungshilfen im Web ausdrücklich darauf zurück. Breadcrumbs machen Nutzern demnach ihre Position innerhalb der Hierarchie einer Website bewusst, eine lokale Navigation wirkt wie ein “Sie sind hier”-Punkt auf einer Karte.
Konsistenz und Fehlertoleranz: die Nachbarschaft zur Usability
Konsistenz ist die vierte der zehn Usability-Heuristiken von Jakob Nielsen und Rolf Molich, entwickelt ab 1990 und 1994 in heutiger Fassung veröffentlicht. Nutzer sollten sich demnach nicht fragen müssen, ob verschiedene Wörter oder Aktionen dasselbe bedeuten. Dahinter steht Nielsens “Jakob’s Law”: Menschen verbringen die meiste Zeit auf anderen Seiten als deiner und bringen die Erwartungen von dort mit.
Wer bekannte Muster ohne Grund neu erfindet, erzeugt deshalb Reibung.
Fehlertoleranz meint zweierlei: Fehler verhindern, wo es geht, und sie reparierbar machen, wo sie trotzdem passieren. Praktisch ist das der Unterschied zwischen einer Formularmeldung, die genau sagt, welches Feld fehlt, und einer, die alle Eingaben löscht und nur “Fehler” anzeigt.
Wie du beides umsetzt, steht in der Lektion zu den Usability-Grundlagen.
Mobile Bedienung: die Bedingungen der Wirklichkeit
Raluca Budiu von der Nielsen Norman Group fasste 2015 ein mehrjähriges Forschungsprogramm mit 151 Testpersonen in einem Satz zusammen: Mobile Inhalte sind doppelt so schwer zu verarbeiten wie am Desktop. Als Gründe nennt sie den kleineren Bildschirm, die höhere kognitive Last, Unterbrechungen unterwegs und wechselnde Verbindungsqualität.
Spiel die drei häufigsten Besucherwege selbst durch
Alle fünf Faktoren prüfst du am schnellsten an konkreten Wegen statt an einer abstrakten Checkliste. Nimm die drei Aufgaben, mit denen Besucher am häufigsten auf deine Seite kommen, etwa Preis finden, Kontakt aufnehmen oder Verfügbarkeit klären. Geh jeden Weg auf dem Handy komplett durch, vom Einstieg bis zum Ziel.
Notiere jede Stelle, an der du wartest, suchst oder eine Eingabe wiederholen musst. Diese Liste ist dein Arbeitsvorrat für den Rest des Moduls.
💡 Praxis-Tipp
Fang bei der Ladezeit an. Eine langsame Seite macht jede gestalterische Verbesserung unsichtbar.
Und geh die drei Besucherwege auf einem echten Gerät durch statt im verkleinerten Browserfenster. Am besten unterwegs, mit einer Hand und bei schlechtem Empfang.
04 ·
Der erste Eindruck entsteht in 50 Millisekunden
Bevor jemand liest, was auf deiner Seite steht, hat er sie schon beurteilt. Wie schnell das geht, zeigen zwei Arbeiten, die seit Jahren als Standardreferenz gelten.
Die 50-Millisekunden-Studie
Gitte Lindgaard und Kollegen veröffentlichten 2006 im Fachjournal “Behaviour & Information Technology” die Arbeit “Attention web designers: You have 50 milliseconds to make a good first impression!”.
In drei Teilstudien bewerteten Testpersonen die visuelle Attraktivität von Startseiten, die ihnen 500 beziehungsweise nur 50 Millisekunden lang gezeigt wurden. Die Urteile nach 50 Millisekunden korrelierten stark mit denen nach 500.
Das ästhetische Urteil steht also im Wesentlichen fest, bevor jemand bewusst etwas gelesen hat. Die Studie ist fast zwanzig Jahre alt, der zugrunde liegende Wahrnehmungsmechanismus gilt aber als robust.
Was schön aussieht, wirkt benutzbarer
Die zweite Arbeit stammt von Noam Tractinsky, Adi Katz und Dror Ikar von der Ben-Gurion-Universität des Negev, erschienen 2000 im Journal “Interacting with Computers” unter dem Titel “What is beautiful is usable”. Die Versuchsanordnung nutzte eine Software als Stellvertreter für einen Geldautomaten, beurteilt vor und nach der Benutzung.
Wahrgenommene Ästhetik und wahrgenommene Bedienbarkeit korrelierten schon vor der Nutzung stark, und das blieb danach so. Der Grad der Ästhetik beeinflusste zudem, wie brauchbar das System hinterher eingeschätzt wurde, während die tatsächliche Bedienbarkeit keinen entsprechenden Effekt hatte.
ℹ️ Wichtige Einschränkung
Der Satz “was schön ist, ist benutzbar” wird oft zu weit gedehnt. Gemessen wurde die Wahrnehmung der Bedienbarkeit, nicht die tatsächliche Aufgabenerfüllung.
Eine Folgearbeit von Alexandre Tuch und Kollegen aus dem Jahr 2012 differenziert genau das: Ästhetik und wahrgenommene Bedienbarkeit hängen robust zusammen, der Effekt auf die tatsächliche Aufgabenerfüllung fällt schwächer und uneinheitlicher aus.
Gutes Aussehen kauft dir also Wohlwollen, ersetzt aber keine funktionierende Bedienung.
Mach das Ersteindrucks-Protokoll
Diesen Mechanismus nutzt du direkt für einen Selbsttest. Zeig einer Person, die deine Seite nicht kennt, die Startseite nur für einen kurzen Augenblick und lass sie danach aufschreiben, was hängen geblieben ist: Was bietet die Firma an, für wen, und wirkt sie vertrauenswürdig?
Antworten wie “irgendwas mit Technik” sind ein Befund, kein Pech. Wenn das Urteil in Millisekunden fällt, muss dein Angebot in dieser Zeit erkennbar sein.
05 ·
Warum Vertrauen zuerst über das Aussehen läuft
Vertrauen entscheidet über Anfragen und Käufe, und es bildet sich früher, als man erwarten würde.
Die größte Untersuchung dazu stammt aus dem Stanford Persuasive Technology Lab. B.J. Fogg und Kollegen veröffentlichten sie 2003 unter dem Titel “How Do Users Evaluate the Credibility of Web Sites?”.
Die Anlage ist für dieses Feld ungewöhnlich groß: 2.684 Teilnehmer bewerteten je zwei echte Websites zum selben Thema.
Ausgewertet wurden die frei formulierten Kommentare zur Glaubwürdigkeit. Mit 46,1 Prozent bezog sich fast die Hälfte davon auf das äußere Erscheinungsbild, danach folgten Struktur und inhaltliche Ausrichtung.
Nicht das Impressum, nicht Zertifikate, nicht Quellenangaben – sondern wie die Seite aussah.
💡 Merke
Wie eine Seite aussieht, ist bei der Glaubwürdigkeit kein Geschmacksthema. Das ist keine Aufforderung zu immer neuen Trends, sondern zu Sorgfalt: konsistente Abstände, aktuelle Bilder, keine kaputten Elemente, keine Platzhaltertexte.
Die Studie stammt von 2003 und beschreibt eine frühere Web-Generation. Ihre Kernaussage über den ersten optischen Eindruck passt aber zu den unabhängig davon erhobenen Befunden aus Sektion 04.
Der Nachmittags-Check mit den Stanford-Punkten
Aus dieser Studie leitete Stanford zehn Richtlinien für Glaubwürdigkeit im Web ab, zuletzt aktualisiert 2002 und damit eine historische Referenz. Vier davon prüfst du trotzdem an einem einzigen Nachmittag an deiner eigenen Seite:
- Zeig, dass eine echte Organisation dahintersteht: Adresse, Ansprechpartner und echte Fotos statt Anonymität
- Sei leicht erreichbar: Telefonnummer und Mailadresse ohne Suche auffindbar
- Halte Inhalte erkennbar aktuell: keine “Neuigkeiten” von vor drei Jahren, keine abgelaufenen Angebote
- Vermeide Fehler jeder Art: kaputte Links, Tippfehler, Platzhaltertexte, veraltete Jahreszahlen im Footer
Der letzte Punkt ist der unbequemste. Ein einzelner Tippfehler entscheidet selten etwas, die Summe kleiner Nachlässigkeiten aber schon.
06 ·
Woher kommt diese Zahl eigentlich?
Kaum ein Themenfeld ist so voll mit eingängigen Prozentzahlen wie user experience, und kaum eines so stark von Anbietern geprägt, die die Lösung dafür verkaufen.
Die 70 Prozent Warenkorbabbrüche
Das Baymard Institute weist eine durchschnittliche Warenkorb-Abbruchrate von 70,22 Prozent aus, Stand 22.09.2025. Baymard legt die Herkunft offen: Der Wert ist keine Primärerhebung, sondern eine Meta-Analyse aus 50 publizierten Fremdstudien.
Ein zweiter Hinweis aus derselben Quelle wird fast nie mitzitiert: Ein erheblicher Teil der Abbrüche, von Baymard mit rund 42 Prozent beziffert, geht auf Menschen zurück, die nie kaufen wollten. Schaufensterbummel ist kein UX-Versagen.
Das heißt nicht, dass Baymard unseriös arbeitet. Hinter dem Institut steht eigene qualitative Forschung, nur ist die viel zitierte Kopfzahl nicht das Ergebnis davon.
| Zahl | Wer sie veröffentlicht hat | Wie sie zustande kam | Wie du sie liest |
|---|---|---|---|
| 70,22 Prozent Warenkorbabbrüche | Baymard Institute, verkauft UX-Research-Abos | Meta-Analyse aus 50 Fremdstudien, Stand 22.09.2025 | Grobe Branchengröße, kein Messwert für deinen Shop |
| 53 Prozent Abbrüche ab drei Sekunden Ladezeit | Google, bietet eigene Speed-Werkzeuge an | 4.500 mobile Websites, Juni 2015 bis Mai 2016, publiziert 2016 | Größenordnung von damals, immer mit Jahr nennen |
Brauchbarer als die Kopfzahl ist die Rangfolge der Abbruchgründe: Zusatzkosten wie Versand und Gebühren stehen ganz oben, ein zu langer Bestellprozess folgt mit deutlichem Abstand bei rund 26 Prozent.
Beides ist eine Gestaltungsfrage, keine Preisfrage. Wer Versandkosten erst im letzten Schritt zeigt, produziert Abbrüche, die sich mit einer frühen Angabe vermeiden ließen. Wie du solche Stellen findest, kommt später im Kurs, in Lektion zur Conversion-Optimierung.
Drei Fragen an jede UX-Statistik
- Wer hat sie veröffentlicht, und was verkauft diese Stelle? Eine alarmierende Zahl von jemandem, der die Gegenmaßnahme verkauft, braucht eine zweite Quelle.
- Wann wurde erhoben, nicht wann publiziert? Viele Zahlen wandern jahrelang durch Artikel und wirken frischer, als sie sind.
- Wie wurde gemessen? Meta-Analyse, Befragung und Logfile-Auswertung sagen Verschiedenes aus.
Einige der populärsten UX-Statistiken fallen bei diesen drei Fragen durch, etwa die Behauptung, ein bestimmter Prozentsatz der Nutzer kehre nach einer schlechten Erfahrung nie zurück. Streich solche Zahlen aus deinen eigenen Präsentationen und Argumenten, bevor es ein Kunde oder Kollege für dich tut.
07 ·
Der Nutzertest ohne Budget
Alle bisherigen Sektionen beschreiben Muster. Was auf deiner Seite passiert, zeigt dir nur ein Mensch, der es versucht. Dafür brauchst du weder Labor noch Werkzeug noch Budget.
Die Regel, die jeder kennt
Jakob Nielsen veröffentlichte im März 2000 den Artikel “Why You Only Need to Test with 5 Users”. Grundlage ist eine Formel von 1993, die die Fundwahrscheinlichkeit einer einzelnen Testperson mit 31 Prozent ansetzt. Daraus ergibt sich die berühmte Aussage, dass fünf Teilnehmer 85 Prozent der Usability-Probleme finden.
Im Originalartikel steht allerdings eine Bedingung, die beim Weiterreichen meist verloren geht: Die Empfehlung gilt für vergleichbare Nutzer, die die Seite auf ähnliche Weise verwenden. Bei mehreren deutlich unterschiedlichen Nutzergruppen empfiehlt Nielsen selbst drei bis vier Personen pro Gruppe.
Die Gegenposition, die selten mitgeliefert wird
Jared Spool und Will Schroeder zeigten 2001, dass bei offenen Aufgaben, also freiem Browsen statt eng geführter Szenarien, auch nach Dutzenden Testpersonen noch ernsthafte neue Probleme auftauchten. Die ersten fünf Nutzer deckten dort nur rund 35 Prozent der insgesamt gefundenen Probleme auf.
Laura Faulkner ließ 2003 dieselbe Testaufgabe mehrfach mit unterschiedlichen Fünfergruppen aus einem größeren Teilnehmerpool laufen. Im Mittel bestätigte sich die Quote von 85 Prozent, die einzelnen Gruppen streuten aber erheblich: Manche fanden nur 55 Prozent der Probleme, andere bis zu 99 Prozent.
💡 Merke
Unstrittig ist der abnehmende Grenznutzen, nicht die Zahl fünf. Ob fünf Personen verlässlich 85 Prozent der Probleme finden, hängt vom Aufgabentyp, von deinen Nutzergruppen und vom Zufall ab.
Die praktische Übersetzung: Drei bis fünf Personen aus deiner Zielgruppe zeigen dir die gröbsten Probleme. Für Gewissheit über alle reicht das nicht, gegenüber gar keiner Beobachtung ist es ein großer Schritt.
So läuft ein Test ab
Du brauchst eine Person, die deine Seite nicht kennt, ein Gerät und fünfzehn Minuten. Ein Kaffee reicht als Dankeschön.
Nutzertest ohne Budget: vier Schritte
Ablauf einer Sitzung von rund 15 Minuten
1 · Vorher
Frage festlegen
Entscheide vorab, was du wissen willst. “Generelles Feedback” bringt nichts.
2 · Aufgaben
Zwei bis drei Aufträge
Echte Kundenaufgaben, etwa den Preis finden und eine Anfrage abschicken.
3 · Während
Laut denken lassen
Die Person kommentiert, was sie sucht. Du beobachtest und hilfst nicht.
4 · Danach
Kurz nachfragen
Wo war es unklar, was hat gefehlt, und würdest du hier wieder anfragen?
Quelle: Ablaufschritte nach übereinstimmender Darstellung mehrerer Praktiker-Anleitungen zum informellen Nutzertest – eigene Darstellung, Ostend Digital, Stand 08/2026. Keine Einzelstudie.
Schaubild: Vier-Schritt-Ablauf für einen Nutzertest ohne Budget – eigene Darstellung, Ostend Digital, Stand 08/2026.
Was du danach mit den Beobachtungen machst
Schreib während des Tests jede Stelle mit, an der die Person zögert, zurückgeht oder laut sucht. Nach drei bis fünf Sitzungen sortierst du diese Stellen nach Häufigkeit.
Alles, was bei zwei oder mehr Personen an derselben Stelle passiert ist, ist ein Befund und kommt auf die Liste. Was nur einmal auftrat, notierst du und wartest den nächsten Test ab.
Repariere dann immer nur eine Sache pro Durchgang. Sonst weißt du beim nächsten Test nicht, welche Änderung gewirkt hat.
Experten-Tipp aus der Agentur
Wenn du nur eine Sache aus dieser Lektion umsetzt: Setz dich neben eine Person, die deine Seite zum ersten Mal sieht, und sag fünfzehn Minuten lang nichts. Der Reflex zu helfen löscht genau die Information, für die du den Test machst.
Und such dir Testpersonen, die nicht in deiner Branche arbeiten. Kollegen kennen die Fachbegriffe und stolpern deshalb dort nicht, wo deine Kunden stolpern.
Pascal Cabitza
Geschäftsführer Ostend Digital
08 ·
Heatmaps und Aufzeichnungen: was sie zeigen, was nicht
Der bequemere Weg führt über Werkzeuge: Heatmaps färben ein, wo geklickt und gescrollt wurde, Sitzungsaufzeichnungen spielen einzelne Besuche als Video ab. Zwei Einschränkungen solltest du vorher kennen.
Die Stichprobengröße, über die niemand spricht
Für statistisch belastbare quantitative Heatmaps empfiehlt die Nielsen Norman Group mindestens 30 Teilnehmer, bei Eyetracking eher rund 39. Sauber durchgeführt ist sie damit laut derselben Quelle die teuerste der gängigen Research-Methoden.
Wer mit einem kostenlosen Werkzeug ein paar Dutzend Sitzungen im Monat sammelt, sieht ein Muster. Ob es ein Befund oder Rauschen ist, entscheidet die Datenmenge.
Das Was ohne das Warum
Die zweite Einschränkung ist grundsätzlicher. Eine Heatmap zeigt, wo geklickt wurde, nicht warum: Ob jemand einen Button gedrückt hat, weil er ihn gesucht hat, oder weil er nichts anderes gefunden hat, ist in der Farbfläche nicht unterscheidbar.
Setz trotzdem eines auf, mit einer konkreten Frage
Richte ein Werkzeug dieser Klasse einmal auf deiner wichtigsten Seite ein; die kostenlosen Einstiegsvarianten der gängigen Anbieter reichen dafür. Sieh dir dann die ersten zehn Sitzungsaufzeichnungen am Stück an, mit einer vorher notierten Frage, etwa: Kommen Besucher bis zum Formular?
Zähl mit, wie viele der zehn an derselben Stelle hängen bleiben. Das ist noch kein Beweis, aber eine Vermutung, die du im nächsten Nutzertest gezielt prüfst.
💡 Merke
Werkzeuge erzeugen Vermutungen, der Nutzertest prüft sie. Eine Heatmap beantwortet, wo geklickt und wie weit gescrollt wurde, ein Test beantwortet, warum.
Eine Sitzungsaufzeichnung zeigt einen konkreten Weg durch die Seite, aber nicht, ob er typisch ist. Genau das solltest du nie aus einem einzelnen Video schließen.
09 ·
Barrierefreiheit ist dieselbe Frage, nur strenger gestellt
Barrierefreiheit wird oft als eigenes Fachgebiet neben der user experience geführt, meist mit rechtlichem Beigeschmack. Diese Trennung führt in die Irre.
Die Nielsen Norman Group ordnet Barrierefreiheit und Inklusion ausdrücklich als Zweige der Usability ein. Barrierefreiheit sei ein notwendiges, aber bei weitem nicht hinreichendes Ziel: Ein enger Fokus auf eine Punkteliste helfe Menschen mit Behinderung nicht, dafür brauche es eine Usability-Perspektive.
Sachlich ist es dieselbe Frage wie in dieser ganzen Lektion: Kann diese Person ihr Ziel erreichen? Ein zu schwacher Kontrast oder ein Button ohne Tastaturbedienung ist ein Erlebnisproblem, das nur bei einem Teil der Nutzer sichtbar wird, genau wie eine langsame Seite vor allem bei schwacher Verbindung auffällt.
Einen ersten Eindruck holst du dir in zwei Minuten selbst: Leg die Maus weg und versuch, nur mit der Tab-Taste bis zu deinem Kontaktformular und durch alle Felder zu kommen. Wo du hängen bleibst, bleiben auch andere hängen.
Die rechtlichen Anforderungen und die konkreten Prüfschritte behandelt die Lektion zur Barrierefreiheit nach BFSG.
10 ·
Was KI daran ändert, und was nicht
Zum Abschluss die Frage, die sich gerade jeder stellt: Nimmt dir KI diese Arbeit ab? Die ehrlichste Antwort liefert nicht ein Anbieterversprechen, sondern beobachtetes Verhalten.
Raluca Budiu von der Nielsen Norman Group wertete am 14.03.2025 eine Analyse von einer Million anonymisierter Konversationen mit Claude.ai aus dem Zeitraum Dezember 2024 bis Januar 2025 aus. 7,5 Prozent davon betrafen UX-nahe Tätigkeiten, und von 203 erfassten UX-Teilaufgaben wurde mehr als die Hälfte mindestens einmal mit KI versucht.
Interessanter als das Ob ist das Wofür. Die größten Anteile entfielen auf Website-Design und -Entwicklung sowie auf das Redigieren und Umschreiben von Texten. Kaum vertreten ist KI dagegen bei Nutzerinterviews, bei direkter Zusammenarbeit mit Menschen, bei komplexen Analysen wie Design-Reviews und beim Prototyping.
💡 Merke
KI verschiebt vor allem die Textarbeit rund um UX, nicht deren Kern. Zu verstehen, warum ein bestimmter Mensch an einer bestimmten Stelle aufgibt, verlangt weiterhin, ihn dabei zu beobachten.
Nutze KI also ruhig für Texte, Umbauten und Auswertungen. Die fünfzehn Minuten neben deiner Testperson gibst du dagegen nicht ab, denn genau dort entsteht die Information, die kein Werkzeug liefert.
11 ·
💡 Recap
User Experience in 30 Sekunden:
- UI, Usability und user experience sind drei Ebenen, keine Synonyme. Die Nielsen Norman Group definiert user experience als alle Aspekte der Interaktion mit dem Unternehmen, seinen Diensten und Produkten
- Der Erwartungs-Check kommt vor jeder Gestaltung: Was verspricht der Google-Treffer oder die Anzeige, und löst die Seite es im ersten Sichtfeld ein?
- Ladezeit steht vor den gestalterischen Fragen. Die verbreiteten Prozentzahlen dazu stammen von Google selbst, aus den Jahren 2016 und 2017
- Der ästhetische Ersteindruck bildet sich sehr schnell: Lindgaard und Kollegen fanden 2006, dass die Urteile nach 50 Millisekunden stark mit denen nach 500 Millisekunden korrelieren. Schönheit beeinflusst laut Tractinsky 2000 zudem die wahrgenommene Bedienbarkeit, auf die tatsächliche Aufgabenerfüllung wirkt sie schwächer
- Glaubwürdigkeit läuft stark über den optischen Eindruck. In der Stanford-Studie von 2003 mit 2.684 Teilnehmern bezogen sich 46,1 Prozent der Kommentare auf das Erscheinungsbild
- Viele kursierende UX-Zahlen stammen von Anbietern, die eine Lösung dafür verkaufen. Baymards 70,22 Prozent Warenkorbabbrüche sind eine Meta-Analyse aus 50 Fremdstudien, kein eigener Messwert
- Ein Test mit drei bis fünf Personen deckt die groben Probleme auf. Nielsens Zahl von 85 Prozent gilt im Mittel, streute bei Faulkner 2003 aber zwischen 55 und 99 Prozent. Heatmaps zeigen dagegen das Was und nicht das Warum
12 ·
Selbstcheck: kannst du das beantworten?
Deine Seite ist bedienbar, schnell und sauber gestaltet. Kann die user experience trotzdem schlecht sein?
Ja, und das Beispiel dafür stammt von Norman und Nielsen selbst. Selbst wenn die Oberfläche zum Finden eines Films perfekt ist, bleibt das Erlebnis schlecht für jemanden, der einen kleinen unabhängigen Film sucht, den die Datenbank gar nicht enthält.
Wenn dein Angebot oder deine Preisinformation nicht zu dem passt, wonach jemand sucht, hilft keine Gestaltung. Die erste Frage lautet deshalb nicht “wie sieht es aus”, sondern “wonach hat diese Person gesucht”.
Du hast Budget für genau eine Maßnahme: fünf Nutzertests oder ein Heatmap-Werkzeug für ein Jahr. Was nimmst du und warum?
Solange deine Seite keine großen Besucherzahlen hat: die Nutzertests. Eine Heatmap zeigt, wo geklickt wurde, ein Test zeigt, warum jemand zögert und wo deine Sprache nicht zu seiner passt.
Dazu kommt ein Datenmengenproblem: Für belastbare quantitative Heatmap-Aussagen empfiehlt die Nielsen Norman Group mindestens rund 30 Teilnehmer. Bei viel Traffic und einer eng gefassten Frage kann die Reihenfolge umgekehrt sinnvoll sein.
Eine Agentur verspricht dir “85 Prozent aller Usability-Probleme mit fünf Testpersonen”. Wie ordnest du das ein?
Die Zahl geht auf Jakob Nielsen zurück, gilt aber nicht unbesehen. Nielsen knüpft sie im Originalartikel von 2000 an vergleichbare Nutzer und empfiehlt bei mehreren Nutzergruppen drei bis vier Personen je Gruppe.
Dazu kommt die Streuung: Bei Faulkner fanden einzelne Fünfergruppen zwischen 55 und 99 Prozent der Probleme, bei offenen Aufgaben lag der Wert bei Spool und Schroeder bei rund 35 Prozent. Fünf Tests finden also die gröbsten Probleme, nicht alle.
Ein Anbieter schreibt dir: “53 Prozent Ihrer Besucher springen ab, weil Ihre Seite zu langsam ist.” Was machst du mit diesem Satz?
Erst die Herkunft prüfen. Die Zahl stammt von Google selbst und wurde 2015/2016 erhoben – für deine Seite heute ist sie eine Größenordnung von damals, kein Messwert.
Dann trotzdem handeln, aber mit eigenen Zahlen: Miss die Ladezeit deiner Seite und vergleiche später gegen diesen Ausgangswert. Bei der Ladezeit fängst du weiterhin an – nur belegt durch deine Messung statt durch eine Anbieterzahl.
Alle Lektionen des Webdesign- und CRO-Kurses im Überblick →
Quellen und Stand (17 Einträge)
- Norman, D. & Nielsen, J.: “The Definition of User Experience (UX)”, Nielsen Norman Group, Gründungsartikel datiert 08.08.1998, seither mehrfach aktualisiert – wörtliche Definition “User experience encompasses all aspects of the end-user’s interaction with the company, its services, and its products” sowie die Anforderung, die genauen Bedürfnisse des Kunden ohne Umstände zu treffen (nngroup.com, abgerufen 16.08.2026). Quellentyp: Praktiker-Referenz, verfasst von den Miturhebern des Begriffs
- Nielsen Norman Group: “What Is User Experience (and What Is It Not)?”, zuletzt aktualisiert 15.11.2024 – Definitionen von UI und Usability, Abgrenzung der drei Ebenen, Filmdatenbank-Beispiel zur Unterscheidung von Oberfläche und Gesamterlebnis (nngroup.com, abgerufen 16.08.2026)
- Norman, D.: “Where did the term User Experience (UX) come from?”, jnd.org (persönlicher Blog) – wörtliches Zitat “I do not know how we arrived at the name…”, Nennung von Tom Erickson und Harry Saddler, Gruppenname “The User Experience Architect’s Office”, Hinweis auf Brenda Laurels Essay “Interface as Mimesis” von 1986 (abgerufen 16.08.2026). Quellentyp: Primärquelle. Das verbreitete “too narrow”-Zitat ist demgegenüber nur über Sekundärquellen belegt, u. a. Adobe Blog, “Where Did the Term ‘User Experience’ Come From?”, 28.08.2017
- Google / Think with Google und DoubleClick: “The Need for Mobile Speed”, 2016/2017 – 53 Prozent Abbrüche bei mobilen Seitenaufrufen ab drei Sekunden Ladezeit, Datenbasis 4.500 mobile Websites über zwölf Monate von Juni 2015 bis Mai 2016. Ergänzend Google und SOASTA, 2017, maschinelles Lernmodell auf realen mobilen E-Commerce-Daten: plus 32 Prozent Absprungwahrscheinlichkeit von einer auf drei Sekunden, plus 123 Prozent bei zehn Sekunden. Sekundärbeleg marketingdive.com, abgerufen 16.08.2026. Interessenlage: Anbieter-Studie, Google bietet eigene Werkzeuge zur Seitengeschwindigkeit an
- Lynch, K.: “The Image of the City”, 1960 – Prägung des Begriffs Wayfinding, fünfjährige Untersuchung in Boston, Jersey City und Los Angeles, Konzept der cognitive maps aus Landmarken, Pfaden und Knoten. Sekundärbeleg über en.wikipedia.org, abgerufen 16.08.2026. Quellentyp: Standardwerk der Stadtplanung, auf das Web übertragen
- Nielsen Norman Group: Artikel zu Breadcrumbs und zu Local Navigation – Rückführung von Orientierungselementen im Web auf das Wayfinding-Prinzip, “You are here”-Vergleich (nngroup.com, abgerufen 16.08.2026)
- Nielsen, J. mit Molich, R.: zehn Usability-Heuristiken, ab 1990 entwickelt, finale Fassung 1994, NN/g-Seite zuletzt aktualisiert 30.01.2024 – Heuristik 4 (Consistency and Standards), Heuristiken 5 und 9 zu Fehlervermeidung und Fehlermeldungen, sowie “Jakob’s Law” zu mitgebrachten Nutzererwartungen (nngroup.com, abgerufen 16.08.2026). Quellentyp: Praktiker-Konsens, keine kontrollierte Studie
- Budiu, R.: “Mobile User Experience”, Nielsen Norman Group, 19.04.2015 – Befund “Mobile content is twice as difficult”, Teil eines mehrjährigen Mobile-Usability-Forschungsprogramms mit 151 Testpersonen aus mehreren Ländern; interne NN/g-Studien mit durchschnittlich 72 Sekunden mobiler gegenüber 150 Sekunden Desktop-Sitzungsdauer (nngroup.com, abgerufen 16.08.2026). Erhebung von 2015, seither nicht erneuert
- Lindgaard, G., Fernandes, G., Dudek, C., Brown, J. (2006): “Attention web designers: You have 50 milliseconds to make a good first impression!”, Behaviour & Information Technology, 25(2), 115-126 – drei Teilstudien mit 500-ms- und 50-ms-Bedingung, starke Korrelation der Attraktivitätsurteile zwischen beiden Bedingungen; über 1.000 Zitationen laut Semantic Scholar (abgerufen 16.08.2026). Quellentyp: peer-reviewed Studie
- Tractinsky, N., Katz, A.S., Ikar, D. (2000): “What is beautiful is usable”, Interacting with Computers, 13(2), 127-145, Ben Gurion University of the Negev – Experiment mit einer Software als Stellvertreter für einen Geldautomaten, Erhebung vor und nach der Nutzung; starke Korrelation zwischen wahrgenommener Ästhetik und wahrgenommener Usability, Effekt der Ästhetik auf die nachträgliche Usability-Wahrnehmung, kein entsprechender Effekt der tatsächlichen Usability (PDF ise.bgu.ac.il, Abstract wörtlich verifiziert, abgerufen 16.08.2026). Vorarbeit: Tractinsky, CHI 1997. Differenzierung: Tuch, A.N. et al. (2012), “Is beautiful really usable?” – Zusammenhang mit der wahrgenommenen Usability robust, Effekt auf die tatsächliche Aufgabenerfüllung schwächer und uneinheitlicher (Fundstelle aus Literatursuche, Inhalt nicht am Volltext verifiziert)
- Fogg, B.J., Soohoo, C., Danielson, D.R., Marable, L., Stanford, J., Tauber, E.R. (2003): “How Do Users Evaluate the Credibility of Web Sites? A Study with Over 2,500 Participants”, Proceedings of DUX ’03, ACM – 2.684 Teilnehmer, je zwei Live-Websites zum selben Thema, 100 Websites aus zehn Themenkategorien, Rekrutierung ab Mai 2002, 58,1 Prozent weiblich, Durchschnittsalter 39,9 Jahre; 46,1 Prozent der Kommentare bezogen sich auf den “design look” (PDF inhaltlich verifiziert, abgerufen 16.08.2026). Quellentyp: peer-reviewed Konferenzpaper
- Stanford Persuasive Technology Lab: “Stanford Guidelines for Web Credibility”, credibility.stanford.edu – zehn Richtlinien, aus der Fogg-Studie abgeleitet; die Seite weist als letzte Aktualisierung Juni 2002 aus, Copyright-Vermerk 2004, eine neuere Fassung existiert nicht (abgerufen 16.08.2026). In dieser Lektion ausdrücklich als historische Referenz verwendet
- Baymard Institute: “Cart Abandonment Rate Statistics”, Stand 22.09.2025 – 70,22 Prozent durchschnittliche Warenkorb-Abbruchrate, berechnet als Durchschnitt aus 50 publizierten Fremdstudien; Hinweis, dass rund 42 Prozent der Abbrüche auf Nutzer entfallen, die nie kaufen wollten; eigene Forschungsbasis nach Anbieterangabe zwölf Studien mit 20.240 Teilnehmern, Audits von über 150 Onlineshops, mehr als 28.000 Forschungsstunden über vierzehn Jahre (baymard.com, Methodik direkt verifiziert, abgerufen 16.08.2026). Interessenlage: verkauft UX-Research-Abos und Checkout-Berichte. Die Abbruchgründe (Zusatzkosten rund 55 Prozent, zu langer Checkout rund 26 Prozent) sind über Sekundärquellen konsistent wiedergegeben, aber nicht im Originalwortlaut geprüft
- Nielsen, J.: “Why You Only Need to Test with 5 Users”, Nielsen Norman Group, 18./19.03.2000 – Nielsen-Landauer-Formel von 1993, Einzelnutzer-Fundwahrscheinlichkeit typischerweise 31 Prozent, 85-Prozent-Aussage sowie der Vorbehalt für vergleichbare Nutzer und die Empfehlung von drei bis vier Personen je Nutzergruppe (nngroup.com, abgerufen 16.08.2026). Gegenposition, zusammengefasst mit Quellenangaben bei measuringu.com: Spool & Schroeder (2001), rund 35 Prozent gefundene Probleme bei offenen Aufgaben; Perfetti & Landesman (2001), Testpersonen 6 bis 18 fanden jeweils mindestens fünf weitere Probleme; Faulkner (2003), Streuung einzelner Fünfergruppen zwischen 55 und 99 Prozent (abgerufen 16.08.2026)
- Nielsen Norman Group: “How to Conduct Eyetracking Studies” – Empfehlung von mindestens 30, in Eyetracking-Studien eher rund 39 Teilnehmern für belastbare quantitative Heatmaps, Einordnung als teuerste gängige Research-Methode (media.nngroup.com, abgerufen 16.08.2026). Die Grenzen von Heatmaps und Sitzungsaufzeichnungen (Was statt Warum, Verschleierung individueller Pfade durch Aggregation, Anekdotenrisiko bei Aufzeichnungen) sind Praktiker-Konsens mehrerer Fachquellen ohne dominante Einzelquelle
- Nielsen Norman Group: “Accessibility Is Not Enough” – Einordnung von Barrierefreiheit und Inklusion als Zweige der Usability, Aussagen “Accessibility is a necessary, but not nearly sufficient, objective” und zur Unzulänglichkeit eines reinen Scorecard-Fokus (nngroup.com, abgerufen 16.08.2026)
- Budiu, R.: “UX Leads Adoption of AI Chat”, Nielsen Norman Group, 14.03.2025 – Datenbasis: Anthropic-Analyse von einer Million anonymisierter Claude.ai-Konversationen von Dezember 2024 bis Januar 2025; 7,5 Prozent UX-nahe Tätigkeiten, 55 Prozent von 203 UX-Teilaufgaben mindestens einmal mit KI versucht; Schwerpunkte Website-Design und -Entwicklung, Redigieren, Copy-Umschreibung, Textorganisation und Werbetexte; Aufgaben mit komplexer Analyse oder direkter menschlicher Interaktion weitgehend unberührt (nngroup.com, abgerufen 16.08.2026)
Du weißt, dass Besucher abspringen, aber nicht warum?
Wir sehen uns deine Seite mit den Augen deiner Kunden an, testen sie mit echten Menschen und sagen dir, welche Stelle zuerst dran ist.
