Sollte

Best Practices für die Präsentation von Auswahlzuständen in Dropdowns

Best Practices für die Präsentation von Auswahlzuständen in Dropdowns
  1. Wie viele Optionen sollten sich in einem Dropdown -Down -Down befinden?
  2. Wie lange sollte eine Dropdown -Liste dauern??
  3. Benötigen Dropdowns Etiketten??
  4. Welchen Weg sollten Pfeile für eine Dropdown -Taste zeigen??

Wie viele Optionen sollten sich in einem Dropdown -Down -Down befinden?

Vermeiden Sie im Allgemeinen Dropdowns, wenn mehr als 10 oder weniger als 5 Optionen vorhanden sind. Dropdowns werden für Benutzer schnell schwierig, wenn sie eine überwältigende Anzahl von Optionen zur Auswahl haben. Nehmen Sie zum Beispiel eine häufig enthalten.

Wie lange sollte eine Dropdown -Liste dauern??

Vermeiden Sie Dropdowns für mehr als 10 Optionen oder weniger als 5

Die Frage der Anzahl der verfügbaren Optionen ist es wert. Dropdowns können schnell umständlich werden, wenn Benutzer zu viele Optionen zur Auswahl erhalten.

Benötigen Dropdowns Etiketten??

Wie andere Formulareingänge sollte ein ausgewähltes Menü immer ein Etikett daneben haben (W3C -Standard). Sie sollten auch ein klares und aussagekräftiges Etikett (nicht generische wie „keine“ oder „bitte auswählen“) im Menü auswählen, in dem Benutzer angegeben sind, was genau sie auswählen.

Welchen Weg sollten Pfeile für eine Dropdown -Taste zeigen??

Der Pfeil auf einer Dropdown -Taste sollte nach rechts oder unten zeigen, da angibt, dass neue Inhalte nach dem Klicken sichtbar sind. Sobald der Dropdown -Bereich geöffnet wurde, sollte das Klicken auf die Schaltfläche erneut geschlossen werden.

So behandeln Sie UI/UX für die empfohlene Zeichengrenze
Was ist die Charakterlimit in UX -Best Practice??Was ist die maximale Zeichengrenze in UX?Was ist die minimale Charaktergrenze in der Benutzeroberflä...
So repräsentieren Sie visuell 4 -states Kontrollkästchen
Wie erstelle ich ein Kontrollkästchen in HTML 4?So überprüfen Sie das Kontrollkästchen Status?Was ist gemischter Zustand für Checkbox? Wie erstelle ...
Verwendet Apple ein Basisnetz für iOS -Elemente??
Welches Netzsystem verwendet Apple??Verwenden iOS 8PT -Gitter??Was sind UI -Elemente in iOS?Was ist ein weiches Netz? Welches Netzsystem verwendet A...