Wie zeichnet man ein Hierarchie-Schaltflächenset und sieht weniger anstößig aus als es ist?

17

Ich versuche, ein Tastenset zu erstellen, mit dem Sie sich durch hierarchische Daten bewegen können und das aussieht wie ein Hakenkreuz. Ich bin mir nicht sicher, wie ich das korrigieren soll.

Bildbeschreibung hier eingeben

Wenn im obigen Bild "Panel" ausgewählt wurde und Sie die obere Taste drücken, wird "AnimatedPanel" ausgewählt. Wenn Sie auf die linke Schaltfläche klicken, wird "Skript" ausgewählt. Wenn Sie auf die rechte Schaltfläche klicken, ändert sich nichts, da das Bedienfeld das letzte Element in der Liste ist. Wenn Sie die untere Schaltfläche auswählen, wird "EventHandler" ausgewählt.

Das Tastenset befindet sich links vom Etikett. Die Beschriftung und die Schaltfläche werden angezeigt, wenn ein Element ausgewählt wird. Beispielsweise kann es auf einer Webseite eine Liste vertikaler oder horizontaler Menüelemente geben. Der Tastensatz und die Beschriftung würden sich über dem ausgewählten Menü befinden. Durch Drücken von "in" wird der erste Menüpunkt ausgewählt. Durch Auswahl von "links" oder "rechts" werden die Menüelemente durchlaufen. Ich hoffe das ergibt Sinn.

Irgendwelche Vorschläge, wie man dies weniger macht, was auch immer es ist?

Weitere Details für @PremierBromanov:
So wie ich es jetzt habe, habe ich 3 Labels in einer Reihe, wie "Up" "L" "R" "Panel".

Bildbeschreibung hier eingeben

Ich benutze die Begriffe "hoch", "links" und "rechts", aber "hoch" ist wirklich "aus der aktuellen Zeile heraus und zurück in die vorherige Zeile". Diese Begriffe basieren grob darauf, wie sie in einem horizontalen Layout angezeigt werden (obwohl es in einem vertikalen Layout keinen Sinn mehr macht).

In XML werden Begriffe wie Zweigknoten und Blattknoten verwendet. Ein Zweig hat oder kann Blattknoten haben. Hierarchische Daten verwenden auch die Begriffe Elternknoten und Kindknoten. In diesem Fall haben Sie Vorfahren und Nachkommen. Sie haben auch Geschwister. Sie sind untergeordnete Knoten, die dasselbe übergeordnete Element verwenden.

Im letzten Fall könnten Sie also Eltern, vorherige Geschwister, nächste Geschwister und Nachkommen des aktuellen untergeordneten Knotens haben. Sie könnten auch Elternzweig haben, vorheriges linkes, nächstes Blatt. In diesem Fall wäre ein Blatt, das Blätter hat, ein Zweig. Also Elternzweig, vorheriges Blatt oder Zweig, nächstes Blatt oder Zweig und Blätter des aktuellen Zweigs.

1,21 Gigawatt
quelle
1
Versuchen Sie es mit zwei diagonalen Pfeilen.
Paolo Gibellini
7
Tolles Faktum: Ein nach links gerichtetes Hakenkreuz ist im Hinduismus eigentlich ein Symbol für Frieden und wird auf Landkarten gerne zur Darstellung der Kultstätten verwendet. Ein rechtsgerichtetes Hakenkreuz ist ein Symbol des Bösen, aber im Hinduismus immer noch nicht anstößig.
John Dvorak
3
Beide Hakenkreuze werden seit dem frühen 20. Jahrhundert als Glückszeichen in der westlichen Kultur verwendet ( Wiki ). Bis jemand vorbeikam und ein bisschen Zeug ruinierte.
Vincent
Haben Sie versucht, ein einfaches Links-Rechts-Auf-Ab-Pfeil-System zu erstellen? Es könnte visuell sinnvoller sein, wenn Sie die Dateistruktur durchlaufen, und es würde eher einem "+" und nicht einem Hakenkreuz ähneln. Nach oben und unten würde von "Panel" zu "Skript" gewechselt und links und rechts würden raus und rein gehen.
Premier Bromanov
1
Es ist kein Hakenkreuz, es fehlen zwei Beine, ich glaube nicht, dass Sie sich darum kümmern sollten, nur ein Nazi wird das herausfinden, ich habe den Titel Ihrer Frage gelesen und dann habe ich einen Blick auf Ihre Knöpfe und mich geworfen Ich habe die "Offensive" nicht bekommen (ich dachte, du meintest es wäre zu hässlich: P ist es nicht), ich musste deine Frage lesen, um zu wissen, was du mit "Offensive" meinst, nebenbei, wie ich den Zweiten Weltkrieg studiert habe
Kyle

Antworten:

32

Ihr Pfeilkonzept und das, wofür Sie es verwenden möchten, erscheinen angemessen. Und nach allem, was ich sehen kann, haben Sie sowieso nicht viel Platz für Ikonen.

Vielleicht hilft es Ihnen, wenn Sie einfach dickere und gebogene Pfeile verwenden, um den Effekt zu verbergen, den Sie nicht mögen.

Unten ist ein kurzes Beispiel:

Möglicherweise müssen Sie die Pfeile auf Ihre Präferenz und Klarheit einstellen, wenn Sie klein sind. Es ist das gleiche Konzept wie bei Ihnen, aber verschiedene Pfeile.

Beispiel Pfeile Graustufen

Beispiel Graustufen groß

Die Pfeile können auch verschiedene Farben haben:

Beispiel blaue Pfeile

Beispiel blauer Pfeil groß

Go-Junta
quelle
2
Ich denke, die geschwungenen Pfeile funktionieren gut, auch ohne die Farben zu ändern. Schöne Idee +1
Aistis
Bei kleinen Abmessungen ist es möglicherweise sogar vorzuziehen, die gekrümmten Pfeile in der gleichen Farbe wie die geraden auszurichten.
dreißigstes Jahr,
1

Sie können einen einfacheren, "flachen" Ansatz in Betracht ziehen, indem Sie Schaltflächen verwenden, die die Liste unabhängig von der Tiefe der Hierarchie durchlaufen, und dem Benutzer die Möglichkeit geben, die Geschwindigkeit des Durchlaufs anzupassen, z. B. vier Schaltflächen :

  • [schneller auf]
  • [oben]
  • [Nieder]
  • [schneller runter]

"hoch" und "runter" würden Element für Element durchlaufen, und die "schnelleren" Schaltflächen würden Ordner für Ordner durchlaufen.

Matt Smith
quelle
Warum nicht Up folderund Down folder. Und wie sollen sie gezeichnet werden, wie in der Frage gefragt?
Mensch
Ich würde versuchen, Up Folder : Doppelsparren nach oben. Up : Single 'Up' Chevron. Down : einzelner Chevron zeigt nach unten. Down-Ordner : Doppelter 'Down'-Chevron.
Matt Smith
Gute Idee. Raus und rein. Ich vermute also so etwas wie ^ << >> \ / wobei "^" und "\ /" über und unter dem "<< >>" zentriert sind.
1,21 Gigawatt
Ja, es ist wie das bekannte Paginierungsmuster, nur vertikal.
Matt Smith