16. Layout, Gruppen und Registerkarten

Layout, Gruppen und Registerkarten

Layout übersetzt Prioritäten in Fläche: wichtige Kennzahlen oben, Zusammenhänge in der Mitte, Details und alternative Sichten in Gruppen oder Registerkarten.

Öffnen Sie Dashboard Designer auf dem Desktop Administration.

Ihr Ziel

Sie können Elemente priorisieren, proportional anordnen, in Gruppen zusammenfassen und über Tab Container in mehrere klare Seiten gliedern.

Warum das im Dashboarddesigner entscheidend ist

Leser folgen zuerst Position und Größe, erst danach Farbe und Text. Ein gutes Raster macht die Denkstruktur des Dashboards sichtbar.

Elemente und Einstellungen im Überblick

• Dashboard Item Layout: Größe und Position im flexiblen Raster.
• Dashboard Item Group: Hält zusammengehörige Elemente als Bereich zusammen.
• Tab Container: Teilt ein Dashboard in mehrere Seiten.
• Tab Page: Enthält Elemente oder Gruppen mit eigener Beschriftung.
• Master Filter in Tab: Steuert, ob Filter innerhalb einer Seite auch Elemente außerhalb beeinflussen.
• Caption: Titelzeile des Elements mit Interaktions- und Exportbefehlen.
• Maximize / Restore: Vergrößert ein Element zur Detailprüfung und stellt es zurück.
• Mobile Layout: Alternative Anordnung für kleine Bildschirme, sofern verfügbar.

So gehen Sie vor

1. Ordnen Sie die Kernfrage und wichtigsten KPIs in den ersten sichtbaren Bereich.
2. Gruppieren Sie Elemente nach Steuerungslogik, nicht nach Datentyp.
3. Verwenden Sie Registerkarten für alternative Sichten, nicht zum Verstecken beliebiger Inhalte.
4. Geben Sie jeder Gruppe und Seite einen eindeutigen Namen.
5. Prüfen Sie Viewer, kleine Breite, Maximieren und Interaktionen über Tabgrenzen.

Übung

Bauen Sie oben drei KPI-Cards, darunter Trend und Rangliste, unten ein Detailgrid. Verschieben Sie eine alternative Detailanalyse auf eine zweite Registerkarte.

Prüfen Sie das Ergebnis

• Wichtigste Aussage ist ohne Scrollen sichtbar.
• Elementgrößen entsprechen ihrer Bedeutung.
• Gruppen und Tabs haben klare, kurze Namen.
• Filterwirkungen über Tabs sind verständlich.
• Kleine Bildschirmbreite bleibt bedienbar.

Typische Fehler und ihre Lösung

• Gleiche Fläche für jedes Element: Verwischt Prioritäten.
• Zu viele Registerkarten: Verteilt eine zusammengehörige Analyse unnötig.
• Filter nur auf unsichtbarem Tab: Leser erkennen den aktiven Kontext nicht.

Ihr Ergebnis

Das Dashboard führt den Blick logisch von Orientierung über Ursache bis zum Detailnachweis.

Weiterführender Link / Quelle

Weiterführende Themen

1. Für Customizer – Masken und Formulare individuell anpassen › Dashboarddesigner › 02. Oberfläche und Bedienbereiche
2. Für Customizer – Masken und Formulare individuell anpassen › Dashboarddesigner › 14. Masterfilter, Drill-down und Interaktivität
3. Für Customizer – Masken und Formulare individuell anpassen › Dashboarddesigner › 17. Titel, Beschriftungen, Währungen und Einheiten

Häufige Fragen