it-swarm.com.de

Schaltflächenleiste: Kriterien und Position

Ich und mein Team denken über einige Details der Benutzeroberfläche unserer Hauptanwendung nach.

Es ist eine "traditionelle" Desktop-Anwendung für die Windows-Plattform. Es handelt sich um eine geschäftsbezogene Anwendung, und unsere Kunden sind Buchhalter, Fachleute, Anwälte und (insgesamt) ihre Mitarbeiter.

Derzeit haben wir eine Schaltflächenleiste am unteren Rand jedes Fensters. Das Hauptproblem dabei ist, dass es manchmal zu viele Schaltflächen gibt und es keine Möglichkeit gibt, die wichtigsten Aktionen von den weniger hervorzuheben.

Deshalb haben wir beschlossen, die Schaltflächenleiste in zwei Teile zu teilen und die "Aktionsschaltflächen" (Schaltflächen für Aktionen, die "etwas mit den Elementen tun") außer den "Navigationsschaltflächen" (Schaltflächen, die Aktionen aufrufen, die das Schließen des Fensters beenden) zu erhalten ::

  • Aktionsschaltflächen befinden sich unten links im Fenster: Neues Element, Details, Drucken, Löschen
  • Die Navigationsschaltflächen befinden sich ganz unten rechts im Fenster: Schließen, Zurück

  • Ist es eine gute Idee?

  • Wäre den Endnutzern klar, welche Kriterien es gibt?

Ich habe 2 verschiedene Bilder vorbereitet:

Aktualisiert - auf mein Dropbox-Konto geladen :

Vorher :

Before

Nach :

After

Vielen Dank

11
franz976

In einer Windows-Umgebung würde ich mehr die Navigationsleiste oben sehen (es sei denn, sie wird nicht sehr oft verwendet. In diesem Fall liegt möglicherweise ein anderes Problem vor). Ich werde die Aktionsschaltflächenleiste als Symbolleiste links oder rechts platzieren. Ich bevorzuge das Recht etwas, weil es für Rechtshänder natürlicher ist. Und genau das haben wir bei den beliebtesten Apps wie Office.

Um einige Aktionen hervorzuheben, denke ich, dass die Verwendung von Farbschemata zur Differenzierung ziemlich effektiv ist.

0
Marc D

Ist (Trennen der Aktion von den Navigationsschaltflächen) eine gute Idee?
Ja.

Den Endbenutzern wären die Kriterien klar?
Wenn sie gut ausgeführt werden, werden sie es nicht bemerken, sondern so tun, als ob.


Ihre Verbesserung verstößt jedoch gegen eine Faustregel:

Navigationstasten gehen vorher was sie beeinflussen.
Bestätigungsschaltflächen folgen was Sie bestätigen.

In diesem speziellen Fall würde ich jedoch sagen, dass es angesichts der von Ihnen vorgeschlagenen Layout-Hinweise (z. B. Trennlinie) kein großes Problem ist, dies zu verletzen.

Es wäre immer noch in Ordnung, wenn Sie sie in einer Zeile hätten, Bestätigung links, "Firma auswählen" rechts.

Wenn dies kein Popup/Unterformular ist, können Sie das explizite "Schließen" entfernen, da dies normalerweise im Fensterrahmen der Fall ist.

3
peterchen

Für mich ist es natürlicher, die Aktionsschaltflächen oben zu platzieren. Das scheint mir viel intuitiver zu sein.

Beim ersten Scannen der Seite wird dann direkt klar, was der Benutzer tun kann.

Ihre Liste enthält viele verschiedene Aktionen:

  • firma auswählen: schließt das Fenster, ich nehme an, zu einer Firma zu navigieren; das ist dann nicht die unternehmenssicht? denn wenn es so wäre, würde ich einen Dialog bevorzugen, in dem ich eine andere Firma auswählen und beim Schließen den Bildschirm mit der ausgewählten Firma aktualisieren kann.
  • schließen: Warum nicht das Standardfenster Schließen verwenden? oder lassen Sie diese Schaltfläche unten
  • neu: sollte oben sein, da ich nicht über die Seite scrollen möchte, sondern sofort eine neue (Firma?) erstelle.
  • print: idem dito, lass mich sofort drucken
  • details und Löschen sind etwas verwirrend, da sie für die Auswahl gelten

Also würde ich so etwas vorschlagen:

enter image description here

(Das Bild wurde mit einer Evaluierungsversion von WireframeSketcher erstellt, daher das schreckliche Wasserzeichen.)

Kleine Erklärung:

  • ich denke, select company und new sind die Aktionen, die Sie von der Seite wegführen, ohne den Rest der Seite scannen zu müssen.
  • die Massenaktion wäre details oder delete für die überprüften Zeilen
  • print befindet sich in der Nähe des Rasters/der Tabelle, da alles, was zu sehen ist, gedruckt wird (es könnte möglicherweise auch unten neben close platziert werden)
  • close befindet sich unten, oben auf dem Bildschirm kann der Benutzer die Standardeinstellung [x] verwenden. Wenn sie zufällig die ganze Seite gescannt hat und sich unten befindet, kann sie dort auch das Fenster schließen.

Eine etwas kompaktere Version:

enter image description here

Ich hoffe das ist etwas nützlich.

3
nathanvda

Ich finde die logische Trennung der Schaltflächen in zwei Gruppen großartig. Ich verstehe nicht, warum Sie die beiden Tasten rechts niedriger als die anderen platzieren? Sie können sich in zwei Gruppen aufteilen und sie trotzdem auf derselben Ebene haben. Ich denke auch, dass es besser wäre, alle Schaltflächen oben die Tabelle anstelle von unten zu haben.

1
Pasha Bitz

Nun, ich weiß es nicht. Ich mag es, wenn alle Schaltflächen unten rechts angezeigt werden. Ich bin es gewohnt, sie dort mit Zauberern und dergleichen zu finden. Wenn es darum geht, einige und nicht andere Schaltflächen hervorzuheben, würde ich vorschlagen, die wichtigsten als Schaltflächen und andere Aktionen als Links anzubieten. Dies ist etwas, was heutzutage viele Websites tun (Als Schaltfläche speichern, Als Link rechts abbrechen) und perfekt in Desktop-Apps verwendbar sind. Das Konzept der anklickbaren Links überträgt sich ziemlich gut von Web- auf Desktop-Apps.


Nachdem Sie sich die Bilder angesehen haben, denke ich, dass Ihre Idee recht gut funktionieren könnte und es für Endbenutzer klar wäre, vorausgesetzt, Sie "kategorisieren" Ihre Aktionen sehr streng und wählen daher aus, in welcher Leiste sie erscheinen sollen. Anstelle von Aktion versus Navigation könnte eine leichter anzuwendende und somit anerkannte Unterscheidung "Objektaktionen" gegenüber "Formular- oder allgemeine Aktionen" sein, wobei sich Elementaktionen immer auf die Informationen in einem Raster (Liste, ...) und allgemeine Aktionen beziehen beziehen sich auf die gesamte Liste oder das Formular (wenn es keine Liste gibt).

0
Marjan Venema

Ihre Schaltflächen für Neu, Details, Drucken und Löschen befinden sich wie eine Symbolleiste über der Tabelle. Dies ist in Desktop-Umgebungen und auch in webbasierten Anwendungen Standard. Es gibt keinen Präzedenzfall dafür, sie unten links zu platzieren - das würde ich überhaupt nicht tun.

Die Schaltflächen am unteren Bildschirmrand sind Ihre Navigationsschaltflächen: Normalerweise OK, Abbrechen oder OK, Übernehmen, Abbrechen. Sie haben "Firma auswählen" und "Schließen". Ich würde "Select Company" nicht verwenden, da dies wie eine Anweisung an den Computer klingt. Ich würde stattdessen so etwas wie "Ausgewählte Firma verwenden" sagen. Hat das geholfen?

0
Hagan Rivers