UI-Justiz

Baumstruktur

Baumstrukturen werden verwendet, um komplexe Objektzusammenhänge darzustellen.

Hinweis: Folgende Designerweiterungen sind für 1.1 nicht für Entwicklung und Testing vorgesehen:

#407; #1313; #1339; #1407; #1560; #1561; #1562; #1563; #1788; #2058

Einleitung

Bei Baumstrukturen wird zwischen zwei Ansichten unterschieden:

  • Listen-Baum: Darstellung einer Baumstruktur, bei der alle Elemente Listenähnlich untereinander dargestellt werden. Die Ebenen werden durch Einrückungen und Verbindungslinien visualisiert.
  • Baum-Baum: Der Baum wird wie ein Wurzeldiagramm dargestellt. Die Ebenen sind hier übereinander angeordnet und Verbindungslinien zeigen die Beziehungen der einzelnen Baumelemente an.

Design Richtlinien

Überordnung von Ebenen im Listen-Baum

Baumelemente, die nicht einer Stelle auf der direkt übergeordneten Ebene zugeordnet sind, werden aus der alphabetischen Sortierung ausgenommen und werden immer zuerst (vor allen anderen Elementen auf der gleichen Ebene) platziert, so dass deren übergeordnete Stelle klar erkennbar ist (Im Beispiel unten siehe Wachtmeisterei).

Leerzustand im Baum-Baum

Wenn nur eine einzelne Ebene keine Einträge enthält, so wird innerhalb dieser Ebene kein Text “Keine Einträge vorhanden” angezeigt.

Baum-Baumelement Höhe

Jedes Element hat eine fixe Größe von 96 Pixeln in der Höhe, weswegen das Element sich nicht responsiv zur Länge des Textes der primären und sekundären Information verhält. Der Abstand zwischen den Informationen bleibt auch fest definiert.

Horizontale Anordnung Baum-Baumstruktur

Ein Abstand von je 16 Pixeln wird über alle Ebenen hinweg eingehalten so, dass sich Eltern-Kind Gruppen, welche nicht in einer direkten Beziehung zueinander stehen und nur über ein gemeinsames Elternobjekt miteinander verknüpft sind, nie übereinander angeordnet sein können.

Verwendungsbeispiele

  • Der Aufbau der Justizbehörde wird in der Gerichtsverwaltung als Baumstruktur dargestellt.
  • Die Beziehungen zwischen den Verfahrensbeteiligten werden in der Beteiligtenübersicht als Baumstruktur dargestellt.

Weitere Themen: