it-swarm-eu.dev

Wann sollte ich ein Auswahlfeld anstelle von Optionsfeldern verwenden?

Ich weiß, dass ein Auswahlfeld weniger Platz beansprucht und für viele Optionen geeignet ist. Aber sollte meine Wahl tiefere Einflüsse haben als der Raum? Gibt es Studien, die zeigen, dass Benutzer das eine oder andere bevorzugen?

Es gibt auch das Problem der Mehrfachauswahl im Vergleich zu Kontrollkästchen in HTML, das auch hier behandelt werden kann, da die Antwort wahrscheinlich dieselbe sein wird.

53

Ich verwende select, wenn der Benutzer nicht alle verfügbaren alternativen Optionen kennen muss. Autosuggest ist nützlich für eine lange Liste. Im Allgemeinen wissen sie, was sie wollen, und wählen platzsparend aus. Beispiel: Wählen Sie einen "Bundesstaat" wie Kalifornien oder New York. Sie würden niemals Optionsfelder verwenden.

Ich benutze Optionsfelder, wenn die Alternativen wichtig sind. Wenn ich möchte, dass Benutzer sehen, was sie NICHT auswählen. Mit Optionsfeldern können Sie die Auswahl erweitern und sogar längeren Text verwenden.

Faustregel: Wenn es sich um eine lange Liste handelt oder die Alternativen nicht so wichtig sind, verwenden Sie eine Auswahl.

78
Glen Lipka

Richtlinien für Benutzeroberflächen wie MS, Apple, Gnome usw. geben normalerweise recht klare Vorschläge dazu:

  • Optionsfelder: weniger als 5 Auswahlmöglichkeiten

  • Wählen Sie Box: 6 bis 10 Optionen

  • Bildlaufliste: 11 oder mehr Optionen oder
    • Muss Drag & Drop in Liste unterstützen
    • anzahl der Elemente variieren

Darüber hinaus können Sie das Auswahlfeld verwenden, wenn Sie Speicherplatz sparen müssen oder die Standardauswahl normalerweise gut genug ist, sodass Benutzer ihre Auswahl selten überprüfen müssen.

Drittens kann es für Wochentage, Monate usw. verwendet werden. Das sind Dinge, bei denen Sie wissen welche Auswahlmöglichkeiten Sie haben, ohne dass Ihnen alle angezeigt werden. Wenn ich "Februar" in einem Auswahlfeld sehe, kann ich ziemlich genau erraten, welche anderen Optionen es geben wird.

Begründung für die Verwendung eines GUI-Elements gegenüber einem anderen

Im Allgemeinen werden Optionsfelder normalerweise bevorzugt, da Benutzer alle ihre Auswahlmöglichkeiten sofort sehen können. Das Anzeigen aller Auswahlmöglichkeiten kann jedoch viel wertvollen Platz in der Benutzeroberfläche beanspruchen. Aus diesem Grund empfehlen die meisten Richtlinien die Verwendung anderer Auswahlmethoden, wenn viele Auswahlmöglichkeiten bestehen.

Z.B. a scrollbare Liste kann eine beliebige Anzahl von Auswahlmöglichkeiten anzeigen, ohne viel Platz zu beanspruchen. Der Nachteil ist, dass Sie nicht alle Auswahlmöglichkeiten sehen können.

Ein Auswahlfeld unterscheidet sich darin, dass wir es verwenden, wenn wir dem Benutzer zeigen, dass alle Auswahlmöglichkeiten nicht so wichtig sind. Z.B. wenn der Benutzer die Auswahl erraten kann oder sehr selten die Standardeinstellungen ändern muss. Das Auswahlfeld dient hauptsächlich dazu, dem Benutzer die Einstellung anzuzeigen. Wenn es jedoch viele Möglichkeiten gibt, kann ein Auswahlfeld schwierig zu navigieren sein, und daher wäre ein scrollbare Liste vorzuziehen.

13
Erik Engheim

Abgesehen vom Platzangebot und der Anzahl der Optionen gibt es wirklich keinen großen Unterschied. Eine Sache, die ich an Optionsfeldern mag, ist, dass Sie sie so gestalten können, dass sie wie große Schaltflächen aussehen, was für Touch-Interfaces nützlich sein kann. Wenn Sie nur wenige Optionen haben, ist es viel einfacher, einen großen Knopf zu drücken, als das kleine Dropdown-Menü zu drücken und die kleine Option zu drücken.

Was Mehrfachauswahl und Kontrollkästchen betrifft, bevorzuge ich es wirklich, keine Mehrfachauswahl zu verwenden. Nur weil Sie eine Tastenkombination zusammen mit Ihrem Mausklick verwenden müssen. Viele Benutzer wissen nicht, wie Verknüpfungen funktionieren, und können nicht mehrere Optionen auswählen.

12
LoganGoesPlaces

Ein weiterer Unterschied zwischen den beiden Eingaben, der häufig übersehen wird: Wenn ein Optionsfeld nicht ausgewählt ist, wird es nicht an das Formular gesendet. Oder anders ausgedrückt: Optionsfelder bieten die Möglichkeit, keine Optionen auszuwählen.

Mit einem Dropdown-Menü (Auswahlfeld) haben Sie möglicherweise eine Option ohne Wert (leer, "") und machen sie zur Standardeinstellung. Wenn ein Benutzer diese Option jedoch unberührt lässt, sagt er effektiv "Meine Antwort ist leer", da die Das Formular gibt "my_input_name: ''" weiter. Mit einem Optionsfeld können Sie eine Option wie "N/A" oder "Keine der oben genannten" anbieten, die ein Benutzer explizit auswählen und daher zwischen dem Benutzer, der "-blank-" auswählt, und einem Benutzer, der die Frage überspringt/auswählt, unterscheiden kann nicht antworten (Diese Unterscheidung wird zu einer echten Herausforderung in der DB-Logik niedrigerer Ebene, wenn zwischen einem mit dem Wert NULL gespeicherten Feld und einem leeren (leeren) Wert unterschieden wird.).

Auf der Kehrseite dieser Funktion von Optionsfeldern befindet sich etwas anderes, das häufig über Optionsfelder vergessen wird: Sie können die Frage nicht aufheben. Wenn Sie ein Funkfeld haben wie:

Geschlecht Männlich Weiblich ()

ein Benutzer kann die Frage überspringen und das Feld wird nicht einmal als leer weitergegeben. Aber wenn ein Benutzer männlich auswählt, stecken sie jetzt fest. Sie können die Antwort entweder in weiblich ändern oder als männlich belassen. (Bei HTML-Formularen können sie auch ein wenig über die Verwendung ihrer Browserkonsole lernen, dies fällt jedoch nicht in das UI/UX-Design und in die Programmierung und Sicherheit.).

Mit dieser Funktion "Keine Rücknahme" von Optionsfeldern erhalten Sie einige Optionen, die ein Dropdown-Menü nicht bieten würde:

  1. Fähigkeit, "nicht geantwortet" von "meine Antwort ist leer" zu unterscheiden
  2. Möglichkeit, alle Optionen anzuzeigen, ohne eine leere oder Standardoption zu erzwingen. Bei Dropdowns müssen Sie entweder eine Option leer machen und dann damit umgehen, dass diese Option keine gültige Benutzerauswahl ist, oder eine Option für den Benutzer vorab auswählen (wie die erste Option in der Liste), bei der das Risiko besteht unbeabsichtigt eingereicht, wenn der Benutzer es versäumt, eine Auswahl zu treffen (vielleicht wollten sie darauf zurückkommen, vielleicht haben sie sie nicht gesehen) oder wenn sie absichtlich nicht ausgewählt wird, weil keine leere Option vorhanden ist. In beiden Fällen sind die Daten jetzt weniger wertvoll, da die Option "Standard" möglicherweise die richtige Antwort ist oder nicht (wenn Sie mir nicht glauben, fragen Sie Ihre Daten ab, um ein Zeilenverhältnis mit der Standardoption für das Feld im Vergleich zu zu erhalten Zeilen mit einer anderen Option. Sie werden verblüfft sein, wie viele Menschen anscheinend in Alabama leben, wenn dies die Standardoption ist.

  3. Bessere Kontrolle über die Handhabung der Formularvalidierung, insbesondere der "erforderlichen" Felder. Es gibt kein erforderliches Dropdown-Feld. Es gibt nur Dropdown-Felder, in denen die leere Option nicht gültig ist. Natürlich ist es besser, eine Dropdown-Liste mit Status mit einer leeren Option bereitzustellen und die leere Option so zu behandeln, dass sie keinen Status auswählt, als Ihr Formular auszublasen, um eine leere Option zu vermeiden. Bei Fragen mit höchstens 4-5 Antworten ist dies jedoch der Fall Es ist besser, die vollständige Liste der Optionen bereitzustellen, als ein Dropdown-Menü mit einer leeren Option zu verwenden, die eigentlich keine Option ist, und sich dann mit der Unterscheidung zwischen leeren und nicht ausgewählten Optionen zu befassen.

Bonus Meinung:

Aus dem gleichen Grund wie die oben genannten Ideen ist es auch sehr dumm, Dropdowns anstelle von Kontrollkästchen zu verwenden. Ein Dropdown mit den Optionen "Ja/Nein" oder "Richtig/Falsch" lässt mich jedes Mal die Augen verdrehen. Der nur Grund für die Verwendung eines Dropdowns ist, wenn Sie eine dritte leere Option angeben und diese als gültige Auswahl betrachtet wird. Und selbst dann wäre ein Optionsfeld wahrscheinlich die bessere Wahl.

4
Anthony

Ich habe nur selbst über eine Interaktion nachgedacht und denke, ein weiterer Vorteil von Optionsfeldern besteht darin, dass sie zusätzlichen Platz für Support-Text oder Erklärungen zu den möglichen Auswahlmöglichkeiten bieten.

3
annemarie lock

Ich benutze Auswahlfelder (Kontrollkästchen), um die Auswahl von mehrere Optionen oder während einer binäre Auswahl zu aktivieren.

Best Practice Für die Verwendung von Auswahlfeldern:

  1. Ziehen Sie in Betracht, einen Standard für die Option festzulegen, die Benutzer in 80% oder mehr der Fälle auswählen.
  2. Vermeiden Sie Standard-Opt-Ins, z. B. die Anmeldung für E-Mail-Marketing.

Ich benutze Optionsfelder, um ein Element aus zwei oder mehr sich gegenseitig ausschließenden Optionen zu aktivieren.

Best Practice Für die Verwendung von Optionsfeldern:

  1. Verwenden Sie keine Optionsfelder, um Aktionen zu starten.
  2. Verwenden Sie immer zwei oder mehr Optionsfelder
1
Manoj Kumar

Optionsfelder sind normalerweise vorzuziehen, bis Sie mehr als ein paar Optionen haben. Sie erfordern nur einen einzigen Klick im Vergleich zu zwei. Optionsfelder eignen sich auch besser zum Verschachteln von Unteroptionen.

1
Tom R

Mit nur wenigen Auswahlmöglichkeiten gewinnen Optionsfelder für Benutzerfreundlichkeit und schnelle Auswahl. Die Verwendung einer Dropdown-Auswahl verhindert, dass der Benutzer alle Auswahlmöglichkeiten sieht, bis er zu diesem Feld gelangt.

Diese Frage könnte gleichermaßen auf Kontrollkästchen und Mehrfachauswahl angewendet werden.

0
ericslaw