Moderne Benutzeroberfläche verwenden

Mit modernen Visualisierungsthemen und Dashboard-Stilen können Sie übersichtliche, professionelle Diagramme und optimierte Dashboards mit verbesserter Datendichte erstellen. Durch die Verwendung aktualisierter Typografie, einer durchdachten Farbhierarchie und adaptiver Layouts wird die Lesbarkeit von Daten verbessert und eine einheitliche Anzeige und Bearbeitung ermöglicht.

Damit Sie diese Formatierungsoptionen verwenden können, muss ein Administrator die Vorabversion der modernen Benutzeroberfläche auf der Seite Vorabversion in der Admin-Konsole aktivieren. Diese Vorabversion wird für alle Looker-Bereitstellungstypen unterstützt, einschließlich Looker (Original) und Looker (Google Cloud Core).

Wenn die Vorabfunktion Moderne Benutzeroberfläche aktiviert ist, werden die folgenden Einstellungen und Aktualisierungen eingeführt:

  • Moderne Visualisierungen: Mit der Einstellung Visualisierungsthema für Looker-Diagramme können Nutzer ein neues modernes Visualisierungsthema für Looker-Diagramme auswählen.
  • Moderne Dashboards: Mit der Einstellung Dashboard-Stil können Nutzer einen neuen modernen Stil für Looker-Dashboards auswählen.

Moderne Visualisierungen

Wenn die Vorabfunktion Überarbeitete Benutzeroberfläche aktiviert ist, können Sie mit der Einstellung Visualisierungsthema überarbeitete oder klassische Visualisierungsthemen für Ihre Looker-Diagramme auswählen. Wenn Sie das Visualisierungsthema Modern auswählen, können Sie übersichtliche, gut lesbare und professionelle Diagramme mit einem klaren und modernen Erscheinungsbild erstellen.

Das folgende Bild zeigt einen Vergleich zwischen den Visualisierungsthemen „Modern“ und „Klassisch“.

Unterstützte Diagrammtypen

In der Vorschauversion werden die beliebtesten integrierten Diagrammtypen von Looker unterstützt:

Alle anderen Diagrammtypen (z. B. Boxplot, Trichter, Karten, Streudiagramm, Tabelle (alt), Zeitachse und Wasserfall) werden vom modernen Visualisierungsthema nicht unterstützt. Wenn in einem Look oder einem Explore ein nicht unterstützter Diagrammtyp verwendet wird, wird die Einstellung Visualisierungsthema nicht im Bearbeitungsmenü angezeigt.

Unterschiede zwischen modernen und klassischen Visualisierungsthemen

Das Design „Modern“ wurde entwickelt, um das Diagrammlayout, die Typografie, die Farben und das interaktive Verhalten zu optimieren.

In der folgenden Tabelle wird beschrieben, wie sich Visualisierungen mit dem modernen Design von Visualisierungen mit dem klassischen Stil unterscheiden.

Visuelles Element Klassisches Visualisierungsdesign Modernes Visualisierungsdesign
Typografie
  • Für alle Diagrammelemente wird eine einheitliche Schriftart verwendet, z. B. Roboto Regular.
  • Der gesamte Diagrammtext, einschließlich Titel und Werte, hat dieselbe dunkle Farbe.
  • Achsenbeschriftungen werden häufig diagonal gedreht oder mit Auslassungspunkten (…) dargestellt, um in den verfügbaren Platz zu passen.
  • Google Sans:Wird für Titel, Überschriften und Legenden verwendet. Durch die bewusste Abstufung von Schriftstärke und Farbe wird eine klare Hierarchie geschaffen.
  • Google Sans Text:Wird für kleinere Labels und Achsen verwendet, um die Lesbarkeit zu verbessern.
  • Werte mit fester Breite:Zahlen auf Diagrammachsen werden mit einer Schriftart mit fester Breite dargestellt, um eine saubere vertikale Ausrichtung zu gewährleisten.
  • Adaptive Skalierung:Die Größe von Labels wird dynamisch angepasst. Diagonale oder vertikale Drehungen werden nach Möglichkeit vermieden.
Standardfarben
  • Standardmäßig wird die Farbsammlung Shoreline für neue Diagramme verwendet.
  • Wenn die Administratoreinstellung Standardfarben für Visualisierung auf eine andere Farbsammlung als die Standardeinstellung (also eine andere Farbsammlung als „Shoreline“) festgelegt ist, wird die Farbsammlung „Shoreline“ in neuen Diagrammen überschrieben.
  • Die moderne Farbpalette ist für Diagramme nicht verfügbar, wenn das klassische Visualisierungsdesign ausgewählt ist.
  • Standardmäßig wird die Farbpalette „Modern“ für neue Diagramme verwendet.
  • Wenn die Administratoreinstellung Standardfarben für Visualisierung auf eine andere Farbsammlung als die Standardeinstellung (d. h. auf eine andere Farbsammlung als „Shoreline“) festgelegt ist, wird die Farbsammlung „Modern“ in neuen Diagrammen überschrieben.
  • Löst automatisch den optimalen Palettentyp (kategorisch, sequenziell oder divergierend) basierend auf den Daten Ihrer Anfrage auf und wendet ihn an.
Kartesische Diagramme (Balken-, Säulen-, Linien- und Flächendiagramme)
  • Die Gitternetzlinien und Achsen sind gut sichtbar (dunkelgrau).
  • Spalten und Balken werden mit scharfen 90‑Grad-Ecken gerendert.
  • Gitternetzlinien und Achsenlinien werden mit einer helleren, weicheren Farbe dargestellt, um die Aufmerksamkeit auf die Daten zu lenken.
  • Spalten und Balken werden mit abgerundeten Außenkanten (Eckenradius von 4 Pixeln) gerendert.
  • Der Spalten- und Balkenabstand wurde vergrößert, um eine klare Trennung zwischen den Segmenten zu gewährleisten.
Kreis- und Ringdiagramme
  • Die einzelnen Segmente werden mit scharfen Ecken gerendert und liegen bündig aneinander.
  • Die Segmente haben abgerundete Außenkanten und sind durch einen dezenten Abstand voneinander getrennt.
  • In Legendenlabels werden Werte, Prozentsätze oder beides nebeneinander angezeigt.
Diagramme mit Einzelwerten
  • Standardisierter Abstand, der sich unerwartet skalieren lässt.
  • Großzügige Abstände und angepasste Zeilenhöhen sorgen dafür, dass Titel, Werte und Vergleichs-Labels voneinander getrennt und gut lesbar sind.
Interaktionen und Tooltips
  • Einfache Hover-Aktionen ohne dynamische Bewegung.
  • Kurzinfos haben scharfe Ecken und einen grauen Standardhintergrund.
  • Wenn Sie den Mauszeiger auf Kreissegmente bewegen oder sie auswählen, werden sie leicht vergrößert und vom Diagramm getrennt.
  • Wenn Sie den Mauszeiger über ein Liniendiagramm bewegen, wird die entsprechende Linie etwas dicker dargestellt, während die anderen Linien abgedunkelt werden.
  • Die Tooltips haben abgerundete Ecken, einen optimierten Abstand und einen dunkleren Hintergrund für hohen Kontrast. Unterstützt Touchscreens und Mobilgeräte.
  • Die Logik für das dashboardübergreifende Filtern und das Drilldown-Verhalten bleiben unverändert.

Die Modern-Farbsammlung

Wenn die Vorschaufunktion „Moderne Benutzeroberfläche“ aktiviert ist, wird die moderne Farbsammlung als Option für die Einstellung Standardfarben für Visualisierung angezeigt. Auch wenn Sie für diese Einstellung nicht die moderne Farbsammlung auswählen, wird standardmäßig die moderne Farbsammlung verwendet, wenn Sie für eine Visualisierung das moderne Visualisierungsdesign auswählen.

Die Modern-Farbkollektion wurde mit den folgenden Zielen entwickelt:

  • Achten Sie auf ausreichend Kontrast zwischen Diagrammelementen und Hintergründen, um die Sichtbarkeit und Barrierefreiheit zu verbessern.
  • Verwenden Sie eine Farbfolge, die für Personen mit Farbblindheit unterscheidbar ist (deutliche visuelle Kontraste aufweist).
  • Die Farbpalette sollte nicht zu intensiv sein, damit die Daten im Fokus stehen und die Nutzer nicht abgelenkt werden.

Modernes Visualisierungsdesign aktivieren (für Administratoren)

Damit das moderne Visualisierungsthema in einer Instanz verfügbar ist, muss ein Looker-Administrator die Vorschaufunktion für die moderne Benutzeroberfläche auf der Seite Vorschau im Admin-Bereich aktivieren. Die Vorschaufunktion ist standardmäßig deaktiviert.

Wenn die Funktion Moderne Benutzeroberfläche aktiviert ist, wird das moderne Design zum Standarddesign für neue Abfragediagramme. Diagramme, die vor der Aktivierung der Funktion Moderne Benutzeroberfläche erstellt werden, übernehmen das moderne Design jedoch nicht automatisch.

Wenn Sie die Farbsammlung des modernen Designs als Standardpalette für alle neuen Visualisierungen in Looker festlegen möchten, einschließlich Visualisierungen, die keine Visualisierungsthemen unterstützen, können Sie sie in der Einstellung Standardfarben für Visualisierungen auf der Seite Einstellungen der Admin-Konsole auswählen, sobald die Vorschaufunktion Moderne Benutzeroberfläche aktiviert ist. Mit dieser Einstellung werden nur die Farbpaletten aktiviert, nicht die anderen Funktionen des modernen Designs. Wenn Sie die Funktion Modern User Interface aktivieren und für neue Visualisierungen aller Diagrammtypen dieselben Standardvisualisierungsfarben verwendet werden sollen, wählen Sie für diese Einstellung Modern aus.

Designs für einzelne Diagramme auswählen

Wenn Sie ein Visualisierungsthema für ein Diagramm festlegen möchten, benötigen Sie die entsprechenden Berechtigungen und müssen die Diagrammeinstellungen verwenden.

Nutzerberechtigungen

Wenn Sie Visualisierungen mit dem modernen Visualisierungsthema verwenden und speichern möchten, benötigen Sie die folgenden Looker-Berechtigungen:

  • Moderne Stile in Explores konfigurieren: Nutzer müssen die Berechtigung explore für die entsprechenden Modelle haben.
  • Moderne Visualisierungsstile in einzelnen Looks speichern: Nutzer benötigen die Berechtigungen explore, save_content und save_looks. Nutzer müssen außerdem die Zugriffsebene Zugriff verwalten, bearbeiten für alle Looks haben, die sie bearbeiten möchten.

Diagrammeinstellungen

Wenn die Funktion Moderne Benutzeroberfläche aktiviert ist, können Sie das Visualisierungsthema so ändern:

Tabellendiagramme

Bei Tabellendiagrammen können Sie im Feld Tabellenthema auswählen, welches Visualisierungsthema angewendet werden soll.

  1. Wenn Sie einen Look ansehen, klicken Sie auf die Schaltfläche Bearbeiten, um ihn zu bearbeiten.
  2. Klicken Sie in einem Look oder Explore auf dem Tab Visualisierung auf Bearbeiten, um das Bearbeitungsmenü zu öffnen.
  3. Rufen Sie im Bearbeitungsmenü den Tab Diagramm auf.
  4. Wählen Sie im Drop-down-Feld Tabellenthema die Option Modern oder eines der anderen Tabellenthemen aus. Die Visualisierung wird aktualisiert und zeigt das ausgewählte Design.
  5. Nachdem Sie das gewünschte Design ausgewählt haben, können Sie die Visualisierung als Look speichern oder einem Dashboard hinzufügen. Ihre Designauswahl wird als Teil der Konfiguration der Visualisierung gespeichert.

Weitere Diagramme

Bei Spalten-, Balken-, Linien-, Flächen-, Kreis-, Ring- und Einzelwertdiagrammen können Sie im Feld Visualisierungsthema auswählen, welches Visualisierungsthema angewendet werden soll.

  1. Wenn Sie einen Look ansehen, klicken Sie auf die Schaltfläche Bearbeiten, um ihn zu bearbeiten.
  2. Klicken Sie in einem Look oder Explore auf dem Tab Visualisierung auf Bearbeiten, um das Bearbeitungsmenü zu öffnen.
  3. Rufen Sie im Bearbeitungsmenü den Tab Diagramm auf.
  4. Wählen Sie im Drop-down-Feld Visualisierungsthema die Option Modern oder Klassisch aus. Die Visualisierung wird aktualisiert und zeigt das ausgewählte Design.
  5. Nachdem Sie das gewünschte Design ausgewählt haben, können Sie die Visualisierung als Look speichern oder einem Dashboard hinzufügen. Ihre Designauswahl wird als Teil der Konfiguration der Visualisierung gespeichert.

Dashboard-Tiles

  1. Versetzen Sie das Dashboard in den Bearbeitungsmodus.
  2. Öffnen Sie das Fenster Kachel bearbeiten für die Kachel.
  3. Klicken Sie auf dem Tab Visualisierung auf Bearbeiten, um das Bearbeitungsmenü zu öffnen.
  4. Rufen Sie im Bearbeitungsmenü den Tab Diagramm auf.
  5. Wählen Sie im Drop-down-Feld Visualisierungsthema die Option Modern oder Klassisch aus. Die Visualisierung wird aktualisiert und zeigt das ausgewählte Design.
  6. Nachdem Sie das gewünschte Design ausgewählt haben, können Sie die Änderung speichern, indem Sie im Fenster Kachel bearbeiten auf Speichern und dann im Dashboard auf Speichern klicken.

LookML-Dashboard-Elemente

Die Designs „Modern“ und „Klassisch“ können in LookML-Dashboard-Elementen für die unterstützten Diagrammtypen verwendet werden.

Wenn Sie Designs verwenden möchten, verwenden Sie den Parameter modern2026 und legen Sie ihn auf true für das moderne Design oder auf false für das klassische Design fest.

Wenn Sie die moderne Farbpalette auf ein Dashboard-Element anwenden möchten, verwenden Sie den Parameter collection_id und legen Sie ihn auf looker_2026 fest.

Beibehaltung des benutzerdefinierten Stils

Wenn Sie das Design „Moderne Visualisierung“ auf ein vorhandenes Explore oder Look anwenden, aktualisiert Looker die zugrunde liegenden Stile der Visualisierung, ohne Ihre benutzerdefinierten Konfigurationen zu verwerfen. Alle benutzerdefinierten Formatierungseinstellungen, die Sie explizit gespeichert haben, haben Vorrang vor den neuen Standardeinstellungen für das Design.

  • Benutzerdefinierte Formatierungen (beibehalten): Wenn Sie bestimmte Formatierungseigenschaften manuell angepasst haben, z. B. benutzerdefinierte Farbcodes eingegeben, Achsenbegrenzungen auf bestimmte Zahlen festgelegt oder Namen von Diagrammreihen manuell definiert haben, werden diese Überschreibungen in Looker genau so beibehalten. Ihre benutzerdefinierten Einstellungen werden nicht durch das moderne Design überschrieben.
  • Unveränderte Eigenschaften (aktualisiert): Alle Stileinstellungen, die Sie nicht geändert haben (Eigenschaften, die in ihrem Standardzustand belassen wurden), werden automatisch auf das Styling des modernen Designs aktualisiert, z. B. die neuen Schriftarten, gedämpften Gitternetzlinien und abgerundeten Ecken.

Wenn Sie beispielsweise ein Säulendiagramm mit dem Classic-Design haben, in dem Sie die Spaltenfarben an die Marke Ihres Unternehmens angepasst haben, bleiben diese spezifischen Markenfarben beim Wechsel zum Modern-Design erhalten. Die Schriftarten, die Formatierung der Gitternetzlinien und die Ecken der Spalten des Diagramms werden jedoch weiterhin automatisch auf den modernen Stil aktualisiert.

Auf Standardeinstellungen zurücksetzen

Wenn Sie das moderne Design vollständig auf eine Visualisierung mit benutzerdefinierten Stilen anwenden möchten, können Sie benutzerdefinierte Eigenschaften auf ihre Standardwerte zurücksetzen:

  1. Rufen Sie in einem Look oder Dashboard den Bearbeitungsmodus für die Visualisierung auf.
  2. Suchen Sie im Menü Bearbeiten die Eigenschaften, die Sie zurücksetzen möchten, z. B. benutzerdefinierte Farbauswahlen oder Schriftgrößen.
  3. Löschen Sie die benutzerdefinierten Werte oder wählen Sie die Standardeinstellungen aus, um die Überschreibung zu entfernen. Die Properties übernehmen sofort die Standardeinstellungen des modernen Designs.

Bekannte Einschränkungen

Solange sich das Visualisierungsdesign „Modern“ in der Vorschau befindet, gelten die folgenden Einschränkungen:

  • Das moderne Design ist nur für die Diagrammtypen verfügbar, die im Abschnitt Unterstützte Diagrammtypen aufgeführt sind. Alle anderen integrierten Looker-Visualisierungen, einschließlich Karten, werden mit dem klassischen Design gerendert.
  • Das moderne Visualisierungsthema wird nur auf integrierte Looker-Visualisierungen angewendet. Benutzerdefinierte Visualisierungen, die über das Looker Extension Framework entwickelt oder vom Looker Marketplace installiert wurden, sind davon nicht betroffen.
  • Visualisierungsthemen können nicht programmatisch über die Looker API oder das Embed SDK bearbeitet werden.

Moderne Dashboards

Wenn die Vorabversion Moderne Benutzeroberfläche aktiviert ist, wird für neue Dashboards standardmäßig der moderne Dashboard-Stil verwendet. Wenn Sie den modernen Dashboardstil verwenden, werden Dashboards mit einem modernen, übersichtlichen Erscheinungsbild und einem Schwerpunkt auf Datendichte erstellt. Alternativ können Sie den vorhandenen Stil für klassische Dashboards von Looker verwenden. Mit der Einstellung Dashboardstil können Sie für Ihre Dashboards den modernen oder klassischen Stil auswählen.

Wenn Sie den modernen Dashboardstil verwenden, werden die Diagramme im Dashboard nicht automatisch auf das moderne Visualisierungsthema aktualisiert. Wenn Sie das Design „Moderne Visualisierung“ in Dashboard-Kacheln verwenden möchten, müssen Sie das Dashboard in den Bearbeitungsmodus versetzen und jede Kachel bearbeiten, in der ein unterstützter Diagrammtyp verwendet wird.

Das folgende Bild zeigt ein Beispiel für ein Dashboard im modernen Stil mit Kacheln, für die das moderne Visualisierungsthema verwendet wird.

Der klassische Dashboard-Stil wird in der Dokumentation Dashboards ansehen beschrieben.

Unterschiede zwischen modernen und klassischen Dashboard-Stilen

Der moderne Dashboardstil wurde entwickelt, um die Datendichte zu erhöhen und eine präzisere, einheitlichere Bearbeitung zu ermöglichen.

In der folgenden Tabelle wird beschrieben, wie sich Dashboards im modernen Stil von Dashboards im klassischen Stil unterscheiden.

Element Klassischer Dashboardstil Moderner Dashboardstil
Layout und Dichte
  • Verwendet ein Standard-Rasterlayout mit größeren Abständen zwischen den Kacheln.
  • Kompaktes Design:Die Benutzeroberfläche ist übersichtlich und konzentriert sich auf Daten.
Erscheinungsbild
  • Enthält Legacy-UI-Elemente und Navigationsstile von Looker.
  • Modernes Design:Das schlichte Design entspricht den Designstandards von Google.
  • Aktualisierte Navigation:Die Navigationsleisten oben und links wurden aktualisiert, um eine einheitliche Benutzeroberfläche mit der neuen Explore-Funktion zu bieten.

Modernen Dashboardstil aktivieren (für Administratoren)

Damit der moderne Dashboardstil in einer Instanz verfügbar ist, muss ein Looker-Administrator die Vorschaufunktion für die moderne Benutzeroberfläche im Admin-Bereich auf der Seite Vorschau aktivieren.

Dashboards, die vor der Aktivierung der Funktion Moderne Benutzeroberfläche erstellt wurden, behalten den klassischen Dashboardstil bei. Sie können jedoch mit der Einstellung Dashboardstil auf den modernen Stil aktualisiert werden. Für Dashboards, die nach der Aktivierung der Funktion Überarbeitete Benutzeroberfläche erstellt werden, wird standardmäßig der überarbeitete Dashboardstil verwendet.

Stil für einzelne Dashboards festlegen

Um einen Dashboard-Stil festzulegen, benötigen Sie die entsprechenden Berechtigungen und müssen das Menü Einstellungen des Dashboards verwenden.

Nutzerberechtigungen

Damit Nutzer Dashboards im modernen Stil verwenden und speichern können, benötigen sie die Looker-Berechtigung save_dashboards. Nutzer müssen außerdem die Zugriffsebene Zugriff verwalten, bearbeiten für alle Dashboards haben, die sie bearbeiten möchten.

Die Einstellung „Dashboardstil“

Wenn die Funktion Moderne Benutzeroberfläche aktiviert ist, wird für neue Dashboards standardmäßig der moderne Dashboardstil verwendet. So legen Sie den Dashboardstil für neue oder vorhandene Dashboards fest:

Benutzerdefiniertes Dashboard

  1. Versetzen Sie das Dashboard in den Bearbeitungsmodus.
  2. Öffnen Sie das Menü Einstellungen des Dashboards.
  3. Wählen Sie im Menü Einstellungen auf dem Tab Allgemein in den Drop-down-Optionen mit der Einstellung Dashboard-Stil den Dashboard-Stil Modern oder Klassisch aus. Das Dashboard wird aktualisiert und zeigt den ausgewählten Stil an.
  4. Klicken Sie im Menü Einstellungen auf Speichern.
  5. Klicken Sie im Dashboard auf Speichern, um den ausgewählten Stil anzuwenden.

LookML-Dashboard

Wenn Sie den modernen Dashboardstil verwenden möchten, setzen Sie den Dashboardparameter style auf modern. Wenn Sie den klassischen Dashboardstil verwenden möchten, setzen Sie den Dashboardparameter style auf classic.

Eingebettete Dashboards

Bei eingebetteten Dashboards, in denen eingebettete Designs verwendet werden, sieht die moderne Formatierung anders aus als in nicht eingebetteten Dashboards. Wir empfehlen, für eingebettete Dashboards, die eingebettete Designs verwenden, den klassischen Dashboardstil zu verwenden.

Wie geht es weiter?