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 Bearbeitungsoberfläche geschaffen.

Damit Sie diese Formatierungsoptionen verwenden können, muss die Funktion in der Vorabversion der modernen Benutzeroberfläche auf der Seite Vorabversion im Admin-Bereich aktiviert sein. Diese Funktion in der Vorabversion wird für alle Looker-Bereitstellungstypen unterstützt, einschließlich Looker (Original) und Looker (Google Cloud Core), und ist standardmäßig aktiviert.

Wenn die Funktion in der Vorabversion Moderne Benutzeroberfläche aktiviert ist, werden die folgenden Einstellungen und Updates eingeführt:

  • Moderne Visualisierungen: Mit der Einstellung Visualisierungsdesign für Looker-Diagramme können Nutzer ein neues modernes Visualisierungsdesign 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 Vorabversion der Modern User Interface-Funktion aktiviert ist, können Sie mit der Einstellung Visualisierungsthema moderne 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

Bei der Einführung der Vorschau werden die beliebtesten integrierten Diagrammtypen von Looker vom modernen Visualisierungsthema unterstützt:

Alle anderen Diagrammtypen, z. B. Boxplot, Google Maps, Karte (alt), Trichterdiagramm, Streudiagramm, Tabelle (alt), Zeitachse und Wasserfalldiagramm, werden vom modernen Visualisierungsthema nicht unterstützt. Wenn in einem Look oder einem Explore ein nicht unterstützter Diagrammtyp verwendet wird, ist die Einstellung Visualisierungsthema im Bearbeitungsmenü nicht verfügbar.

Unterschiede zwischen modernen und klassischen Visualisierungsthemen

Das Design „Modern“ wurde entwickelt, um das Diagrammlayout, die Typografie, die Farben und die interaktiven Verhaltensweisen 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, damit sie in den verfügbaren Platz 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 den 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 Visualisierungen auf eine andere Farbsammlung als die Standardeinstellung (d. h. auf 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 Visualisierungsdesign „Klassisch“ ausgewählt ist.
  • Standardmäßig wird für neue Diagramme die Farbpalette „Modern“ verwendet.
  • Wenn die Administratoreinstellung Standardfarben für Visualisierungen auf eine andere Farbsammlung als die Standardeinstellung (d. h. auf eine andere Farbsammlung als „Shoreline“) festgelegt ist, wird die Farbsammlung „Modern“ in neuen Diagrammen dadurch überschrieben.
  • Der optimale Palettentyp (kategorisch, sequenziell oder divergierend) wird automatisch auf Grundlage der Daten Ihrer Anfrage ermittelt und angewendet.
Kartesische Diagramme (Balken-, Säulen-, Linien- und Flächendiagramme)
  • Gitternetzlinien und Achsenlinien 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 einzelnen Segmente haben abgerundete Außenkanten und sind durch einen kleinen Abstand voneinander getrennt.
  • In Legendenlabels werden Werte, Prozentsätze oder beides nebeneinander angezeigt.
Einzelwertdiagramme
  • 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 dunklere Hintergründe für einen hohen Kontrast. Unterstützt Touchscreens und Mobilgeräte.
  • Die Logik für das Dashboard-Cross-Filtering und das Drilldown-Verhalten bleiben unverändert.

Die Modern-Farbkollektion

Wenn die Vorschaufunktion Moderne Benutzeroberfläche aktiviert ist, wird die moderne Farbsammlung als Option für die Einstellung Standardvisualisierungsfarben angezeigt. Auch wenn Sie für diese Einstellung nicht die moderne Farbsammlung auswählen, wird standardmäßig die moderne Farbsammlung verwendet, wenn Sie das moderne Visualisierungsdesign für eine Visualisierung 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 (deutlicher visueller Kontrast).
  • Verringern Sie die Intensität der Farbpalette, um Ablenkungen zu vermeiden und den Fokus auf die Daten zu richten.

Modernes Visualisierungsdesign aktivieren (für Administratoren)

Damit das moderne Visualisierungsdesign in einer Instanz verfügbar ist, muss die Funktion in der Vorabversion für die moderne Benutzeroberfläche auf der Seite Vorschau im Admin-Bereich aktiviert sein. Die Vorschaufunktion ist standardmäßig aktiviert.

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 jedoch nicht automatisch das moderne Design.

Wenn Sie die Farbensammlung 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 des Admin-Bereichs 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 das Feature 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- oder 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. Rufen Sie den Bearbeitungsmodus für das Dashboard auf.
  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 „Classic“ können in LookML-Dashboardelementen 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 Formatierungen, die Sie explizit gespeichert haben, haben Vorrang vor den neuen Standardeinstellungen für das Design.

  • Benutzerdefinierte Stile (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 beibehalten. Ihre benutzerdefinierten Auswahlen 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, das Design der Gitternetzlinien und die Spaltenecken 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 die benutzerdefinierten Eigenschaften auf die Standardeinstellungen zurücksetzen:

  1. Rufen Sie in einem Look oder Dashboard den Bearbeitungsmodus für die Visualisierung auf.
  2. Suchen Sie im Menü Bearbeiten nach den 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 das moderne Visualisierungsthema in der Vorschau verfügbar ist, 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 gilt nur für integrierte Looker-Visualisierungen. Benutzerdefinierte Visualisierungen, die über das Looker Extension Framework entwickelt oder über den 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 Funktion in der Vorabversion Moderne Benutzeroberfläche aktiviert ist, wird für neue Dashboards standardmäßig der moderne Dashboard-Stil verwendet. Wenn Sie den modernen Dashboard-Stil verwenden, werden Dashboards mit einem modernen, optimierten Erscheinungsbild und einem Schwerpunkt auf Datendichte erstellt. Alternativ können Sie den vorhandenen klassischen Dashboardstil von Looker verwenden. Mit der Einstellung Dashboardstil können Sie für Ihre Dashboards den modernen oder klassischen Dashboardstil auswählen.

Wenn Sie den modernen Dashboardstil verwenden, werden die Diagramme im Dashboard nicht automatisch auf das moderne Visualisierungsthema aktualisiert. Wenn Sie das moderne Visualisierungsdesign in Dashboardkacheln 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, das den modernen Dashboardstil mit Kacheln verwendet, für die das moderne Visualisierungsthema verwendet wird.

Der klassische Dashboardstil wird in der Dokumentation unter 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 mit dem modernen Stil von Dashboards mit dem 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.
Look-and-Feel
  • 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 die Vorschaufunktion für die moderne Benutzeroberfläche auf der Seite Vorschau im Admin-Bereich aktiviert sein. Die Vorschaufunktion ist standardmäßig aktiviert.

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

Sie benötigen die entsprechenden Berechtigungen und müssen das Menü Einstellungen des Dashboards verwenden, um einen Dashboardstil festzulegen.

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 das Feature Moderne Benutzeroberfläche aktiviert ist, ist der moderne Dashboardstil die Standardeinstellung für neue Dashboards. So legen Sie den Dashboardstil für neue oder vorhandene Dashboards fest:

Benutzerdefiniertes Dashboard

  1. Rufen Sie den Bearbeitungsmodus für das Dashboard auf.
  2. Öffnen Sie das Menü Einstellungen des Dashboards.
  3. Wählen Sie im Menü Einstellungen auf dem Tab Allgemein in den Drop-down-Optionen die Einstellung Dashboard-Stil aus, um den Dashboard-Stil Modern oder Klassisch auszuwählen. 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, legen Sie den Dashboardparameter style auf modern fest. 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?