Warum ist das Layout eines Tableau-Dashboards so wichtig...?
- Horizontal vs. Vertikal Container Anordung, Best Practice und Besonderheiten:
|
Merkmal |
Horizontal Container |
Vertikaler Container |
|
Anordnung |
Nebeneinander
(links nach rechts à so wie das menschliche Auge liest. |
Übereinander
(oben nach unten) |
|
Best Practices |
Beispiel:
KPIs
in einer obersten Zeile oder zwei Diagramme, die einen Vergleich zeigen
sollen |
Beispiel:
Ein
Titel oben, ein Diagramm darunter und eine Fußzeile ganz unten |
|
Besonderheiten |
Erlaubt es,
die Breite der Elemente gleichmäßig zu verteilen |
Erlaubt es,
die Höhe der Elemente gleichmäßig zu verteilen |
- Tiled (Gekachelt) vs. Floating (Schwebend)
- Tiled: Dies ist der Standard. Jedes Objekt im Dashboard nimmt einen festen und zurecht bestimmten Paltz ein. Außerdem verhindert es,dass es das andere Objekte sich verschieben.
- Vorteile: Responsivität: Das Layout passt sich automatisch an jegliche Bildschirmgröße an.
- Sauberkeit: Alles wirkt ordentlich und vernünftig ausgerichtet.
- Nachteile: Weniger Flexibilität beim Design.
- Ist meist (gerade zu Beginn) schwierig zu bändigen sein, je nach Anzahl der Elemente.
- Floating: Hier legt du Objekte über das Dashboard. Du kannst sie pixel-perfekt positionieren und in den Vordergrund, über andere Diagramme legen.
- Vorteile: Maximale Designfreiheit
- Ideal für Legenden, Show me buttons, oder kleine Infoboxen, die nur eine kleine Ecke des Dashboards einnehmen.
- Nachteile: Chaos-Gefahr: Auf anders großen Bildschirmen können die Elemente verrutschen.
- Vorteile: Maximale Designfreiheit
Fazit: Die Faustregel lautet: 90% Tiles, 10% Floating. Nutze gekachelte Container für das Grundgerüst, damit das Dashboard auf jedem Monitor funktioniert. Nutze Floating nur für feine Details wie Logos oder kleine Legenden.
Warum Tiled in Kombination aus Container außerdem noch die bessere Wahl ist:
- Barrierefreiheit und Export: Wenn du ein Dashboard als PDF oder Powerpoint exportierst, behält das Tiled-Layout die Struktur bei.
- Wartbarkeit: Wenn du ein Diagramm löschst oder hinzufügst, ordnet sich bei einem sauberen Tiled-Layout alles automatisch neu an. Bei Floating musst du jedes einzelne Element händisch verschieben.
Die Container-Hierarchie: Ordnung im Kachel-Chaos
- Pixel-Perfect
- Nur innerhalb von Containern kannst du die Funktion "gleichmäßig verteilen" nutzen. Willst du vier KPIs nebeneinander haben, die exakt die gleiche Breite haben? Das geht nur in einem horizontalen Container.
- Gruppierung von Logik
- Ein Container hält zusammen, was zusammengehört. Wenn du zum Beispiel einen vertikalen Container für deine Filter am Rand nutzt.
- "Matroschka"-Prinzip
- Tiled ohne Container ist wie ein Puzzle ohne Rand. Erst die Container geben dem gekachelten Layout den nötigen Halt und die Struktur.