it-swarm.com.de

Alternativen zu kaskadierenden Dropdown-Schnittstellen

Unser Entwicklungsteam muss eine Schnittstelle zur Auswahl eines Fahrzeugs erstellen. Zuerst wählt der Benutzer das Jahr, dann die Marke, dann das Modell und schließlich eine Engine aus. Die gültigen Auswahlmöglichkeiten für jede Auswahl werden nach den vorherigen vom Benutzer getroffenen Auswahlen gefiltert.

In der Vergangenheit haben wir kaskadierende Dropdowns verwendet, aber unserem Team wurde Spielraum eingeräumt, um eine alternative Methode für den Benutzer zu implementieren, um diese Auswahl zu treffen.

Was sind einige Alternativen zu dieser klassischen UI-Funktion?

5
Craig M

Schauen Sie sich die Benutzeroberfläche Toyotas Autoauswahl an, um sich inspirieren zu lassen. Weitere Implementierungen, die auf demselben zugrunde liegenden Konzept basieren, finden Sie unter http://newegg.com und http://bhphotovideo.com . Offiziell heißt es Live-Filter und ist möglicherweise der beste Weg, um das zu liefern, was Ihre Benutzer wirklich brauchen.

Ich persönlich mag es nicht, Dropdown-Listen zu kaskadieren, weil sie schwer zu navigieren sind. Wenn ich den Fokus meiner Maus vom Menü verlasse, muss ich von vorne beginnen. Abhängig von der Komplexität der Auswahlmöglichkeiten können sie auch sehr schwer zu laden sein, wenn der Benutzer nur an einer der Optionen interessiert ist. Ich würde Ihren Filter so einrichten, dass er in dieser Reihenfolge funktioniert:

  • Jahr/Marke. Der Benutzer kann zuerst über den Fahrzeugtyp nachdenken.
  • [Ausgewählt] Jahr/Modell. dann der andere.
  • [Jahr gewählt] Make. dann Modell.
  • Motor

Papierteilekataloge sind nach Marke/Jahr/Modell geordnet (umgekehrte chronologische Reihenfolge). Für die meisten Benutzer ist dies ein natürlicher Ablauf.

8
Berin Loritsch

Ich glaube nicht, dass es eine bessere Schnittstelle für das gibt, was Sie versuchen zu tun. Erstens, wie Sie bereits erwähnt haben, ist dies die "klassische" Option - die Leute haben sie gesehen und verstanden, insbesondere bei Ihrem speziellen Geschäftsfall (Auswahl eines Fahrzeugmodells).

Zweitens ist die einzig wirklich praktikable Alternative dazu die Steuerung des "Assistenten" -Stils, die in diesem Fall einen massiven Overkill darstellt, da Sie den Benutzer dazu zwingen, mehrere Seiten durchzugehen, um nur ein einziges Dropdown für jeden Schritt auszuwählen. Genau aus diesem Grund ist es auch weniger benutzerfreundlich.

Abhängig von der Anzahl der Optionen können Sie könnten mit Auswahlfeldern (im Wesentlichen Dropdown-Listen, in denen mehr als ein Element gleichzeitig angezeigt wird und die nach Bedarf eine Bildlaufleiste haben) oder Optionsfeldern für jede einzelne Frage testen. Dies könnte die Auswahl der gewünschten Option erleichtern, da es einfacher ist zu sehen, welche Optionen verfügbar sind, aber dies ist wirklich nicht das anders als eine Schnittstelle vom Standard.

1
Charles Boyung

Ich mag ein Drilldown-Menü für diese Art der Navigation. Es ist nicht so umständlich wie Dropdown-Menüs und die Navigation ist recht einfach.

0
ghoppe