Select oder Radio-Buttons?

von Dennis Erdmann

Wann verwendest du am besten ein Select-Feld in Formularen — und wann sind Radio-Buttons die bessere Wahl? Ein klassisches Beispiel dafür ist die Anrede.

Vorab: Es lohnt sich zu hinterfragen, ob die Anrede überhaupt abgefragt werden muss. Wenn möglich, verzichte darauf. Aber gehen wir davon aus, dass sie zwingend benötigt wird.

Was für ein Select spricht

Ein Select spart Platz und lässt sich relativ gut in eine Reihe aus Vorname und Nachname integrieren.

Was für Radio-Buttons spricht

Die Formular-Richtlinien von Apple und Microsoft geben unter anderem diese Empfehlungen:

  • Verwende Radio-Buttons, wenn Nutzer:innen auf einen Blick alle Optionen sehen sollten, bevor sie eine Auswahl treffen.
  • Verwende Radio-Buttons für maximal 4–5 Optionen, ein Select für 5 und mehr Optionen.

Da es im Deutschen nur wenige Anredeformen gibt, wäre ein Select grundsätzlich in Ordnung — nach der zweiten Regel sind Radio-Buttons aber die bessere Lösung. Auch die Nielsen Norman Group (Expert:innen für Usability-Forschung) empfahl bereits 2004 im Artikel Checkboxes vs. Radio Buttons, wenn möglich Radio-Buttons statt einem Select zu verwenden.

Die Empfehlung für die Anrede lautet daher: Radio-Buttons statt Select — und die Optionen vertikal ausrichten.

Und das dritte Geschlecht?

Auf den Websites vieler großer Unternehmen (u. a. Bahn und Mercedes) gibt es neben Herr und Frau die Option Divers. Das ist streng genommen nicht korrekt, denn Divers ist keine Anrede. Besser: „keine Anrede“ als dritte Option. Das hilft nebenbei auch bei der Umsetzung der Bestätigungsmails.

Verwandte Tipps

Bei sehr vielen Optionen stößt auch ein natives Select an seine Grenzen — dann hilft Tom Select, das die Optionen durchsuchbar macht.

  • formulare
  • ux
  • html

Zurück zur Übersicht