Utilizzo dell'interfaccia utente moderna

Con i temi di visualizzazione moderni e gli stili delle dashboard, puoi creare grafici puliti e professionali e dashboard semplificate con una maggiore densità dei dati. Applicando la tipografia aggiornata, la gerarchia dei colori intenzionale e i layout adattivi, lo stile moderno migliora la leggibilità dei dati e offre un'esperienza di visualizzazione e modifica coerente.

Per utilizzare queste opzioni di stile, un amministratore deve attivare la funzionalità in anteprima Interfaccia utente moderna nella pagina Anteprima del pannello di amministrazione. Questa funzionalità in anteprima è supportata in tutti i tipi di deployment di Looker, inclusi Looker (originale) e Looker (Google Cloud core).

Quando è attivata, la funzionalità in anteprima Interfaccia utente moderna introduce le seguenti impostazioni e aggiornamenti:

  • Visualizzazioni moderne: l'impostazione Tema di visualizzazione per i grafici di Looker consente agli utenti di scegliere un nuovo tema di visualizzazione moderno per i grafici di Looker.
  • Dashboard moderne: l'impostazione Stile dashboard per le dashboard consente agli utenti di scegliere un nuovo stile moderno per le dashboard di Looker.

Visualizzazioni moderne

Quando la funzionalità in anteprima Interfaccia utente moderna è attivata, puoi utilizzare l'impostazione Tema di visualizzazione per selezionare i temi di visualizzazione moderni o classici per i grafici di Looker. La scelta del tema di visualizzazione Moderno ti aiuta a creare grafici puliti, leggibili e professionali con un aspetto chiaro e moderno.

L'immagine seguente mostra un confronto tra i temi di visualizzazione Moderno e Classico.

Tipi di grafici supportati

Durante il lancio dell'anteprima, il tema di visualizzazione Moderno supporta i tipi di grafici integrati più diffusi di Looker:

Tutti gli altri tipi di grafici (come boxplot, imbuto, mappe, a dispersione, tabella (legacy), sequenza temporale e a cascata) non sono supportati dal tema di visualizzazione Moderno. Se un Look o un'esplorazione utilizza un tipo di grafico non supportato, l'impostazione Tema di visualizzazione non viene visualizzata nel menu di modifica.

Differenze tra i temi di visualizzazione Moderno e Classico

Il tema di visualizzazione Moderno è progettato per ottimizzare il layout, la tipografia, i colori e i comportamenti interattivi dei grafici.

La tabella seguente descrive le differenze tra le visualizzazioni che utilizzano il tema Moderno e quelle che utilizzano lo stile Classico.

Elemento visivo Tema di visualizzazione Classico Tema di visualizzazione Moderno
Tipografia
  • Utilizza un unico carattere uniforme (ad esempio Roboto Regular) per tutti gli elementi del grafico.
  • Tutto il testo del grafico, inclusi titoli e valori, condivide lo stesso colore scuro.
  • Le etichette sugli assi vengono spesso ruotate in diagonale o visualizzate con i puntini di sospensione (...) per adattarsi allo spazio.
  • Google Sans: applicato a titoli, intestazioni e legende utilizzando la gradazione di peso e colore intenzionale per una gerarchia chiara.
  • Google Sans Text: applicato a etichette e assi più piccoli per la leggibilità.
  • Valori a spaziatura fissa: i numeri lungo gli assi del grafico utilizzano un carattere a spaziatura fissa per mantenere un allineamento verticale pulito.
  • Scalabilità adattiva: le etichette vengono ridimensionate in modo dinamico ed evitano rotazioni diagonali o verticali, ove possibile.
Colori predefiniti
  • Per impostazione predefinita, viene utilizzata la raccolta di colori Shoreline per i nuovi grafici.
  • Se l'impostazione di amministrazione Colori di visualizzazione predefiniti è impostata su una raccolta di colori diversa da quella predefinita (in altre parole, su una raccolta di colori diversa da Shoreline), questa impostazione sostituisce la raccolta di colori Shoreline nei nuovi grafici.
  • La raccolta di colori Moderno non è disponibile per i grafici quando è selezionato il tema di visualizzazione Classico.
  • Per impostazione predefinita, viene utilizzata la raccolta di colori Modernoper i nuovi grafici.
  • Se l'impostazione di amministrazione Colori di visualizzazione predefiniti è impostata su una raccolta di colori diversa da quella predefinita (in altre parole, su una raccolta di colori diversa da Shoreline), questa impostazione sostituisce la raccolta di colori Moderno nei nuovi grafici.
  • Risolve e applica automaticamente il tipo di tavolozza ottimale (categorica, sequenziale o divergente) in base ai dati della query.
Grafici cartesiani (a barre, a colonne, a linee, ad area)
  • Le linee della griglia e degli assi sono ben visibili (grigio scuro).
  • Le colonne e le barre vengono visualizzate con angoli netti a 90 gradi.
  • Le linee della griglia e degli assi sono attenuate con un colore più chiaro e tenue per concentrare l'attenzione sui dati.
  • Le colonne e le barre vengono visualizzate con bordi esterni arrotondati (raggio dell'angolo di 4 px).
  • La spaziatura tra colonne e barre viene espansa per mantenere una chiara separazione tra i segmenti.
Grafici a torta e ad anello
  • Le sezioni vengono visualizzate con angoli netti e sono a filo l'una con l'altra.
  • Le sezioni presentano bordi esterni arrotondati e una spaziatura sottile tra di loro.
  • Le etichette della legenda mostrano valori, percentuali o entrambi fianco a fianco.
Grafici a valore singolo
  • Spaziatura standardizzata che potrebbe essere fare lo scale in modi imprevisti.
  • Spaziatura interna generosa e altezze delle righe regolate per garantire che titoli, valori ed etichette di confronto siano separati e scansionabili.
Interazioni e suggerimenti
  • Azioni di passaggio del mouse di base senza movimento dinamico.
  • I suggerimenti presentano angoli netti e sfondi grigi standard.
  • Se tieni il puntatore sopra o selezioni le sezioni del grafico a torta, queste si espandono leggermente ("gonfiano") e si separano dal grafico.
  • Se tieni il puntatore sopra un grafico a linee, la linea specifica si ispessisce leggermente, mentre le altre si attenuano.
  • I suggerimenti presentano angoli arrotondati, spaziatura raffinata e sfondi più scuri per un contrasto elevato. Supporta touchscreen e dispositivi mobili.
  • La logica di filtro incrociato della dashboard e i comportamenti di drill-down rimangono invariati.

La raccolta di colori Moderno

Se la funzionalità in anteprima Interfaccia utente moderna è attivata, vedrai la raccolta di colori Moderno come opzione per l'impostazione Colori di visualizzazione predefiniti. Anche se non selezioni la raccolta di colori Moderno per questa impostazione, se selezioni il tema di visualizzazione Moderno per una visualizzazione, verrà utilizzata la raccolta di colori Moderno per impostazione predefinita.

La raccolta di colori Moderno è stata sviluppata con i seguenti obiettivi:

  • Garantire un contrasto sufficiente tra gli elementi del grafico e gli sfondi per la visibilità e l'accessibilità.
  • Utilizzare una sequenza di colori differenziabile (con un contrasto visivo distinto) per le persone con discromatopsia.
  • Evitare distrazioni e mantenere la concentrazione sui dati riducendo l'intensità della tavolozza dei colori.

Attivare il tema di visualizzazione Moderno (per gli amministratori)

Per rendere disponibile il tema di visualizzazione Moderno in un'istanza, un amministratore di Looker deve attivare la funzionalità in anteprima Interfaccia utente moderna nella pagina Anteprima del pannello di amministrazione. La funzionalità in anteprima è disattivata per impostazione predefinita.

Quando la funzionalità Interfaccia utente moderna è attivata, il tema Moderno diventa il tema predefinito per i nuovi grafici delle query. Tuttavia, i grafici creati prima dell'attivazione della funzionalità Interfaccia utente moderna non adottano automaticamente il tema Moderno.

Se vuoi impostare la raccolta di colori del tema Moderno come tavolozza predefinita per tutte le nuove visualizzazioni in Looker, incluse le visualizzazioni che non supportano i temi di visualizzazione, puoi selezionarla nell'impostazione Colori di visualizzazione predefiniti nella pagina Impostazioni del pannello di amministrazione dopo aver attivato la funzionalità in anteprima Interfaccia utente moderna. Questa impostazione attiva solo le tavolozze dei colori, non le altre funzionalità del tema Moderno. Se attivi la funzionalità Interfaccia utente moderna e vuoi che le nuove visualizzazioni di tutti i tipi di grafici utilizzino gli stessi colori di visualizzazione predefiniti, seleziona Moderno per questa impostazione.

Scegliere i temi per i singoli grafici

Per impostare un tema di visualizzazione per un grafico, devi disporre delle autorizzazioni appropriate e utilizzare le impostazioni del grafico.

Autorizzazioni utente

Per utilizzare e salvare le visualizzazioni con il tema di visualizzazione Moderno, devi disporre delle seguenti autorizzazioni di Looker:

  • Per configurare gli stili moderni nelle esplorazioni: gli utenti devono disporre dell'autorizzazione explore per i modelli pertinenti.
  • Per salvare gli stili di visualizzazione moderni nei singoli Look: gli utenti devono disporre delle autorizzazioni explore , save_content e save_looks. Gli utenti devono inoltre disporre del livello di accesso Gestione accesso, modifica per tutti i Look che vogliono modificare.

Impostazioni grafico

Quando la funzionalità Interfaccia utente moderna è attivata, puoi modificare il tema di visualizzazione seguendo questi passaggi:

Grafici a tabella

Per i grafici a tabella, puoi scegliere il tema di visualizzazione da applicare selezionando un'opzione nel campo Tema tabella.

  1. Se stai visualizzando un Look, fai clic sul pulsante Modifica per modificarlo.
  2. In un Look o in un'esplorazione, nella scheda Visualizzazione, fai clic su Modifica per aprire il menu di modifica.
  3. Vai alla scheda Traccia del menu di modifica.
  4. Nel campo a discesa Tema tabella, seleziona Moderno o uno degli altri temi della tabella. La visualizzazione viene aggiornata per mostrare il tema scelto.
  5. Dopo aver selezionato il tema che preferisci, puoi salvare la visualizzazione come Look o aggiungerla a una dashboard. La selezione del tema viene salvata come parte della configurazione della visualizzazione.

Altri grafici

Per i grafici a colonne, a barre, a linee, ad area, a torta, ad anello multipli o a valore singolo, puoi scegliere il tema di visualizzazione da applicare selezionando un'opzione nel campo Tema di visualizzazione.

  1. Se stai visualizzando un Look, fai clic sul pulsante Modifica per modificarlo.
  2. In un Look o in un'esplorazione, nella scheda Visualizzazione, fai clic su Modifica per aprire il menu di modifica.
  3. Vai alla scheda Traccia del menu di modifica.
  4. Nel campo a discesa Tema di visualizzazione, seleziona Moderno o Classico. La visualizzazione viene aggiornata per mostrare il tema scelto.
  5. Dopo aver selezionato il tema che preferisci, puoi salvare la visualizzazione come Look o aggiungerla a una dashboard. La selezione del tema viene salvata come parte della configurazione della visualizzazione.

Riquadri dashboard

  1. Metti la dashboard in modalità di modifica.
  2. Apri la finestra Modifica riquadroper il riquadro.
  3. Nella scheda Visualizzazione, fai clic su Modifica per aprire il menu di modifica.
  4. Vai alla scheda Traccia del menu di modifica.
  5. Nel campo a discesa Tema di visualizzazione, seleziona Moderno o Classico. La visualizzazione viene aggiornata per mostrare il tema scelto.
  6. Dopo aver selezionato il tema che preferisci, puoi salvare la modifica facendo clic su Salva nella finestra Modifica riquadro e poi su Salva nella dashboard.

Elementi della dashboard LookML

I temi Moderno e Classico possono essere utilizzati negli elementi della dashboard LookML per i tipi di grafici supportati.

Per utilizzare i temi, usa il parametro modern2026 e impostalo su true per il tema Moderno o su false per il tema Classico.

Per applicare la raccolta di colori Moderno a un elemento della dashboard, utilizza il parametro collection_id e impostalo su looker_2026.

Conservazione dello stile personalizzato

Quando applichi il tema di visualizzazione Moderno a un'esplorazione o a un Look esistente, Looker aggiorna gli stili sottostanti della visualizzazione senza eliminare le configurazioni personalizzate. Le scelte di formattazione personalizzate che hai salvato esplicitamente hanno la priorità rispetto alle nuove impostazioni predefinite del tema.

  • Stili personalizzati (conservati): se hai personalizzato manualmente proprietà di formattazione specifiche (ad esempio inserendo codici colore personalizzati, regolando i limiti degli assi su numeri specifici o definendo manualmente i nomi delle serie di grafici), Looker conserva questi override esattamente come sono. Le tue scelte personalizzate non verranno sovrascritte dal tema Moderno.
  • Proprietà non modificate (aggiornate): tutte le impostazioni di stile che non hai modificato (le proprietà lasciate ai loro stati predefiniti) vengono aggiornate automaticamente allo stile del tema Moderno , ad esempio i nuovi caratteri, le linee della griglia attenuate e gli angoli arrotondati.

Ad esempio, se hai un grafico a colonne con tema Classico in cui hai personalizzato i colori delle colonne in modo che corrispondano al brand della tua azienda, il passaggio al tema Moderno mantiene questi colori specifici del brand. Tuttavia, i caratteri, lo stile delle linee della griglia e gli angoli delle colonne del grafico verranno comunque aggiornati automaticamente allo stile Moderno.

Ripristinare le impostazioni predefinite

Se vuoi applicare completamente il tema Moderno a una visualizzazione che contiene stili personalizzati, puoi ripristinare le proprietà personalizzate ai loro stati predefiniti:

  1. Da un Look o da una dashboard, entra in modalità di modifica per la visualizzazione.
  2. Nel menu Modifica, individua le proprietà che vuoi reimpostare (ad esempio le selezioni di colori personalizzati o le dimensioni dei caratteri).
  3. Cancella i valori personalizzati o seleziona le impostazioni predefinite per rimuovere l'override. Le proprietà erediteranno immediatamente le impostazioni predefinite del tema Moderno.

Limitazioni note

Durante l'anteprima del tema di visualizzazione Moderno, sono presenti le seguenti limitazioni:

  • Il tema Moderno è disponibile solo per i tipi di grafici elencati nella sezione Tipi di grafici supportati. Tutte le altre visualizzazioni integrate di Looker, incluse le mappe, verranno visualizzate utilizzando il tema Classico.
  • Il tema di visualizzazione Moderno si applica solo alle visualizzazioni integrate di Looker. Non influisce sulle visualizzazioni personalizzate sviluppate tramite il framework di estensione Looker o installate da Looker Marketplace.
  • I temi di visualizzazione non possono essere modificati a livello di programmazione tramite l'API Looker o l'SDK Embed.

Dashboard moderne

Quando la funzionalità in anteprima Interfaccia utente moderna è attivata, le nuove dashboard utilizzano per impostazione predefinita lo stile della dashboard Moderno. L'utilizzo dello stile della dashboard Moderno crea dashboard con un aspetto moderno e semplificato e un'enfasi sulla densità dei dati. In alternativa, puoi utilizzare lo stile della dashboard Classico preesistente di Looker. Utilizza l'impostazione Stile dashboard per selezionare gli stili della dashboard Moderno o Classico per le tue dashboard.

L'utilizzo dello stile della dashboard Moderno non aggiorna automaticamente i grafici della dashboard al tema di visualizzazione Moderno. Per utilizzare il tema di visualizzazione Moderno nei riquadri della dashboard, devi entrare in modalità di modifica per la dashboard e modificare ogni riquadro che utilizza un tipo di grafico supportato per utilizzare il tema di visualizzazione Moderno.

L'immagine seguente mostra un esempio di dashboard che utilizza lo stile della dashboard Moderno con riquadri che utilizzano il tema di visualizzazione Moderno.

Lo stile della dashboard Classico è mostrato nella documentazione Visualizzare le dashboard.

Differenze tra gli stili delle dashboard Moderno e Classico

Lo stile della dashboard Moderno è progettato per migliorare la densità dei dati e fornire un'esperienza di modifica più precisa e coerente.

La tabella seguente descrive le differenze tra le dashboard che utilizzano lo stile Moderno e quelle che utilizzano lo stile Classico.

Elemento Stile della dashboard Classico Stile della dashboard Moderno
Layout e densità
  • Utilizza un layout a griglia standard con una spaziatura più ampia tra i riquadri.
  • Design ad alta densità: interfaccia semplificata che riduce l'ingombro visivo e si concentra sui dati.
Aspetto e design
  • Include elementi dell'interfaccia utente di Looker legacy e stile di navigazione.
  • Estetica moderna: un design pulito in linea con gli standard di progettazione di Google.
  • Navigazione aggiornata: barre di navigazione superiore e sinistra aggiornate per un'esperienza coerente con la nuova esperienza di esplorazione.

Attivare lo stile della dashboard Moderno (per gli amministratori)

Per rendere disponibile lo stile della dashboard Moderno in un'istanza, un amministratore di Looker deve attivare la funzionalità in anteprima Interfaccia utente moderna nella pagina Anteprima del pannello di amministrazione.

Le dashboard create prima dell'attivazione della funzionalità Interfaccia utente moderna mantengono lo stile della dashboard Classico, ma possono essere aggiornate allo stile Moderno utilizzando l'impostazione Stile dashboard. Le dashboard create dopo l'attivazione della funzionalità Interfaccia utente moderna utilizzano per impostazione predefinita lo stile della dashboard Moderno.

Impostare uno stile per le singole dashboard

Per impostare uno stile della dashboard, devi disporre delle autorizzazioni appropriate e utilizzare il menu Impostazioni della dashboard.

Autorizzazioni utente

Per utilizzare e salvare le dashboard con lo stile Moderno, gli utenti devono disporre dell'autorizzazione di Looker save_dashboards. Gli utenti devono inoltre disporre del livello di accesso Gestione accesso, modifica per tutte le dashboard che vogliono modificare.

L'impostazione Stile dashboard

Quando la funzionalità Interfaccia utente moderna è attivata, lo stile della dashboard Moderno è quello predefinito per le nuove dashboard. Puoi impostare lo stile della dashboard per le dashboard nuove o preesistenti seguendo questi passaggi:

Dashboard definita dall'utente

  1. Metti la dashboard in modalità di modifica.
  2. Apri il menu Impostazioni della dashboard.
  3. Nella scheda Generale del menu Impostazioni, utilizza l'impostazione Stile dashboard per selezionare lo stile della dashboard Moderno o Classico dalle opzioni a discesa. La dashboard viene aggiornata per mostrare lo stile selezionato.
  4. Fai clic su Salva nel menu Impostazioni.
  5. Fai clic su Salva nella dashboard per applicare lo stile selezionato.

dashboard LookML

Per utilizzare lo stile della dashboard Moderno, imposta il parametro della dashboard style su modern. Per utilizzare lo stile della dashboard Classico, imposta il parametro della dashboard style su classic.

Dashboard incorporate

Per le dashboard incorporate che utilizzano temi incorporati, alcuni stili moderni avranno un aspetto diverso rispetto a quelli delle dashboard non incorporate. Ti consigliamo di utilizzare lo stile della dashboard Classico per le dashboard incorporate che utilizzano temi incorporati.

Qual è il passaggio successivo?