> For the complete documentation index, see [llms.txt](https://one-loop.gitbook.io/help/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://one-loop.gitbook.io/help/plattform/one-loop-plattform/marketing/dashboard-design-passend-gestalten.md). # Dashboard-Design passend gestalten ## Kurz erklärt Ein Dashboard-Design steuert das gemeinsame Erscheinungsbild einer Übersicht: Farben, Texte und die Darstellung von Kacheln und Diagrammen. Es verändert **nicht** die zugrunde liegenden Daten, Kennzahlen oder Berechtigungen. Sein Zweck ist Orientierung: Wichtige Werte sollen beim täglichen Blick auf das Dashboard schneller und sicherer lesbar sein. Du kannst ein vorgegebenes Design auswählen oder ein eigenes gestalten. Zusätzlich lässt sich bei Bedarf das Design einer einzelnen Kachel anpassen, ohne das gesamte Dashboard umzustellen. ## Wann ein Designwechsel sinnvoll ist Ein ruhiges Grunddesign eignet sich für Dashboards, die täglich von mehreren Personen genutzt werden. Ein abweichendes Kacheldesign kann eine wichtige Kennzahl hervorheben, etwa offene Chancen oder heutige Termine. Ändere das Design nicht, um ein Datenproblem zu lösen. Wenn eine Zahl falsch oder unvollständig wirkt, prüfst du zuerst Zeitraum, Filter und Datenquelle. Eine Farbänderung macht die Zahl nur anders sichtbar. ## Voraussetzungen * Du kannst das gewünschte Dashboard öffnen und bearbeiten. * Du weißt, ob die Änderung für das gesamte Dashboard oder nur für eine einzelne Kachel gelten soll. * Bei einem eigenen Design liegen die gewünschten Farben vor. * Du planst nach dem Speichern eine kurze Lesbarkeitsprüfung ein. ## Dashboard-Design ändern 1. Öffne das Dashboard, dessen Erscheinungsbild du anpassen möchtest. 2. Wähle oben rechts das **Bearbeiten-Symbol**. Erst im Bearbeitungsmodus kannst du Gestaltung und Kacheln verändern. 3. Wähle **Kachel hinzufügen**. Dadurch öffnet sich die Seitenleiste mit den verfügbaren Anpassungsbereichen. 4. Öffne in dieser Seitenleiste den Bereich **Designs**. 5. Entscheide dich zwischen einem vorgegebenen oder einem eigenen Design: | Variante | Wann passt sie? | Was du beachten solltest | | ----------------------- | ----------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------- | | **Vorgegebenes Design** | Du möchtest schnell ein stimmiges Erscheinungsbild wählen. | Prüfe nach der Auswahl trotzdem Kontrast und Lesbarkeit deiner vorhandenen Kennzahlen. | | **Eigenes Design** | Das Dashboard soll sich an bestehenden Farben orientieren oder eine bestimmte Leselogik unterstützen. | Ändere nur so viel wie nötig und kontrolliere Zahlen, Diagramme und Links danach einzeln. | 6. Passe bei einem eigenen Design die sichtbaren Gestaltungsbestandteile an. Je nach Ansicht können dazu zum Beispiel Hintergrund, Texte, Kennzahlen, Diagramme oder Links gehören. 7. Wähle **Speichern** beziehungsweise **Änderungen speichern**. Erst dadurch wird das neue Design für das Dashboard übernommen. 8. Verlasse den Bearbeitungsmodus und prüfe das Ergebnis in der normalen Ansicht. ## Eine einzelne Kachel anders gestalten Ein Kacheldesign ist eine Ausnahme innerhalb des Gesamtdesigns. Es eignet sich für eine einzelne Kennzahl, die schneller auffallen soll. Nutze diese Ausnahme sparsam: Wenn jede Kachel anders aussieht, verliert das Dashboard seine Orientierung. 1. Öffne das Dashboard über das **Bearbeiten-Symbol**. 2. Wähle die Kachel aus, die abweichen soll. 3. Öffne die Bearbeitung dieser Kachel. 4. Wechsle in der zugehörigen Seitenleiste zum Bereich **Design**. 5. Passe das Kacheldesign an und speichere. 6. Prüfe die Kachel anschließend zusammen mit dem übrigen Dashboard. Die Änderung bleibt auf diese Kachel beschränkt. Das Grunddesign des Dashboards bleibt für die übrigen Kacheln erhalten. ## Was beim Speichern passiert | Aktion | Wirkung | | ------------------------------------------ | ------------------------------------------------------------------------------------- | | Vorgegebenes Design auswählen | Das Erscheinungsbild des gesamten Dashboards wird nach dem Speichern aktualisiert. | | Eigenes Design anpassen | Die gewählten Gestaltungswerte werden nach dem Speichern für das Dashboard verwendet. | | Einzelne Kachel gestalten | Nur die bearbeitete Kachel erhält die abweichende Darstellung. | | Bearbeitungsmodus ohne Speichern verlassen | Die neue Gestaltung wird nicht zuverlässig übernommen. | Gestaltung wirkt sich nicht auf die Datenabfrage aus. Zeitraum, Filter, Kennzahlen und die Reihenfolge der Kacheln bleiben davon getrennt. ## Lesbarkeit vor Markenwirkung Ein eigenes Design sollte nicht nur zu Farben passen, sondern auch im Arbeitsalltag funktionieren. Prüfe diese vier Punkte: 1. **Kontrast:** Dunkle Schrift auf hellem Hintergrund und helle Schrift auf dunklem Hintergrund müssen klar erkennbar sein. 2. **Kennzahlen:** Große Zahlen, Veränderungen und Vergleichswerte dürfen nicht mit Hintergrund oder Diagrammfarben verschmelzen. 3. **Diagramme:** Mehrere Reihen müssen voneinander unterscheidbar bleiben. 4. **Ausnahmen:** Eine hervorgehobene Kachel braucht einen sachlichen Grund, etwa eine Frist oder einen besonders wichtigen Wert. Wenn du unsicher bist, beginne mit einem vorgegebenen Design. Das ist robuster als viele gleichzeitige Änderungen an Farben und Kacheln. ## Ergebnis prüfen Prüfe nach jeder Änderung nicht nur, ob die Farben anders aussehen, sondern ob das Dashboard seinen Zweck besser erfüllt: 1. Öffne das Dashboard außerhalb des Bearbeitungsmodus. 2. Lies die drei wichtigsten Kennzahlen aus normalem Betrachtungsabstand. 3. Prüfe, ob Überschriften, Zahlen, Diagramme und Links gut voneinander zu unterscheiden sind. 4. Öffne bei abweichenden Kacheln zusätzlich die übrigen Kacheln und kontrolliere, ob die Hierarchie nachvollziehbar bleibt. 5. Prüfe das Dashboard auf einem typischen Bildschirm der Personen, die damit arbeiten. 6. Kehre bei schlechter Lesbarkeit zum Bearbeitungsmodus zurück, vereinfache Farben oder entferne die einzelne Hervorhebung und speichere erneut. ## Häufige Fehler und Lösungen ### Die Änderung ist nicht sichtbar Wahrscheinlich wurde der Bearbeitungsmodus ohne **Speichern** verlassen. Öffne das Dashboard erneut, prüfe die gewählte Gestaltung und speichere die Änderung ausdrücklich. ### Gesamtdesign und Kacheldesign wurden verwechselt Das Design in der allgemeinen Seitenleiste betrifft das gesamte Dashboard. Die Gestaltung in der Bearbeitung einer einzelnen Kachel betrifft nur diese Kachel. Entscheide vor der Änderung, welche Ebene du verändern möchtest. ### Die Farben passen, aber Zahlen sind schwer lesbar Eine Markenfarbe ist nicht automatisch eine Arbeitsfarbe. Erhöhe den Kontrast oder wähle ein ruhigeres Grunddesign. Teste besonders kleine Vergleichswerte, Achsenbeschriftungen und Diagrammreihen. ### Zu viele Kacheln sind hervorgehoben Wenn mehrere Kacheln gleichzeitig besondere Farben erhalten, ist keine mehr wirklich wichtig. Behalte ein einheitliches Grunddesign und nutze eine abweichende Kachel nur für eine klare Entscheidung oder Frist. ## Praxisbeispiel: Vertriebsübersicht ruhig strukturieren Eine Teamleitung verwendet ein Dashboard für neue Kontakte, anstehende Termine, offene Chancen und Umsatz. Zuerst wählt sie ein zurückhaltendes vorgegebenes Grunddesign für das gesamte Dashboard. Danach passt sie nur die Kachel für offene Chancen an, weil diese Zahl in der täglichen Besprechung zuerst geprüft werden soll. Sie speichert, öffnet die normale Ansicht und prüft, ob die hervorgehobene Kachel sofort auffällt, ohne die übrigen Kennzahlen zu überdecken. Anschließend lässt sie eine Kollegin die Übersicht auf einem üblichen Bildschirm ansehen. Erst als beide die Zahlen, Diagramme und Beschriftungen ohne Suchen erfassen können, bleibt das Design dauerhaft bestehen. So unterstützt das Dashboard Entscheidungen, statt nur dekorativer zu werden.