Ab welcher Anzahl von Auswahlmöglichkeiten sollte ein Dropdown-Menü anstatt von Radio-Buttons verwendet werden?

Melden

In der User Experience (UX) Design-Praxis gibt es eine bewährte Faustregel, ab wann man von Radio-Buttons zu einem Dropdown-Menü (Select-Box) wechseln sollte.

Hier ist die Orientierungshilfe:

1. Die Faustregel nach Anzahl

  • 2 bis 4 Optionen: Verwende Radio-Buttons. Der Nutzer sieht sofort alle Möglichkeiten, ohne klicken zu müssen.
  • 5 bis 6 Optionen: Dies ist die Grauzone. Hier kommt es auf den verfügbaren Platz und die Wichtigkeit der Entscheidung an.
  • Ab 7 Optionen: Verwende ein Dropdown-Menü. Radio-Buttons nehmen ab dieser Menge zu viel Platz ein und wirken unübersichtlich.

Wann Radio-Buttons (auch bei 5-6 Optionen) besser sind:

  • Geringe kognitive Last: Wenn der Nutzer die Optionen schnell vergleichen muss (z. B. Preispläne oder Größen).
  • Wichtigkeit: Wenn die Entscheidung zentral für den Prozess ist. Radio-Buttons lenken mehr Aufmerksamkeit auf die Auswahl.
  • Schnelligkeit: Ein Klick reicht aus. Bei einem Dropdown sind es immer zwei (Öffnen + Auswählen).

Wann ein Dropdown (schon ab 5 Optionen) besser ist:

  • Platzmangel: In einer Seitenleiste oder auf mobilen Bildschirmen spart das Dropdown wertvollen Platz.
  • Standardwerte: Wenn die meisten Nutzer ohnehin die Standardeinstellung (Default) behalten und die anderen Optionen selten gebraucht werden.
  • Wiederkehrende Muster: In Formularen, in denen viele Daten abgefragt werden, wirkt eine Liste von Radio-Buttons oft unruhig ("visuelles Rauschen").

Besondere Ausnahmen

  1. Ja/Nein-Fragen (Binär): Hier sollten immer Radio-Buttons (oder ein Switch/Toggle) verwendet werden, niemals ein Dropdown. Ein Dropdown versteckt die alternative Antwortmöglichkeit unnötig.
  2. Sehr viele Optionen (20+): Hier reicht ein normales Dropdown oft nicht mehr aus. Verwende stattdessen ein Dropdown mit Suchfunktion (Type-ahead / Autocomplete), wie man es von Länderauswahlen kennt.
  3. Vorgabewerte: Wenn ein Feld optional ist oder ein "Keine Angabe" möglich ist, muss bei Radio-Buttons diese Option explizit aufgeführt werden. Ein Dropdown kann einfach "Bitte wählen..." als Platzhalter anzeigen.

Zusammenfassung für die Praxis:

Wenn du unsicher bist, nimm Radio-Buttons für alles bis zu 5 Optionen. Es ist für den Nutzer fast immer die schnellere und benutzerfreundlichere Lösung, da alle Informationen sofort sichtbar sind. Erst wenn das Interface dadurch "vollgestopft" wirkt, solltest du zum Dropdown greifen.