- Usability beschreibt, wie wirksam, effizient und zufriedenstellend Besucher auf einer Website ihre Ziele erreichen; so fasst die Norm DIN EN ISO 9241-11 den Begriff.
- Fünf Faktoren entscheiden im Alltag: Navigation, Ladezeit, Bedienung auf dem Smartphone, Lesbarkeit und eindeutige Schaltflächen.
- Google empfiehlt gute Werte bei den Core Web Vitals, weil ein gutes Nutzererlebnis auf der Seite den Zielen der Ranking-Systeme entspricht.
- Fünf Testpersonen finden laut Jakob Nielsen rund 85 Prozent der Bedienprobleme; Heatmaps und A/B-Tests ergänzen die Beobachtung um Zahlen.
Eine Website kann noch so gut aussehen: Finden Besucher nicht auf Anhieb, wonach sie suchen, landen sie nach wenigen Klicks bei der Konkurrenz.
Ein Klick · kostenlosDr. Web bei Google bevorzugenMarkieren Sie drweb.de als bevorzugte Quelle. Dann sehen Sie unsere Artikel öfter unter den Top-Meldungen.Jetzt hinzufügenInhalt 8 Abschnitte
- Was bedeutet Usability, und was unterscheidet sie von UX?
- Was kostet eine Website mit schlechter Usability?
- Welche fünf Faktoren entscheiden über die Usability Ihrer Website?
- Wie prüfen Sie die Usability Ihrer Website selbst?
- Welche Testmethoden liefern verlässliche Daten?
- Was können Sie von bekannten Websites lernen?
- Glossar: 8 wichtige Begriffe zur Usability
- FAQ: Häufige Fragen zur Usability im Webdesign
Gute Usability sorgt dafür, dass sich Besucher zurechtfinden, Formulare ohne Frust ausfüllen und am Ende anfragen, kaufen oder sich anmelden. Dr. Web hat den Beitrag vom März 2025 im Oktober 2026 vollständig überarbeitet. Neu sind die Definition nach Norm, die Core Web Vitals, die Vorgaben der WCAG und ein Überblick über die gängigen Testmethoden.
Was bedeutet Usability, und was unterscheidet sie von UX?
Usability heißt auf Deutsch Gebrauchstauglichkeit. Die Norm DIN EN ISO 9241-11 fasst den Begriff als das Ausmaß, in dem bestimmte Nutzer in einem bestimmten Nutzungskontext ihre Ziele effektiv, effizient und zufriedenstellend erreichen. Auf eine Website übertragen: Besucher erledigen ihr Anliegen, ohne Umwege und ohne Ärger.
Jakob Nielsen, Mitgründer der Nielsen Norman Group, zerlegt Usability in fünf Qualitätsmerkmale. An ihnen lässt sich jede Seite messen, vom Kontaktformular bis zum Bestellprozess.
Neue Besucher erledigen einfache Aufgaben schon beim ersten Besuch.
Geübte Nutzer kommen mit wenigen Schritten ans Ziel.
Nach einer Pause finden sich Besucher ohne neues Einarbeiten zurecht.
Bedienfehler passieren selten, wiegen leicht und lassen sich schnell beheben.
Die Nutzung fühlt sich angenehm an und nicht nach Arbeit.
User Experience, kurz UX, reicht weiter. Der Begriff umfasst alle Eindrücke vor, während und nach der Nutzung, also auch Markenwirkung, Gestaltung und Service. Usability bildet einen Teilbereich davon: Eine Seite kann sich einwandfrei bedienen lassen und trotzdem kein gutes Erlebnis bieten.
Was kostet eine Website mit schlechter Usability?
Die Kampagne läuft, die Besucherzahlen steigen, und trotzdem bleiben die Anfragen aus. Häufig liegt der Grund nicht in der Werbung, sondern auf der Seite selbst: Die Navigation gibt Rätsel auf, das Formular streikt auf dem Smartphone, der Text ist zu blass zum Lesen.
Solche Hürden zeigen sich in Kennzahlen, die jedes Analysewerkzeug liefert:
- Hohe Absprungraten auf Seiten, die eigentlich zum nächsten Schritt führen sollen
- Kurze Verweildauer auf Inhalten, die Fragen beantworten sollen
- Abbrüche im Formular oder im Bestellprozess
- Niedrige Conversion-Rate trotz passender Besucher
Auch Google achtet auf das Nutzererlebnis auf der Seite und empfiehlt gute Werte bei den Core Web Vitals. Die drei Kennzahlen messen, wie schnell der größte Inhalt erscheint (LCP), wie flott die Seite auf Eingaben reagiert (INP) und wie stark das Layout beim Laden springt (CLS). Als gut gelten höchstens 2,5 Sekunden, weniger als 200 Millisekunden und ein Wert unter 0,1.
Nach Googles eigener Aussage entspricht ein gutes Nutzererlebnis dem, was die zentralen Ranking-Systeme belohnen sollen. Schnelle, stabile Seiten verbessern damit Ihre Chancen in der Suche und halten zugleich die Besucher.
Welche fünf Faktoren entscheiden über die Usability Ihrer Website?
An unzähligen Stellschrauben lässt sich drehen. Fünf davon entscheiden darüber, ob Besucher bleiben und den nächsten Schritt gehen.
Navigation, die Fragen der Besucher beantwortet
Ein Menü, das die interne Abteilungsstruktur abbildet statt die Fragen der Besucher, schickt Menschen in die Irre. Klare Begriffe, eine flache Hierarchie und auf umfangreichen Seiten eine Suchfunktion führen in wenigen Klicks zum Ziel.
Kurze Ladezeiten
Jede zusätzliche Sekunde Wartezeit strapaziert die Geduld. Komprimierte Bilder, weniger Skripte von Drittanbietern und Caching verkürzen den Seitenaufbau, die Core Web Vitals zeigen anschließend, ob die Maßnahmen wirken.
Bedienung auf dem Smartphone
Ein großer Teil der Besuche kommt heute vom Smartphone. Lesbare Schriftgrößen, ausreichend große Schaltflächen und Formulare mit passender Bildschirmtastatur gehören deshalb zur Pflicht. Für anklickbare Flächen nennen die WCAG 2.2 auf Stufe AA als Mindestgröße 24 mal 24 CSS-Pixel, mit wenigen Ausnahmen.
Wie sich Layouts flexibel an jede Bildschirmbreite anpassen, erklärt unser Beitrag zu Responsive Design.
Lesbarkeit und Kontrast
Kurze Absätze, klare Sprache und genug Weißraum halten Leser bei der Stange. Für den Kontrast verlangen die WCAG 2.1 auf Stufe AA ein Verhältnis von mindestens 4,5:1 bei normalem Text und 3:1 bei großer Schrift. Hellgrau auf Weiß fällt dabei regelmäßig durch.
Für viele Onlineshops und digitale Dienstleistungen an Verbraucher gilt seit dem 28. Juni 2025 zudem das Barrierefreiheitsstärkungsgesetz. Über die Norm EN 301 549 verweist das Gesetz auf die WCAG 2.1 in Stufe AA. Kleinstunternehmen, die Dienstleistungen anbieten, sind ausgenommen.
Eindeutige Schaltflächen und Formulare
Ein Button, der nicht wie ein Button aussieht, ein Formular ohne Rückmeldung, eine Beschriftung wie „Hier klicken“: Solche Elemente zwingen Besucher zum Raten. Eindeutige Beschriftungen wie „Angebot anfordern“ und sichtbare Fehlermeldungen machen jede Interaktion vorhersehbar.
| Faktor | Warum er zählt | Was Sie verbessern können |
|---|---|---|
| Navigation | Besucher müssen sich schnell zurechtfinden | Klare Begriffe, flache Struktur, Suchfunktion |
| Ladezeit | Schnelle Seiten halten Besucher | Bilder komprimieren, Skripte reduzieren, Caching |
| Smartphone | Ein großer Teil der Besuche ist mobil | Große Klickflächen, lesbare Schrift, passende Tastatur |
| Lesbarkeit | Inhalte müssen sich leicht erfassen lassen | Kontrast ab 4,5:1, kurze Absätze, Weißraum |
| Schaltflächen | Besucher sollen sofort verstehen, was passiert | Eindeutige Beschriftungen, sichtbare Fehlermeldungen |
Die Prinzipien dahinter fasst unser Beitrag zu den Grundlagen des Webdesigns zusammen.
Wie prüfen Sie die Usability Ihrer Website selbst?
Bevor Sie in einzelne Optimierungen einsteigen, lohnt eine schnelle Bestandsaufnahme. Fünf Fragen genügen für den ersten Eindruck:
- Finden Besucher innerhalb weniger Sekunden, wonach sie suchen?
- Lässt sich die Navigation auf allen Geräten verstehen und bedienen?
- Funktionieren alle Formulare, Schaltflächen und Links?
- Reicht der Kontrast, um Texte mühelos zu lesen?
- Lädt die Seite auch über eine schwache Mobilfunkverbindung zügig?
Beantworten Sie mehrere Fragen mit Nein, besteht Handlungsbedarf.
Fünf Verbesserungen mit schneller Wirkung
- Navigation straffen: weniger Hauptpunkte, verständliche Bezeichnungen, kein Fachjargon
- Ladezeit senken: Bilder verkleinern, überflüssige Skripte entfernen, Caching aktivieren
- Schaltflächen verdeutlichen: Handlungsaufforderungen als Buttons erkennbar machen und eindeutig beschriften
- Kontrast erhöhen: dunkle Schrift auf hellem Grund statt Hellgrau auf Weiß
- Formulare kürzen: nur nötige Pflichtfelder, verständliche Beschriftungen, klare Fehlermeldungen
Welche Testmethoden liefern verlässliche Daten?
Ihr eigenes Urteil über die Website taugt nur begrenzt, denn Sie kennen jeden Menüpunkt. Verlässlicher sind Beobachtungen und Messungen mit echten Besuchern, die Ihre Seite zum ersten Mal sehen.
Warum scheitern Besucher? Testpersonen lösen Aufgaben, Sie sehen zu und fragen nach.
Welche Variante führt häufiger zum Ziel? Braucht genug Besucher für ein klares Ergebnis.
Wo klicken Besucher, wie weit scrollen sie? Zeigt übersehene Schaltflächen.
Wo hängen einzelne Besucher fest? Macht Abbrüche im Formular sichtbar.
Wie entwickeln sich Absprünge, Abbrüche und Conversion-Rate über die Zeit?
Usability-Test mit echten Nutzern
Beim Usability-Test lösen Testpersonen typische Aufgaben, etwa ein Produkt finden oder einen Termin buchen, während eine Moderatorin oder ein Moderator zusieht und nachfragt. Nach Jakob Nielsen decken schon fünf Testpersonen rund 85 Prozent der Bedienprobleme auf. Drei kleine Runden mit Korrekturen dazwischen bringen deshalb mehr als eine große.
Moderierte Tests verlangen Erfahrung bei Aufgabenstellung, Auswahl der Teilnehmer und Auswertung. Fehlt diese Erfahrung im eigenen Team, lässt sich der Test an eine spezialisierte Agentur vergeben, die Nutzerforschung und Oberflächengestaltung verbindet; passende Anbieter listet der Vergleich der UX/UI-Design-Agenturen.
A/B-Tests
Ein A/B-Test spielt zwei Varianten einer Seite zufällig an verschiedene Besuchergruppen aus und misst, welche häufiger zum Ziel führt. Aussagekräftig wird das Ergebnis erst mit genug Besuchern, deshalb eignet sich die Methode vor allem für stark besuchte Seiten.
Heatmaps und Sitzungsaufzeichnungen
Heatmaps zeigen, wo Besucher klicken und wie weit sie scrollen, Sitzungsaufzeichnungen geben einzelne Besuche wieder. Microsoft Clarity bietet beides kostenlos an, Hotjar in einem kostenlosen Basistarif. Beide Werkzeuge greifen auf das Endgerät der Besucher zu und brauchen deshalb nach § 25 TDDDG vorab eine Einwilligung.
Was können Sie von bekannten Websites lernen?
Jakob Nielsen hat eine Beobachtung formuliert, die heute als Jakobs Gesetz bekannt ist: Nutzer verbringen die meiste Zeit auf anderen Websites und erwarten deshalb, dass Ihre Seite so funktioniert wie die vertrauten Angebote. Gute Usability folgt also nicht dem Prinzip „Auffallen um jeden Preis“, sondern „Verstehen ohne Nachdenken“.
Konventionen, die Besucher erwarten
- Das Logo steht oben links und führt zurück zur Startseite.
- Die Hauptnavigation sitzt am oberen Rand, auf dem Smartphone hinter einem Menüsymbol.
- Im Onlineshop findet sich der Warenkorb oben rechts.
- Links heben sich farbig oder durch Unterstreichung vom Text ab.
- Formularfelder zeigen ihre Beschriftung sichtbar über dem Feld.
| Website | Was sie gut macht | Was Sie davon lernen können |
|---|---|---|
| Amazon | Suche und Warenkorb bleiben auf jeder Seite im Blick | Den Weg zum Kauf frei von Ablenkungen halten |
| Die Startseite konzentriert sich auf das Suchfeld | Jede Seite auf eine Hauptaufgabe ausrichten | |
| Apple | Klare visuelle Hierarchie und viel Weißraum | Wichtiges groß, Nebensächliches zurückhaltend zeigen |
| Wikipedia | Der Text steht im Mittelpunkt, ohne Spielereien | Inhalte vor Effekte stellen |
Usability und Vertrauen hängen eng zusammen. Was Besucher in den ersten Sekunden bewerten und welche Muster sich bewährt haben, zeigt unser Beitrag über Vertrauen durch Webdesign.
Gute Usability bemerkt niemand. Schlechte Usability bemerkt jeder Besucher, meist in dem Moment, in dem er die Seite wieder verlässt.
Markus Seyfferth, Chefredakteur Dr. Web
Glossar: 8 wichtige Begriffe zur Usability
Weitere Fachbegriffe erklärt das Webdesign-Glossar von Dr. Web.
A/B-Test
Ein A/B-Test vergleicht zwei Varianten einer Seite oder eines Elements, indem er Besucher zufällig auf beide verteilt. Pro Test ändert sich nur ein Element, damit das Ergebnis eindeutig bleibt.
Barrierefreiheit
Barrierefreiheit bedeutet, dass Menschen mit und ohne Einschränkungen eine Website nutzen können, etwa mit Tastatur oder Screenreader. Maßstab in Europa sind die WCAG 2.1 in Stufe AA.
Conversion-Rate
Die Conversion-Rate gibt an, welcher Anteil der Besucher eine gewünschte Aktion ausführt, etwa einen Kauf oder eine Anfrage. Berechnung: Conversions geteilt durch Besucher, mal 100.
Core Web Vitals
Die Core Web Vitals sind drei Kennzahlen von Google zum Nutzererlebnis auf einer Seite: Ladezeit des größten Inhalts (LCP), Reaktion auf Eingaben (INP) und Stabilität des Layouts (CLS).
Heatmap
Eine Heatmap färbt die Bereiche einer Seite nach Klicks, Mausbewegungen oder Scrolltiefe ein. Häufig genutzte Bereiche erscheinen warm, übersehene kalt.
Usability-Test
Beim Usability-Test lösen Testpersonen typische Aufgaben auf einer Website, während Beobachter Probleme festhalten. Tests laufen moderiert oder unmoderiert, vor Ort oder per Videokonferenz.
User Experience (UX)
User Experience umfasst alle Eindrücke vor, während und nach der Nutzung eines Produkts. Usability bildet davon den Teil, der die Bedienbarkeit betrifft.
WCAG
Die Web Content Accessibility Guidelines des W3C legen prüfbare Kriterien für barrierefreie Inhalte fest, etwa Mindestkontraste und Mindestgrößen für anklickbare Flächen.
FAQ: Häufige Fragen zur Usability im Webdesign
Was ist mit Usability gemeint?
Usability beschreibt die Gebrauchstauglichkeit einer Website oder Anwendung. Nach der Norm DIN EN ISO 9241-11 zählt dabei, wie effektiv, effizient und zufriedenstellend Nutzer ihre Ziele erreichen. Auf einer Website mit guter Usability finden Besucher ohne Umwege und ohne Frust, was sie suchen.
Was ist der Unterschied zwischen Usability und User Experience?
Usability betrifft die Bedienbarkeit. User Experience umfasst zusätzlich alle Eindrücke vor, während und nach der Nutzung, etwa Markenwirkung, Gestaltung und Service. Eine Seite kann sich gut bedienen lassen und trotzdem ein schwaches Gesamterlebnis bieten.
Beeinflusst die Usability das Google-Ranking?
Google empfiehlt gute Werte bei den Core Web Vitals, also bei Ladezeit, Reaktionszeit und Layoutstabilität, und erklärt, ein gutes Nutzererlebnis entspreche den Zielen seiner Ranking-Systeme. Relevante Inhalte bleiben die Grundlage, ein gutes Nutzererlebnis verbessert die Chancen zusätzlich.
Wie viele Testpersonen braucht ein Usability-Test?
Nach Jakob Nielsen decken fünf Testpersonen rund 85 Prozent der Bedienprobleme auf. Sinnvoller als ein großer Test sind mehrere kleine Runden mit jeweils fünf Personen und Korrekturen dazwischen.
Mit welchen Methoden lässt sich die Usability testen?
Usability-Tests mit echten Nutzern zeigen, warum Besucher scheitern. A/B-Tests vergleichen zwei Varianten einer Seite, Heatmaps zeigen Klicks und Scrolltiefe, Sitzungsaufzeichnungen geben einzelne Besuche wieder. Kennzahlen wie Absprungrate und Conversion-Rate zeigen, wo sich ein genauer Blick lohnt.
Welche Kontrastwerte verlangen die WCAG?
Die WCAG 2.1 verlangen auf Stufe AA ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für große Schrift. Für viele Onlineshops und digitale Dienstleistungen an Verbraucher ist Stufe AA seit dem 28. Juni 2025 über das Barrierefreiheitsstärkungsgesetz verbindlich.
Quellen
10 Quellen anzeigenQuellen ausblendenabgerufen am 22.10.2026
- DIN MediaDIN EN ISO 9241-11:2018, Ergonomie der Mensch-System-Interaktion, Teil 11: Gebrauchstauglichkeit
- Jakob Nielsen, Nielsen Norman GroupUsability 101: Introduction to Usability
- Jakob Nielsen, Nielsen Norman GroupWhy You Only Need to Test with 5 Users
- Jakob Nielsen, Nielsen Norman GroupJakob’s Law of Internet User Experience
- Google Search CentralUnderstanding Core Web Vitals and Google search results
- W3CWeb Content Accessibility Guidelines (WCAG) 2.1, Erfolgskriterium 1.4.3 Kontrast (Minimum)
- W3CWeb Content Accessibility Guidelines (WCAG) 2.2, Erfolgskriterium 2.5.8 Zielgröße (Minimum)
- Bundesministerium der JustizBarrierefreiheitsstärkungsgesetz (BFSG), § 3 Absatz 3 und § 38
- Bundesministerium der Justiz§ 25 Telekommunikation-Digitale-Dienste-Datenschutz-Gesetz (TDDDG)
- BrowserStackWebsite Usability Testing: A Beginner’s Guide
Der Beitrag erschien auf Dr. Web zuerst am 17. März 2025 und wurde im Oktober 2026 vollständig überarbeitet.
