Как нарисовать набор кнопок иерархии и выглядеть менее оскорбительным, чем он есть?

Я пытаюсь создать набор кнопок, который можно использовать для перемещения по иерархическим данным, и это выглядит как свастика. Я не уверен, как это исправить.

На изображении выше, если выбрана «Панель» и вы нажмете верхнюю кнопку, она выберет «AnimatedPanel». Если вы нажмете левую кнопку, она выберет «Сценарий». Если вы нажмете правую кнопку, ничего не изменится, так как панель - последний элемент в списке. Если вы выберете нижнюю кнопку, будет выбран «EventHandler».

Набор кнопок будет находиться слева от ярлыка. Метка и кнопка будут отображаться при выборе элемента. Например, на веб-странице может быть список вертикальных или горизонтальных пунктов меню. Набор кнопок и метка будут находиться над выбранным меню. Затем нажатие «in» выберет первый пункт меню. Выбор «влево» или «вправо» будет перемещаться по пунктам меню. Я надеюсь, что в этом есть смысл.

Любые предложения, как сделать это меньше, чем бы это ни было?

Подробнее о @PremierBromanov:
У меня теперь есть 3 метки подряд, такие как «вверх», «L», «R», «панель».

Я использую термины «вверх», «влево» и «вправо», но «вверх» на самом деле означает «выйти из текущей строки и вернуться к предыдущей строке». Эти термины основаны на том, как они отображаются в горизонтальном макете (хотя по вертикали это больше не имеет смысла).

В XML они используют такие термины, как узлы ветвления и конечные узлы. Ветвь имеет или может иметь конечные узлы. Иерархические данные также используют термины родительский узел и дочерние узлы. В этом случае у вас есть предки и потомки. У вас также есть братья и сестры. Это дочерние узлы, которые имеют одного и того же родителя.

Таким образом, в последнем случае у вас могут быть родитель, предыдущий брат, следующий брат и потомки текущего дочернего узла. Вы могли также иметь Родительскую Ветвь, предыдущий левый, следующий лист. В этом случае, если у листа есть листья, это будет ветвь. Таким образом, родительская ветвь, предыдущий лист или ветвь, следующий лист или ветвь и листья текущей ветки.

Ваша концепция стрелы и то, для чего вы планируете ее использовать, кажутся подходящими. И из того, что я вижу, я думаю, у вас все равно мало места для иконок.

Возможно, вам может помочь использование более толстых и изогнутых стрелок, чтобы скрыть тот эффект, который вам не нравится.

Ниже приведен краткий пример:

Возможно, вам придется настроить стрелки в соответствии с вашими предпочтениями и четкостью, когда они маленького размера. Это та же концепция, что и у вас, но разные стрелки.

Стрелки также могут быть разных цветов:

Вы могли бы рассмотреть более простой, «плоский» подход, используя кнопки, которые просто перемещаются по списку вверх и вниз независимо от глубины иерархии, и предоставляя пользователю возможность регулировать скорость обхода, например, четыре кнопки :

• [быстрее]
• [Вверх]
• [вниз]
• [быстрее]

«вверх» и «вниз» будет проходить по пунктам, а кнопки «быстрее» будут переходить из папки в папку.