3 trucchi avanzati di Google Data Studio che devi conoscere

Pubblicato: 2022-08-17

In Semetrical, la creazione di dashboard di reporting su misura è un obiettivo fondamentale quando si tratta di analisi e monitoraggio dei dati. Nel corso degli anni, abbiamo raccolto alcuni trucchi sia dalla nostra esperienza che dalla ricerca, che ci consentono di visualizzare i dati in un modo che rende i nostri dashboard più informativi e facili da usare.

Il titolo può sembrare clickbait, ma posso assicurarti che non è così. Se stai leggendo questo, significa che stai per essere abbastanza fortunato da imparare questi trucchi e usarli tu stesso. Potresti esserti imbattuto in alcuni di questi tu stesso, ma questi sono destinati ad aiutare alcune persone!

Ad ogni modo, entriamo nel merito: i 3 trucchi che tratteremo sono i seguenti;

Barra di navigazione laterale personalizzata
Elementi visivi di riepilogo della metrica
L'illusione della velocità

1. Barra di navigazione laterale personalizzata

Se digiti "dashboard" in Google ed esegui una ricerca di immagini, potresti notare una caratteristica comune in tutto: una barra di navigazione laterale.

In Google Data Studio, sebbene vi sia la possibilità di correggere una barra di navigazione a lato del rapporto, sembra disconnesso dalla dashboard. Non puoi personalizzarlo per adattarlo all'estetica del resto della tua dashboard e per noi non è proprio azzeccato.

Questo ci ha fatto pensare: come possiamo replicare questa funzionalità, ma anche adattarla allo stile dei nostri dashboard? Di conseguenza, abbiamo sviluppato la nostra soluzione alternativa per costruire un sistema di navigazione integrato. Non solo ha un aspetto migliore, ma può essere completamente personalizzato per adattarsi alle linee guida del marchio desiderate e condivideremo i segreti dietro di esso!

Questo è un esempio di come appare una volta finalizzato. Come accennato, è completamente personalizzabile, poiché in definitiva è una combinazione intelligente di testo, forme e collegamenti ipertestuali che varia da pagina a pagina. Per raggiungere questo obiettivo, dovrai utilizzare il rapporto e le funzionalità a livello di pagina. L'approccio può essere suddiviso in due fasi; design e funzionalità.

Il design:

Aggiungi un rettangolo bianco sul lato sinistro del rapporto: rendi questo livello di rapporto.
Aggiungi le caratteristiche di progettazione pertinenti (logo, barra orizzontale superiore, intestazioni del rapporto, ombre sui bordi) - rendile a livello di rapporto.
Aggiungi caselle di testo per i titoli delle pagine desiderati: rendi questi a livello di rapporto.
Aggiungi cerchi grigio chiaro accanto a tutti i titoli delle pagine: rendili a livello di rapporto.
Infine, per la pagina in cui ti trovi, aggiungi un cerchio colorato e una linea accanto al titolo e lascia questo a livello di pagina, poiché dovrà essere spostato per ogni pagina.

La funzionalità:

Aggiungi casella di testo.
In modalità di modifica, fai clic sulla casella di testo, quindi fai clic sull'icona "inserisci collegamento" nella barra laterale delle proprietà del testo e seleziona la pagina a cui desideri collegarlo. Impostare il testo visualizzato su numerosi zeri.
Posiziona e ridimensiona la casella di testo sopra il titolo della pagina nella barra laterale a cui corrisponde.
Quindi, apporta le seguenti modifiche nella barra laterale:
- Imposta le impostazioni di overflow su nascosto.
- Cambia l'opacità dello sfondo a 0%.
- Riduci il riempimento sinistro, destro e superiore allo 0% e l'altezza della linea a 0px.
- Imposta la dimensione del carattere come la più piccola disponibile.
Rendi questo livello di rapporto, quindi devi solo modificarlo su una pagina per influire su tutte le altre.
Puoi quindi copiarlo e incollarlo sull'intestazione successiva, cambiando solo la pagina a cui fa riferimento il collegamento ipertestuale.
Importante da notare: se si esegue questa operazione tutto in una volta, il collegamento ipertestuale potrebbe continuare a ripristinare il vecchio collegamento. Questo è, sfortunatamente, un comportamento normale, quindi assicurati di controllare che rimangano impostati nel corso di alcuni giorni. Una volta impostati, non verranno ripristinati in futuro.

Ecco fatto, ora puoi espandere questo metodo per migliorare i tuoi dashboard! Lo scopo principale dietro l'integrazione di una barra laterale nel cruscotto è il suo vantaggio estetico e il senso di familiarità. Puoi trovare altri esempi di dashboard di Google Data Studio nel mio blog precedente, che faceva riferimento anche alle "Leggi dell'UX" e come sfruttarle durante la creazione di una dashboard. Questo affronta contemporaneamente sia la legge di Jakob che la legge sull'usabilità estetica.

2. Elementi visivi di riepilogo della metrica

Questo è il nostro modo preferito per visualizzare le metriche KPI in modo da poter comprendere le prestazioni a colpo d'occhio e concentrarti su informazioni utili. Questo trucco utilizza la modifica dei colori dei callout delle metriche, quindi puoi vedere solo la percentuale o la modifica effettiva.

Supponiamo, ad esempio, di voler esaminare sessioni specifiche, avremmo bisogno di produrre tre callout separati per creare la vista sopra. Ecco come faresti per farlo:

Includi il numero grezzo e l'etichetta, ma nascondi tutte le etichette di confronto.
Copia e incolla questo callout e rendi trasparente il colore del carattere. Abilita i confronti dei periodi e seleziona "periodo precedente".
Infine, copialo di nuovo ma cambialo dal periodo precedente all'anno precedente.

È un trucco visivo semplice ma potente e hai la possibilità di aggiungere più o meno metriche a questo riepilogo del callout. Detto questo, c'è un limite di 50 callout su una singola pagina, quindi tienilo a mente.

3. L'illusione della velocità

Se hai già utilizzato Google Data Studio in precedenza, è probabile che tu abbia riscontrato problemi relativi alla velocità dei rapporti e ai tempi di caricamento. In particolare, abbiamo notato che può volerci un po' di tempo prima che i colori dei filtri si carichino rapidamente, causando uno sfondo trasparente e rendendo il testo illeggibile per i primi secondi del rapporto.

In Semetrical, questi sono posizionati nella parte superiore del report e sono le prime cose da vedere, quindi non ha un bell'aspetto se il caricamento richiede molto tempo. Sfortunatamente, non c'è molto che puoi fare per evitarlo poiché influenzerà diversi utenti in base al loro computer e alla velocità del WiFi.

Pertanto, ciò che ci piace fare oltre a dare al filtro uno sfondo bianco è posizionare una forma bianca che corrisponda alle dimensioni del filtro dietro di esso. Questo semplicemente perché le forme si caricano più velocemente e quindi, quando un utente accede alla dashboard, la scritta sarà leggibile dall'inizio, creando l'impressione di tempi di caricamento più rapidi. Puoi vedere i risultati scansionando le pagine del dashboard nella GIF qui sotto:

Riepilogo

Nel complesso, questi tre trucchi possono dare alla tua dashboard un vantaggio unico rispetto ai modelli standard a causa dei loro requisiti di implementazione più complicati del solito. Con GA4 che presto sostituirà Universal Analytics, ora è il momento perfetto per aggiornare i tuoi dashboard anche per i rapporti GA4. Se hai bisogno di ulteriore supporto da un'agenzia di analisi affidabile, contattaci oggi stesso!