
Website-Suche: Ein Suchfeld braucht einen brauchbaren Rückweg
Eine Suche braucht passende Treffer, verständliche Beschreibungen und hilfreiche Wege bei leeren Ergebnissen.
Weiterdenken ↗UNABHÄNGIGE PERSPEKTIVEN AUF DESIGN
Warum wir klicken, fühlen und entscheiden. Entdecke die Wirkung hinter der Gestaltung.

Eine Suche braucht passende Treffer, verständliche Beschreibungen und hilfreiche Wege bei leeren Ergebnissen.
Weiterdenken ↗
Der Tastaturfokus muss erkennbar und erreichbar bleiben. Prüfe Reihenfolge, Dialoge, Vergrößerung und verdeckte Elemente.
Weiterdenken ↗
Vergleichbare Kriterien, eindeutige Einheiten und eine klare Ausrichtung machen Tabellen verständlich.
Weiterdenken ↗
Mobile Tabellen brauchen eine klare Aufgabe: Vergleiche gestapelte Daten und seitliches Scrollen anhand derselben Fragen.
Weiterdenken ↗
Passwörter kontrolliert anzeigen und verbergen: verständliche Zustände, Tastaturbedienung und Passwortmanager berücksichtigen.
Weiterdenken ↗
Ergebnisse verlässlich wiederfinden: Pagination, Filter, Rückwege und Mehr-laden-Verhalten im Zusammenhang gestalten.
Weiterdenken ↗
Linktexte sollen ihre Ziele ankündigen. Prüfe Beschriftung, Verhalten, Zustände und tatsächlichen Zielinhalt.
Weiterdenken ↗
Fortschrittsanzeigen sollen den tatsächlichen Ablauf erklären – auch bei Rückwegen, Korrekturen und zusätzlichen Fragen.
Weiterdenken ↗
Warum Labels sichtbar bleiben müssen und wie Frage, Hilfetext und Eingabe auch bei Fehlern zusammenarbeiten.
Weiterdenken ↗
Konkrete Fehlermeldungen führen zur Korrektur. Prüfe Ursache, betroffene Stelle, Fokus und erhaltene Eingaben.
Weiterdenken ↗
Wann ein Dropdown passt, welche Alternativen sichtbar bleiben sollten und warum die Vorauswahl eine eigene Entscheidung ist.
Weiterdenken ↗
Bekanntes Datum oder freie Terminwahl? Wähle die passende Eingabe und unterscheide Formatfehler von fachlichen Grenzen.
Weiterdenken ↗
Dateiauswahl, Übertragung und bestätigter Abschluss sind verschiedene Zustände. So wird ein Upload nachvollziehbar.
Weiterdenken ↗
Eine oder mehrere Antworten: Wähle passende Steuerelemente und mache die zugrunde liegende Entscheidungsregel verständlich.
Weiterdenken ↗
Buttons sollen die tatsächliche Handlung ankündigen. So unterscheidest du Öffnen, Speichern und Absenden verständlich.
Weiterdenken ↗
Breadcrumbs erklären die Hierarchie einer Website. Unterscheide Standort, Verlauf und Rückweg auf allen Bildschirmgrößen.
Weiterdenken ↗
Bestätige den tatsächlichen Zustand und erkläre den nächsten Schritt, statt nur einen allgemeinen Erfolg anzuzeigen.
Weiterdenken ↗
Angaben vor dem Absenden prüfen: verständliche Gruppen, gezielte Änderungswege und ein eindeutiger Abschluss.
Weiterdenken ↗
Akkordeons gezielt einsetzen: wichtige Informationen offen halten, Abschnitte klar benennen und Bedienwege prüfen.
Weiterdenken ↗
Nähe, Abstand und Ausrichtung zeigen Zugehörigkeit. So bleiben Gruppen auch mit langen Texten und Fehlern verständlich.
Weiterdenken ↗
Wie Gewichtung, Reihenfolge und Vorgaben Entscheidungen beeinflussen – und wie du verständliche Alternativen prüfst.
Weiterdenken ↗
Verlässliche Farbrollen statt pauschaler Farbpsychologie: So gestaltest und prüfst du ein konsistentes System.
Weiterdenken ↗
Weniger Optionen helfen nicht automatisch. Kläre Unterschiede, ordne Entscheidungen und teste konkrete Aufgaben.
Weiterdenken ↗
Schrift, Zeilenlänge und Abstände gemeinsam gestalten: praktische Leseproben für Desktop, Smartphone und Vergrößerung.
Weiterdenken ↗
Ein klares Angebot, passende Belege und ein verständlicher nächster Schritt: So prüfst du den Aufbau deiner Landingpage.
Weiterdenken ↗
Textkontrast berechnen, WCAG-Schwellenwerte einordnen und tatsächliche Zustände prüfen – mit interaktivem Kontrastlabor.
Weiterdenken ↗