Gutes Design sieht gut aus.
Großartiges Design bewegt.

Eine Suche braucht passende Treffer, verständliche Beschreibungen und hilfreiche Wege bei leeren Ergebnissen.

Der Tastaturfokus muss erkennbar und erreichbar bleiben. Prüfe Reihenfolge, Dialoge, Vergrößerung und verdeckte Elemente.

Vergleichbare Kriterien, eindeutige Einheiten und eine klare Ausrichtung machen Tabellen verständlich.

Mobile Tabellen brauchen eine klare Aufgabe: Vergleiche gestapelte Daten und seitliches Scrollen anhand derselben Fragen.

Passwörter kontrolliert anzeigen und verbergen: verständliche Zustände, Tastaturbedienung und Passwortmanager berücksichtigen.

Ergebnisse verlässlich wiederfinden: Pagination, Filter, Rückwege und Mehr-laden-Verhalten im Zusammenhang gestalten.

Linktexte sollen ihre Ziele ankündigen. Prüfe Beschriftung, Verhalten, Zustände und tatsächlichen Zielinhalt.

Fortschrittsanzeigen sollen den tatsächlichen Ablauf erklären – auch bei Rückwegen, Korrekturen und zusätzlichen Fragen.

Warum Labels sichtbar bleiben müssen und wie Frage, Hilfetext und Eingabe auch bei Fehlern zusammenarbeiten.

Konkrete Fehlermeldungen führen zur Korrektur. Prüfe Ursache, betroffene Stelle, Fokus und erhaltene Eingaben.

Wann ein Dropdown passt, welche Alternativen sichtbar bleiben sollten und warum die Vorauswahl eine eigene Entscheidung ist.

Bekanntes Datum oder freie Terminwahl? Wähle die passende Eingabe und unterscheide Formatfehler von fachlichen Grenzen.

Dateiauswahl, Übertragung und bestätigter Abschluss sind verschiedene Zustände. So wird ein Upload nachvollziehbar.

Eine oder mehrere Antworten: Wähle passende Steuerelemente und mache die zugrunde liegende Entscheidungsregel verständlich.

Buttons sollen die tatsächliche Handlung ankündigen. So unterscheidest du Öffnen, Speichern und Absenden verständlich.

Breadcrumbs erklären die Hierarchie einer Website. Unterscheide Standort, Verlauf und Rückweg auf allen Bildschirmgrößen.

Bestätige den tatsächlichen Zustand und erkläre den nächsten Schritt, statt nur einen allgemeinen Erfolg anzuzeigen.

Angaben vor dem Absenden prüfen: verständliche Gruppen, gezielte Änderungswege und ein eindeutiger Abschluss.

Akkordeons gezielt einsetzen: wichtige Informationen offen halten, Abschnitte klar benennen und Bedienwege prüfen.

Nähe, Abstand und Ausrichtung zeigen Zugehörigkeit. So bleiben Gruppen auch mit langen Texten und Fehlern verständlich.

Wie Gewichtung, Reihenfolge und Vorgaben Entscheidungen beeinflussen – und wie du verständliche Alternativen prüfst.

Verlässliche Farbrollen statt pauschaler Farbpsychologie: So gestaltest und prüfst du ein konsistentes System.

Weniger Optionen helfen nicht automatisch. Kläre Unterschiede, ordne Entscheidungen und teste konkrete Aufgaben.

Schrift, Zeilenlänge und Abstände gemeinsam gestalten: praktische Leseproben für Desktop, Smartphone und Vergrößerung.

Ein klares Angebot, passende Belege und ein verständlicher nächster Schritt: So prüfst du den Aufbau deiner Landingpage.

Textkontrast berechnen, WCAG-Schwellenwerte einordnen und tatsächliche Zustände prüfen – mit interaktivem Kontrastlabor.