it-swarm.com.de

Verwalten mehrerer Fenster in einer Anwendung

Ich entwickle eine Desktop-Anwendung zum Erstellen, Anordnen und Lesen von Blöcken von Sounds über eine Rasterschnittstelle wie die folgende:

enter image description here

Jeder Klangblock ist unterschiedlicher Natur und verfügt über ein eigenes Bedienfeld zur Steuerung seiner Parameter (mit Schiebereglern, Spinnern usw.). Mein erster Ansatz war, dass, wenn ein Benutzer auf einen Block klickte, dessen Parameterfenster im Hauptfenster rechts neben dem Raster angezeigt wurde, wodurch die Breite des Rasters verringert wurde. Wenn auf einen anderen Block geklickt wurde, wurde das Bedienfeld durch das Feld relativ zum angeklickten Block ersetzt.

Später wurde mir klar, dass ich es möglich machen wollte, mehrere Blockfelder gleichzeitig zu manipulieren, ohne ständig auf den gewünschten Block klicken zu müssen. Mein neuer UI-Ansatz bestand also darin, für jedes Bedienfeld ein eigenes Fenster zu haben. Jedes Mal, wenn auf einen Block geklickt wird, werden dessen Parameterfenster (es gibt tatsächlich mehrere Fenster für einen einzelnen Block) oben links auf dem Bildschirm angezeigt. Ich kann sie verschieben, ausblenden (indem ich auf das rote Kreuz klicke oder auf eine andere Stelle im Raster klicke), und wenn ich erneut auf den Block klicke, erscheinen sie an derselben Position auf dem Bildschirm, an der ich sie verlassen habe, was cool ist.

Das einzige Problem ist wirklich, dass beim ersten Klicken auf einen Block die Fenster in der oberen linken Ecke des Bildschirms übereinander angezeigt werden. Bevor ich mich zum ersten Mal darauf konzentrierte, wo ich sie zeigen sollte, wollte ich wissen, ob es bessere UI-Ansätze für mein Problem gibt.

Vielen Dank.

5
krookedking

Zwei Lösungen, an die ich gedacht hatte:

  • Wenn Sie schätzen, dass Ihre Benutzer viele solcher Parameterfenster öffnen:
    Öffnen Sie das Parameterfenster inline. Erhöhen Sie die Zeilen zunächst oder erweitern Sie sie bei Bedarf, aber jedes Parameterfenster befindet sich unter seinem Block. Dadurch bleiben sie in Verbindung, sodass dem Benutzer klar ist, woran er arbeitet.
  • Wenn Sie denken, dass nur einige geöffnet werden (sagen wir 3):
    Sie können die Zuordnung (zwischen Block- und Parameterfenster) mit Farben oder auf andere Weise erstellen.
    Dann können Sie die beiden von Ihnen vorgeschlagenen Ansätze kombinieren:

    • Öffnen Sie ein Fenster rechts neben dem Hauptgitter, teilen Sie es jedoch in mehrere Abschnitte auf, die jeweils die Informationen und Parameter für einen ausgewählten Block enthalten.
    • Darüber hinaus kann jeder Abschnitt (Sie können ihn als "angedockte Fenster" betrachten) eine Schaltfläche Pop-out (Rechteck mit einem Pfeil nach außen oben rechts) haben, damit er als zweiter Vorschlag herumschweben kann .
    • Das Herausspringen und Andocken von Paneelen ist ein bekanntes Paradigma, und ich persönlich mag es nicht, wenn Tonnen von Fenstern herumschweben. Sie neigen dazu, die Elemente zu stören, die Sie im Hauptfenster auswählen müssen.
5
Dan Barak

Ich bin der festen Überzeugung, dass Sie mit zunehmender Reife Ihrer Anwendung einige sehr gebräuchliche Steuerelemente links von den Spuren platzieren möchten.

enter image description here

Sobald Sie dort überhaupt Steuerelemente haben, ist es sehr natürlich, von dort aus auf andere Steuerelemente zuzugreifen, die sich auch auf das Audio auswirken. Der Benutzer kann jedoch auswählen, wann sie sichtbar sein sollen.

Sie werden wahrscheinlich auch feststellen, dass einige Ihrer Audioblöcke "zusammengesetzte" Effekte haben - zum Beispiel möchten Sie die Steuerelemente für "Risset Drum", gefolgt von den Steuerelementen für "Reverb". Dies spricht stark dafür, dass eher Breite als Höhe verwendet wird. Daher ist es gut, die zusätzlichen Steuerelemente in einem breiten, aber nicht sehr hohen Steuerelement unter der Spur zu platzieren, die sie steuern.

Wir haben festgestellt, dass Bildschirmimmobilien in Audacity einen hohen Stellenwert haben. Daher würde ich ein Kippsteuerelement auf dem Bedienfeld an der Seite anbieten, um die zusätzlichen Steuerelemente anzuzeigen/auszublenden, und ein Kippsteuerelement auf diesem zusätzlichen Bedienfeld, um zwischen dem Anzeigen über den darunter liegenden Spuren oder dem Verschieben nach unten zu wählen.

5
James Crook

Durch die Verwendung eines neuen Fensters für jeden Block können die Dinge beim Bearbeiten mehrerer Blöcke sehr schnell außer Kontrolle geraten. (Zum Beispiel beim Bearbeiten von mehr als 5 Blöcken gleichzeitig)

Eine Lösung wäre, immer nur ein Einstellungsfenster zu verwenden. Wenn ein Benutzer mehrere Blöcke auswählt, können Sie nur die Felder bearbeiten, die sicher bearbeitet werden können.

Wenn Sie beispielsweise Name/Start/Ende/Volume haben (lahmes Beispiel), wird das Namensfeld leer und schreibgeschützt, und Sie können Start/Ende/Volume mehrfach bearbeiten. Natürlich können Sie den Namen auch bearbeitbar lassen, und alle Blöcke werden mit demselben Namen versehen.

Dies ähnelt der Funktionsweise des Bearbeiten von ID3-Tags in Winamp/WMP usw.

* bearbeiten: einige falsche Formulierungen

0
Liviu A