Ein Dropdown spart Platz, verbirgt aber seine Alternativen bis zum Öffnen. Es ist sinnvoll, wenn diese Verdichtung zur Aufgabe passt. Bei wenigen erklärungsbedürftigen Antworten ist eine sichtbare Auswahl oft die bessere Ausgangsidee. Eine feste optimale Zahl von Optionen lässt sich daraus nicht für jede Website ableiten.
Ein passender Einsatz: Sortierung
Das offizielle GOV.UK-Select-Beispiel zeigt eine Sortiereinstellung. Die Beschriftung steht oberhalb, der aktuelle Wert bleibt im geschlossenen Zustand sichtbar. Hier beschreibt die Auswahl eine Einstellung einer Liste, nicht eine unbeantwortete persönliche Frage.
Diese Unterscheidung ist wichtig: Eine sinnvolle Standardsortierung kann bereits gelten. Bei einer Frage nach persönlichen Umständen könnte dieselbe Vorauswahl eine unbeabsichtigte Antwort erzeugen. Welche Komponente geeigneter ist, hängt von der konkreten Aufgabe ab.
Unterschiedliche Empfehlungen haben einen Kontext
GOV.UK rät bei öffentlichen Services zu großer Zurückhaltung mit Selects und beschreibt konkrete Bedienprobleme. Die Baymard-Untersuchung zu Dropdowns diskutiert ähnliche Hürden im E-Commerce, einschließlich Situationen mit sehr kurzen und sehr langen Listen. Ihre Empfehlungen stammen aus unterschiedlichen Anwendungskontexten. Eine Zahlenregel daraus ungeprüft auf jedes Formular zu übertragen wäre zu grob.
Entscheidend ist beispielsweise, ob Menschen die gesuchte Antwort schon kennen. Eine lange Liste bekannter Ländernamen ist eine andere Aufgabe als die Auswahl eines unbekannten Fachbegriffs. Freie Eingabe, Suche mit Vorschlägen und sichtbare Optionen haben jeweils andere Anforderungen an Fehlerbehandlung und Zugänglichkeit.
Drei Fragen vor dem Einbau
Müssen die Alternativen gleichzeitig vergleichbar sein? Brauchen einzelne Optionen eine Erklärung? Gibt es eine fachlich richtige bestehende Einstellung, oder wird eine neue Antwort verlangt? Wenn du diese Fragen beantwortest, wird die Wahl des Elements meist klarer als durch das Zählen von Zeilen.
Teste danach auf einem tatsächlichen Smartphone und mit Tastatur. Native Auswahlfelder können je nach Betriebssystem unterschiedlich erscheinen. Prüfe nicht nur das Öffnen, sondern auch Auswahl, Abbruch und Rückkehr zum Formular. Eine selbst gebaute Liste muss dieses Verhalten erst zuverlässig nachbilden.
Wenn Platz das einzige Argument ist
Schau noch einmal auf den Aufbau der Seite. Vielleicht stehen zu viele unabhängige Entscheidungen gleichzeitig im Weg. Vielleicht lässt sich eine Frage kürzen oder eine optionale Vertiefung später anbieten. Ein Dropdown verschiebt die Komplexität sonst nur hinter einen Klick.
Kompakt ist nur ein Teil der Entscheidung
Ein geschlossenes Dropdown zeigt meist den aktuellen Wert, aber nicht die Bandbreite der Alternativen. Das passt zu einer bekannten Einstellung wie einer Sortierung. Bei einer erstmaligen Entscheidung kann es dagegen nötig sein, mehrere Antworten direkt zu vergleichen. Frage deshalb vor der Gestaltung, ob Besucher ihre gewünschte Option bereits benennen können oder sie erst anhand der Liste verstehen müssen.
Die Länge einer Liste allein liefert keine vollständige Antwort. Zwölf vertraute Monatsnamen sind anders zu beurteilen als zwölf ähnlich klingende Tarifbezeichnungen. Reihenfolge, Sprache und Unterscheidbarkeit sind Teil derselben Entscheidung. Wenn Optionen nur mithilfe längerer Erläuterungen sinnvoll gewählt werden können, ist ein enger geschlossener Bereich möglicherweise die falsche Grundlage.
Vorauswahl und fehlende Antwort unterscheiden
Eine Standardsortierung ist bereits eine gültige Einstellung. Die persönliche Antwort auf eine Frage ist dagegen nicht automatisch bekannt. Verwende nicht die erste echte Option als stillschweigende Antwort, wenn die Person aktiv entscheiden soll. Ein neutraler Ausgangszustand kann diese Unterscheidung unterstützen, muss aber verständlich beschriftet und bei der Verarbeitung korrekt berücksichtigt werden.
Wenn eine Auswahl weitere Felder verändert, sollte diese Folge nachvollziehbar sein. Ein stilles Zurücksetzen bereits ausgefüllter Angaben kann überraschend sein. Prüfe deshalb auch den Rückweg: Was geschieht, wenn eine Person nach mehreren Eingaben noch einmal eine andere Option auswählt? Die Antwort darf nicht allein im technischen Verhalten verborgen bleiben.
Eigenbau braucht einen guten Grund
Eine individuell gestaltete Auswahlliste muss mehr leisten als eine schöne geöffnete Ansicht. Sie benötigt verständliche Zustände, Tastaturbedienung, Fokusführung und ein verlässliches Verhalten bei langen Texten. Bevor du eine Standardkomponente ersetzt, halte fest, welcher konkrete Bedarf dadurch besser erfüllt wird. Eine geringe optische Abweichung ist selten eine ausreichende Begründung für zusätzliche Komplexität.
Teste schließlich auf einem tatsächlichen Smartphone. Dort kann eine native Auswahl anders geöffnet werden als auf dem Desktop. Prüfe, ob die Beschriftung weiterhin erkennbar ist und ob sich die richtige Option ohne unnötiges Suchen auswählen lässt. Der geschlossene Entwurf zeigt nur einen kleinen Teil dieser Aufgabe.
Für den sichtbaren Vergleich lies Checkbox oder Radiobutton. Wenn das eigentliche Problem unklare Optionen sind, hilft die Analyse von Auswahl und Entscheidungsaufwand.
