it-swarm.com.de

Dropdown-Liste in der Schaltfläche oder im Bedienfeld Hinzufügen

Ich habe einen Bildschirm, auf dem der Benutzer seine Kompetenzen definiert. Jede Kompetenz muss später mit einigen Details beschrieben werden, sodass jede als separates Panel dargestellt wird. Unter dem letzten Kompetenzfeld habe ich einen Bereich zum Hinzufügen einer Kompetenz zur Liste eingefügt

image.

Problem

Das Problem ist, dass jede Kompetenz ihren Typ hat (z. B. Übersetzung, Korrekturlesen, Qualitätsprüfung usw.) und der Benutzer definieren muss, welchen Typ er hinzufügen möchte (die Details für die Kompetenz hängen stark von ihrem Typ ab). Ich habe mehrere Ideen, wie ich es präsentieren soll, aber keine hat mich genug überzeugt.

Dies sind meine Modelle für die ersten drei Lösungen.

mockups

Lösung 1

Wenn der Benutzer auf den Link Add Competency klickt (oder schwebt?), Wird er durch eine Dropdown-Liste mit Kompetenztypen ersetzt. Nach der Auswahl wird ein Panel für die Kompetenz des ausgewählten Typs erstellt und über Kompetenz hinzufügen Bereich gesetzt.

Lösung 2

Wenn der Benutzer auf den Link Kompetenz hinzufügen klickt (oder schwebt?), Wird rechts eine Dropdown-Liste mit Kompetenztypen angezeigt.

Lösung 3

Wie Lösung 2, jedoch muss der Benutzer nach Auswahl einer Kompetenz auf die Schaltfläche Hinzufügen klicken.

Lösung 4

Wenn der Benutzer auf den Link Kompetenz hinzufügen klickt, wird ein Kompetenzfeld erstellt, in dem der Benutzer jedoch aufgefordert wird, den Typ für die Kompetenz anzugeben. Erst nach Beantwortung des Kompetenzdetails wird der Bereich mit dem Kompetenzfeld angezeigt. Ein Nachteil dieser Lösung besteht darin, dass der Benutzer eine Kompetenz hinzufügen muss, um eine Liste der verfügbaren Kompetenztypen anzuzeigen. Falls er keine gewünschte findet, muss er die Kompetenz entfernen (indem er auf das X-Symbol in der Ecke im Kompetenzfeld klickt).

Lösung 5

Eine Liste der verfügbaren Kompetenztypen wird irgendwo auf dem Bildschirm angezeigt, und der Benutzer muss den gewünschten auf den Bereich Kompetenz hinzufügen ziehen und dort ablegen. Diese Lösung mag für einige Benutzer nett, für andere jedoch verwirrend sein (ich gehe davon aus, dass einige unserer Benutzer nur sehr wenig technisches Wissen haben).

Welche Lösung würden Sie bevorzugen und vorschlagen?

3

Die Probleme, die ich mit Dropdowns habe, in der Dropdown-Liste und ich kann sie nicht schnell finden, indem ich alphabetische Tasten verwende, um mich zu dem Abschnitt in der Dropdown-Liste zu führen. Ich vermisse möglicherweise, wonach ich suche. Wie Andre betonte, sollten Sie kein Problem mit einem Dropdown haben, wenn Ihre Liste der Kompetenzen nur 4 bis 5 ist, da der Benutzer alle Optionen auf einmal sehen kann. Wenn es jedoch viele Optionen gibt, besteht die Gefahr, dass der Benutzer die gesuchte Option verpasst.

Ich würde empfehlen, das jquery-Plugin Chosen so zu verwenden, dass Sie bei Bedarf Elemente aus der Dropdown-Liste auswählen können. Die Benutzer können jedoch auch Word eingeben und schnell nach den Anforderungen filtern und dann auswählen Optionen sind nicht mehr Teil des Dropdowns, wodurch die Anzahl potenzieller Filter verringert wird

enter image description here

2
Mervin