it-swarm.com.de

Wie kann ich mit zu viel Leerzeichen in einer Desktop-Anwendung umgehen?

Normalerweise beschäftigen sich die Leute mit zu vielen Daten/Schnittstellen und zu wenig Bildschirmfläche, aber ich bin in der entgegengesetzten Situation.

Die Desktop-Anwendung, an der ich arbeite, verfügt über mehrere Registerkarten zum Eingeben von Daten und Auswählen von Optionen. Die letzte Registerkarte enthält eine Zusammenfassung der Daten, nachdem einige Berechnungen durchgeführt wurden.

Eine meiner Registerkarten ist ziemlich komplex, daher habe ich die Größe des Anwendungsfensters auf 1024 x 768 festgelegt, um alle erforderlichen GUI-Elemente anzupassen. Das Problem ist, dass einige andere Registerkarten recht einfach sind und ich sie noch habe zu viel Leerzeichen. Ich habe bisher zwei Ansätze ausprobiert:

  • Anfangs waren die Elemente oben auf dem Bildschirm gruppiert, aber ich mochte das Aussehen einer riesigen Leerstelle darunter nicht. Darüber hinaus befinden sich auf jeder Registerkarte aus Gründen der Konsistenz ganz unten Schaltflächen zum Speichern und Zurücksetzen. Diese Schaltflächen wurden zu leicht zu übersehen, wenn sich alles andere ganz oben befand.
  • Ich habe jetzt die Elemente über die gesamte Höhe des Fensters verteilt, aber ich mag nicht, wie verteilt alles ist.

Ich habe auch noch einen großen Raum rechts. Ich habe überlegt, Dinge zu zentrieren, aber ich denke, das würde für eine Desktop-Anwendung etwas seltsam aussehen.

Hier ist ein Screenshot von dem, was ich gerade habe:

GUI

Eine meiner anderen Registerkarten hat im Wesentlichen das gleiche Problem.

Meine Frage lautet also: Wie kann ich mich dem GUI-Layout nähern, wenn ich zu viel Leerzeichen und nicht genügend Elemente habe, um es zu füllen?

9
Cam Jackson

Wenn ich Ihren Screenshot richtig verstehe, haben Sie Standorte, die mehrere Gebäude haben können, die mehrere Räume haben können. Aber die Lage ist am obersten.

Was halten Sie von einer Baumansichtsnavigation auf der linken Seite mit Knoten niedrigerer Ebenen wie Gebäude und Räume?.

Auf der rechten Seite können Sie eine Eigenschaftenansicht für die spezifischen Daten und Befehlsschaltflächen haben.

Es ist ein Master-Detail-Muster. Sie haben jedoch nicht alle Eigenschaftsdaten in einer Ansicht, wie Sie es in einer Listenansicht getan hätten (was Sie wahrscheinlich gerade haben). Sie haben noch etwas Leerzeichen, aber eine vertikale Mittellinie zum Teilen der linken und rechten Seite führt das Auge nach unten zu Ihren Schaltflächen.

6
FrankL

Vielleicht haben Sie zu viele Registerkarten. Sie können versuchen, die beiden Registerkarten mit geringer Dichte zu einer zu kombinieren oder jeweils eine Registerkarte mit geringer Dichte auf die beiden verbleibenden Registerkarten oder beide Registerkarten mit geringer Dichte auf die einfachste verbleibende Registerkarte zu setzen, je nachdem, was für Ihre Benutzer am sinnvollsten ist (je nachdem, welche Steuerelemente am ähnlichsten sind) und hätte eine Registerkartenbezeichnung, die für Ihre Benutzer sinnvoll ist.) Weniger Registerkarten bedeuten weniger Navigation, was möglicherweise auch besser ist.

Die andere Möglichkeit ist, dass Ihre komplexe Registerkarte zu komplex ist. Wenn Benutzer selten all diese Komplexität benötigen (dh normalerweise die Standardeinstellungen für die meisten Einstellungen übernehmen), verschieben Sie einige der weniger häufig verwendeten Steuerelemente von den komplexen Registerkarten in ein oder mehrere Dialogfelder und zeigen Sie nur eine Zusammenfassung ihrer Einstellungen an im Hauptfenster. Mit diesem Ansatz können Sie möglicherweise keine Registerkarten haben. In einem einzigen Bereich können Sie alle Steuerelemente für die beiden Registerkarten mit geringer Dichte sowie Zusammenfassungssteuerelemente für die komplexen Registerkarten haben, und die Registerkarte "Zusammenfassung" kann entfernt werden.

Eine weitere Möglichkeit ist, dass nicht alles in ein Fenster gehört. Wenn die komplexe Registerkarte das erste oder zweite ist, an dem der Benutzer arbeitet, sollte dies möglicherweise ein primäres Fenster in voller Größe sein. Von dort aus starten die Benutzer ein kleines Dialogfeld mit Registerkarten (oder einen Assistenten), um die verbleibenden Schritte auszuführen. Möglicherweise kann der Benutzer das primäre Fenster mit einem anderen kleinen Dialogfeld am Anfang "initialisieren" (wie bei Verwendung eines offenen Dialogfelds). Ein primäres Fensterdesign würde auch die Möglichkeit eröffnen, dass die Benutzer ihre Arbeit während der Arbeit am primären Fenster speichern können (möglicherweise als "Entwurf") - immer eine gute Idee, wenn komplexe Arbeiten ausgeführt werden.

4

Ich sehe kein Problem darin, Platz unter dem Inhalt zu lassen. Viele Anwendungen/Editoren tun dies, unter anderem Eclipse, und es ist definitiv besser, diesen Platz in einem Fenster mit statischer Größe zu haben, als wenn das Fenster die Größe ändert, je nachdem, welche Registerkarte ausgewählt ist. Das Ändern der Fenstergröße mit Schaltflächen, die sich über den Bildschirm bewegen, wird den Benutzer höchstwahrscheinlich nur verwirren und möglicherweise irritieren. In beiden Fällen wird das potenzielle Gefühl der Wertschätzung dafür, wie effizient Sie den Fensterbereich nutzen, beeinträchtigt.

Es gibt jedoch einige andere Überlegungen, die ich habe. Ich würde gerne sehen, dass Sie der Konvention folgen, das Schaltflächenleiste in der unteren rechten Ecke zu haben. Dies ist der Standard für Windows-Anwendungen und sollte eingehalten werden.

Aus meiner Annahme würde ich außerdem annehmen, dass die Schaltfläche "Zurücksetzen" das Fenster schließt und alle Aktionen ignoriert, die der Benutzer in dieser Ansicht ausgeführt hat. Ist diese Annahme richtig? Wenn ich richtig geraten habe, sollten Sie es wirklich ändern. Der einfache Hinweis darauf, dass ich fragen muss, ob die Schaltfläche "Zurücksetzen" dasselbe tut wie eine Schaltfläche zum Abbrechen, zeigt einen Mangel an Erschwinglichkeit. In diesem Fall sollten Sie den Schaltflächentext auf "Abbrechen" stellen. Wenn es sich jedoch nicht um eine Abbrechen-Schaltfläche handelt und etwas anderes tut (lädt vorherige Einstellungen aus einer Konfigurationsdatei? IDK), sollten Sie wirklich in Betracht ziehen, sie zu verschieben. Denn jetzt hat es die konventionelle Zuordnung einer Abbrechen-Schaltfläche, die sich rechts von der OK/Speichern/Bestätigen-Schaltfläche befindet.

Ich habe ein Modell erstellt, von dem Sie sich inspirieren lassen können. Um meine Idee zu zeigen, können Sie vielleicht etwas daraus machen. Viel Glück!

enter image description here

3
AndroidHustle

Ich mag die TreeView-Navigationsidee, aber ich denke, sie hätte eine schlechte Benutzerfreundlichkeit. Ich habe ein Drahtmodell gezeichnet, damit Sie meine Idee besser verstehen. Es ähnelt TreeView, ist jedoch einfacher über viele Standorte, Gebäude und Räume zu navigieren und deckt den leeren Raum ab, um den Sie sich Sorgen machen. Ich nenne es "Die dreistufige Architektur" und es folgt der OSX-Ordneransicht.

Ich denke, das Drahtmodell ist ziemlich verständlich.

The Breadcrumb

Unten habe ich eine Brotkrumenansicht hinzugefügt, damit Benutzer besser sehen können, wo und worauf sie navigieren.

Rechtsklick

Jede Ebene hätte einen entsprechenden Rechtsklick. Angenommen, Sie befinden sich auf der Ebene "Standort", dann wird "Standort hinzufügen" oder "Standort entfernen" angezeigt. Gebäude oder Räume werden nicht hinzugefügt, entfernt.

Ich hoffe dir gefällt diese Lösung. Es ist einfacher zu navigieren und anzuzeigen und reduziert viele Klicks. Sie können Tastatur- und Mauskürzel hinzufügen, damit es sich gut anfühlt.

2
Dylan Cole

Wenn ich die Architektur des Bildschirms richtig interpretiere, ist es möglicherweise besser, alle diese Gruppen zu entfernen und durch ein TreeView-Steuerelement zu ersetzen. Das heißt, es sieht so aus, als würden "Räume" zu "Gebäuden" gehören, die zu "Standorten" gehören würden. Zumindest sieht es so aus, als ob "Zimmer" und "Gebäude" eine Beziehung teilen.

Haben Sie einfach eine ToolStrip-Leiste:

Site hinzufügen | Gebäude hinzufügen | Raum hinzufügen | Bearbeiten | Löschen

Und dann Ihr TreeView:

Websites:
| --Site # 1
| --Site # 2
.... | - Gebäude Nr. 1
....... | --Zimmer Nr. 1
.... | - Gebäude Nr. 2
| --Site # 3
.... | - Gebäude Nr. 3

Welcher "Knoten" hervorgehoben ist, ist das Element, das bearbeitet oder gelöscht wird.

Dies kann das gegenteilige Problem beim Ausfüllen des Bereichs auf der rechten Seite verursachen. In diesem Fall können Sie möglicherweise die "Eigenschaften" -Informationen eines ausgewählten Knotens auf die rechte Seite verschieben, ähnlich wie bei einem PropertyGrid.

1
LarsTech

Die meisten OS X-Anwendungen behandeln dies, indem sie einfach die Größe des Einstellungsfensters so ändern, dass es für jede Registerkarte die perfekte Größe hat. Wenn Ihr Fenster "Einstellungen" von der Anwendung getrennt ist, sollten Benutzer nichts dagegen haben, wenn sich die Größe ändert. Die Bewegung sollte natürlich flüssig sein, aber diese Art von Verhalten hat mich nie gestört, wenn es richtig gemacht wurde. Beispiel:

Adium's File Transfer windowAdium's Advanced window

0
Seventoes

Der vertikale Raum ist hier das Problem, denke ich. Gibt es eine Möglichkeit, die Fensterhöhe basierend auf der ausgewählten Registerkarte anzupassen?

0
Ely Solano

Könnten Sie einen anderen Mechanismus als ein Dropdown-Menü mit ein paar Schaltflächen auswählen, um Ihre Standorte, Gebäude und Räume zu präsentieren? Möglicherweise eine Reihe von Rastern - Lassen Sie den Benutzer direkt im Raster bearbeiten/löschen/hinzufügen.

Ich stimme auch Michaels Kommentar zu, dass Sie vielleicht versuchen sollten, Ihre Registerkarten und deren Inhalt zu kombinieren oder auf andere Weise neu zu organisieren.

0
Jacob G

Da Sie in allen vier Eingabebereichen Dropdowns haben, ist es selbstverständlich, dass diese horizontal angeordnet sind, anstatt wie bisher alle untereinander zu haben.

Auf diese Weise können Sie die UI-Elemente neu anordnen, um sie besser zu verteilen. In der unteren Hälfte haben Sie noch Leerzeichen, aber dann sieht es eher nach einer Bestimmung für das Dropdown aus.

0
Kris

Vielleicht könnten Sie alle 3 "Konfigurieren" -Abschnitte nebeneinander in das obere Drittel der Registerkarte einfügen und eine Grafik die unteren 2 Drittel ausfüllen lassen, die entsprechend der Auswahl aktualisiert wird. Oder keine Grafik, eine Textzusammenfassung von allem, was sie bisher getan haben.

0