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

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.

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".

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.

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.

Die Pfeile können auch verschiedene Farben haben:

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.