it-swarm.com.de

Websteuerung zur Auswahl von Haupt- und Nebenaktionen

Ich denke gerne über Design und Benutzerfreundlichkeit nach, aber zuallererst bin ich Entwickler und ich brauche Ihre Hilfe, um darüber nachzudenken, wie ein wiederverwendbares Websteuerelement entworfen werden kann.

Ich habe ein Datenraster wie das folgende.

enter image description here

Der Benutzer kann mehrere Aktionen für ein Element ausführen (je nach Raster können zwischen 5 und 20 Aktionen ausgeführt werden).

Abgesehen davon ist mein Ziel, ein Web-Steuerelement zu entwerfen das auf der Einstellungsseite verwendet werden soll für den Benutzer die Anordnung der Aktionen anzupassen innerhalb dieser Aktionsspalte. Er/sie kann auswählen, welche Aktionen die Hauptaktionen sind (die ersten beiden Symbole im Beispielraster) und alle anderen sind die sekundären und werden in einem Popup-Menü angezeigt.

Wie ich bereits sagte, ist dies ein Steuerelement, das wiederverwendet werden muss, und die Anzahl der möglichen Aktionen kann variieren. Der Benutzer kann so viele Hauptaktionen auswählen, wie er möchte. Im Extremfall können alle Aktionen Hauptaktionen sein. In diesem Fall wird kein Popup-Menü [+] angezeigt. Das Gegenteil kann auch passieren, wenn keine Hauptaktionen vorhanden sind und nur das Popup-Menü [+] angezeigt wird

Meine Benutzer haben tatsächlich einen technischen Hintergrund, aber ich kann mir kein Steuerelement vorstellen, das für einen Erstbenutzer leicht zu verstehen, leicht zu handhaben und zu verwenden wäre.

Ich kann weitere Details hinzufügen, wenn Sie dies wünschen.

Irgendeine Hilfe?

2
Jota

Sie versuchen im Grunde, eine Teilmenge von Elementen aus einer größeren Menge zu definieren und sie in einer bestimmten Reihenfolge anzuzeigen. Die häufigste Methode hierfür besteht darin, die vollständige Liste und die Kurzliste auf demselben Bildschirm anzuzeigen und Schaltflächen zum Hinzufügen/Entfernen zum Hinzufügen von Elementen zur Kurzliste (Aktionen in Ihrem Fall) und up/bereitzustellen. Ab-Tasten zum Neuanordnen der Shortlist. So können Sie in MS Outlook Ihr Raster anpassen:

enter image description here

und wie Sie mit MS Office Ihre Symbolleiste für den Schnellzugriff anpassen können:

enter image description here

Eine ergänzende Möglichkeit hierfür ist die Bereitstellung von Drag & Drop-Funktionen, mit denen Sie Elemente sowohl zwischen als auch innerhalb von Listen ziehen können. Dies sollte jedoch nicht die einzige Möglichkeit sein.

In Bezug auf die Haupt- und Nebenaktionen teilen Sie einfach Ihre Auswahlliste in zwei Teile und geben den beiden Listen die entsprechenden Titel.

0

Sie können dem Benutzer erlauben, die Schaltflächen auch per Drag & Drop zu bestellen. Chrome tut dies mit den Erweiterungsschaltflächen rechts neben der Adressleiste. Sie können die Schaltflächen verschieben, die Größe des sichtbaren Bereichs durch Ziehen ändern und die unsichtbaren Schaltflächen werden automatisch in einem Kontextmenü angezeigt.

two buttonsone button

Das Bestellen der Schaltflächen und das Ändern der Größe des Containers sind eine sehr direkte und intuitive Möglichkeit, diese Interaktion zu koordinieren.

1
Mel