it-swarm-eu.dev

Wie gehe ich mit Auswahlen mit vielen Optionen um?

Angenommen, ich habe in einer Web-App eine Liste mit Optionen, aus denen der Benutzer auswählen kann. In diesem Fall würde ich normalerweise ein Dropdown-Menü verwenden, wenn es eine relativ kleine Anzahl von Optionen gibt. Wie sollte ich dies jedoch anders angehen, wenn es 50 Optionen gibt? oder 100? oder 1000?

10
GSto

Vielleicht einen Zwei-Fenster-Ansatz mit einer Suche kombinieren?

Django admin multiselect

Die Benutzeroberfläche filtert auf der Clientseite dynamisch, während Sie in das Suchfeld eingeben. Ich mag es besser als nur zu suchen, weil Sie alle Optionen entdecken können.

Für Bonuspunkte können Sie dies im laufenden Betrieb konstruieren aus einer regulären Auswahl-/Mehrfachsteuerung.

11
Chase Seibert

Ein paar Ideen:

  1. Combobox (oder eine Art Suche mit Autocomplete)
  2. Teilen Sie die Optionen in Gruppen ein und lassen Sie den Benutzer zuerst die Gruppe und dann die Option aus der Liste auswählen, die in diesem Fall kleiner wäre
5
Kostya

Wenn Sie eine App haben, in der ein Benutzer aus Tausenden von Optionen auswählen kann, lautet meine erste Antwort, dass Sie etwas falsch entworfen haben. Versuchen Sie, die Informationsarchitektur zu verkleinern und zu berücksichtigen, die zu so vielen Optionen führt, und sehen Sie, was Sie dagegen tun können. Braucht der Benutzer wirklich all diese Möglichkeiten? Können Sie ein paar für sie loswerden oder einige vernünftige Standardeinstellungen wählen? Wie gehen Sie mit dem Paradox des Wahlproblems um?

Versuchen Sie jedoch in praktischerer Hinsicht, die Informationen in Kategorien aufzuteilen und auf diese Weise darzustellen. Ich könnte hilfreicher sein, wenn ich wüsste, für welche Informationen Sie entworfen haben, da dies häufig Einfluss darauf hat, welche Art von Visualisierung oder Steuerung Sie verwenden können.

Zeitzonen berücksichtigen. Sie können sehr spezifisch sein und jede einzelne Zeitzone anbieten, was zu einer riesigen Liste führt, an der Sie einige Hardcore-Arbeiten durchführen müssen, um sie für den Benutzer verdaulich zu machen. Oder Sie können nur die Zeitzonen auswählen, die den meisten Orten am nächsten liegen. Dadurch werden möglicherweise einige außergewöhnliche Benutzer ausgeschlossen, aber 99% davon werden abgedeckt.

Gleiches gilt für die Auswahl eines Zeitpunkts für eine Veranstaltung. Spezifisch zu sein bedeutet, dass ein Benutzer minutengenau wählen kann. Dropdown-Menüs mit 60 Elementen? Oder Sie können die Zeit um 5 Minuten segmentieren. Plötzlich muss der Benutzer nur noch aus 12 Optionen auswählen, und diese sind spezifisch genug für den Anwendungsfall.

3
Rahul

für so viele Optionen wäre jede Art von Mehrfachauswahl ärgerlich. Denken Sie, ein falscher Klick und eine halbe Stunde sind vergangen.

Sie sollten 2 Felder mit solchen Pfeilen verwendenalt text

mit ein paar Zeilen JS ist es nicht allzu schwer

1
Sruly
  1. Verwenden Sie ein Dropdown-Menü, in dem alle Elemente logisch sortiert sind.
    Zum Beispiel - eine Zeitzonenliste wird nach dem Versatz geordnet, eine Länderliste wird alphabetisch sortiert.
    Stellen Sie außerdem sicher, dass der Benutzer den Wert eingeben kann und automatisch den richtigen Wert vorschlägt/springt.

  2. Gruppieren Sie sie logisch. Wenn es sich nur um Namen handelt, können Sie zuerst den ersten Buchstaben auswählen und dann die Teilmenge der passenden Elemente festlegen. Es wäre besser, wenn die Elemente logisch kategorisiert werden könnten, z. B. Personen in einer Organisation, die gut in Abteilungen, Regionen usw. passen.
    Sie könnten sogar mehrere Ebenen tief haben.

0
Dan Barak