it-swarm.com.de

Sollten sich die Eingabefelder beim Anhängen von Elementen an eine Liste über oder unter der Liste befinden?

Wir erstellen eine Anwendung, mit der ein Benutzer ein Formular erstellen kann.

Der Benutzer kann den Namen des Etiketts eingeben, den Typ des Eingabefelds auswählen und angeben, ob dies obligatorisch sein soll oder nicht. Der Benutzer kann dann auf eine Schaltfläche klicken, um das neue Feld an das Formular anzuhängen.

Die neuen Elemente werden standardmäßig am Ende der Liste hinzugefügt. Die Felder im Formular können jedoch per Drag & Drop neu angeordnet werden.

Wäre es logischer, die Eingabefelder so zu platzieren, dass ein neues Formularfeld über oder unter der Liste der bereits im Formular enthaltenen Felder hinzugefügt wird?

Persönlich halte ich es für sinnvoll, es unter der Liste der Felder zu haben, da das Element, das Sie hinzufügen, auch am Ende der Liste hinzugefügt wird. Dies sieht jedoch etwas seltsam aus, wenn im (scrollbaren) Bereich keine oder nur wenige Elemente für die Elemente verfügbar sind.

Verfügbarer Bereich gefüllt

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Verfügbarer Bereich nicht gefüllt

mockup

bmml Quelle herunterladen

4
Kristof Claes

Ich würde vorschlagen, diese Steuerelemente am unteren Bildschirmrand einzufügen. In den meisten Fällen, wenn Leute darüber nachdenken, Elemente zur Liste hinzuzufügen, fügen sie sie unten hinzu. Als solches würde ich vorschlagen, die Kontrollen dort zu platzieren. Ein reales Beispiel hierfür wäre der Bildschirm zur Erstellung des Drupals-Inhaltstyps. Siehe Screenshot unten.

enter image description here

Eine nette Verbesserung wäre, die Möglichkeit hinzuzufügen, ein Objekt nach oben oder unten zu ziehen, um die Platzierung zu ändern. Möglicherweise muss ein Benutzer nach dem ersten Start eines Formulars ein Feld hinzufügen. Das einfache Anheften neuer Eingaben bis zum Ende kann verwirrend werden, wenn logische Eingaben nicht zusammengefasst werden. Wiederum demonstriert ein Screenshot von Drupal Menüsystem diese Funktionalität am besten.

enter image description here

2
JeffH

Warum nicht das Beste aus beiden Welten ausnutzen - das Steuerelement "Neues hinzufügen" ganz oben platzieren, aber neue Elemente an den Anfang der Liste stellen, anstatt sie am Ende festzuhalten? Auf diese Weise können Sie das Formular zum Hinzufügen neuer Elemente bei der Übermittlung transformieren, es wird jedoch ein Design bereitgestellt, das mit einer kleinen Anzahl von Elementen immer noch gut funktioniert.

0

Ich bin damit einverstanden, dass angehängte Elemente am Ende der Liste stehen und dann nach Priorität sortiert werden können, dh Elemente mit höherer Priorität befinden sich näher am oberen Rand, was eine Prioritätsliste von oben nach unten für die zu erledigenden Aufgaben widerspiegelt Artikel.

Sehr ähnlich wie die Benutzeroberfläche von trello aufgebaut ist.

0
NickEubanks

Beide Versionen haben ihre Vor- und Nachteile. Wenn Sie Steuerelemente oben platzieren, sieht es aus wie eine Symbolleiste mit der Hauptfunktionalität zum Hinzufügen neuer Elemente. Der Prozess des Hinzufügens von Elementen unten muss jedoch sichtbar sein. Wenn Sie die Steuerelemente unten platzieren, wird die Hinzufügenfunktionalität weniger wahrgenommen.

0
sysscore