Dashboard creation for UX designer

Il termine dashboard deriva dal cruscotto dell’automobile, si è evoluto nel corso dei decenni ed è ora utilizzato anche nel mondo digitale. I dashboard sono un modo dinamico per visualizzare i dati, tracciare le statistiche e dimostrare gli indicatori chiave delle prestazioni. L’obiettivo dello strumento di gestione dei dati è quello di aiutare i decisori a fare scelte più rapide, realizzare e monitorare i modelli di business. I dati dovrebbero essere mostrati in modo comprensibile e facile da scansionare per un monitoraggio rapido.

“Un cruscotto è una visualizzazione delle informazioni più importanti necessarie per raggiungere uno o più obiettivi; consolidato e disposti su un unico schermo in modo che le informazioni possono essere monitorati a colpo d’occhio.”Stephen Pochi-www.dashboardinsight.com

Dashboard di Google analytics

Quando si inizia a creare un pannello di controllo, è il primo passo che si deve arrivare a conoscere i vostri utenti. Qual è il ruolo dell’utente che raccoglierà le informazioni necessarie dal dashboard? È utilizzato da un CEO, CFO o un Marketing manager? Se è usato da una persona o da un gruppo? Serve i dati per le persone in ruoli diversi o solo uno? L’obiettivo principale è quello di rendere più semplice. I dati devono essere visualizzati in modo chiaro e minimo e devono servire il pubblico. La seconda regola 5 ci richiede di creare dashboard che possono essere compresi in 5 secondi. I dashboard devono rappresentare i dati in modo chiaro ed efficiente.

Gli studi dimostrano che le persone ricordano l ‘ 80% di ciò che vedono e fanno e il 20% di ciò che leggono.

Interazioni utili

L’azione di drill down può essere visualizzata quando l’utente fa clic su un grafico e può vedere i dettagli di tale elemento. Quando si aggiungono interazioni drill-down al grafico, indicatori e tabelle o anche siti web, può essere personalizzato per un utente o un team di utenti. Lo zoom in e out di grafici è essenziale come spostare scale temporali, raggruppare i dati per settimane, mesi o trimestri.

Esempio per eseguire il drill down. Foto: documentazione.devexpress.com

Un modo di classificazione dashboard

Dashboard possono essere classificati in diversi modi. La seguente opzione mostrata si basa su Stephen Poche informazioni dashboard design book, dove classifica i cruscotti dal loro ruolo-strategico, analitico, operativo e dal tipo di attività che assistono.

Strategico

Dashboard strategici traccia KPI. Al giorno d’oggi i dashboard sono per lo più strategici, dando una visione rapida per i manager sulla salute e sul funzionamento quotidiano delle loro attività. Questo tipo di schede si concentrano sulle prestazioni effettive e le previsioni. Questi dashboard esecutivi non sono guidati da dati in tempo reale, ma piuttosto statistiche di periodi settimanali e mensili. Per lo più cruscotti strategici non danno la possibilità per le interazioni ai propri utenti.

Esempio di un executive dashboard di SaaS di avvio
Foto: Klipfolio

Dashboard analitici

I dashboard analitici mostrano i dati per tenere traccia delle tendenze. Questo tipo di dashboard richiede una maggiore complessità. Deve analizzare grandi quantità di dati, confrontare e valutare, indagare le tendenze e prevedere i risultati. Spesso include Business Intelligence come drill down e supporta le interazioni con i dati.

Esempio di dashboard analitico di una startup SaaS
Foto: Klipfolio

Operativo

I dashboard operativi ti dicono cosa sta succedendo ora. Le operazioni che influenzano principalmente la progettazione di un dashboard di questo tipo cambiano molto rapidamente e sono dinamiche. Spesso richiede una risposta immediata quando si verifica un problema. Viene utilizzato durante il giorno e i dati visualizzati devono essere molto semplici e rapidamente comprensibili per prendere decisioni rapide.

Esempio di un cruscotto operativo di SaaS di avvio
Foto: Klipfolio

Tipi di diagrammi

grafico a linee è spesso utilizzato per visualizzare un trend. Non dovrebbe essere troppo piatto o esagerato per mostrare il messaggio. La giusta altezza di un grafico a linee è il 2/3 dell’area del grafico. Dovrebbe essere semplice e gli incrementi dovrebbero essere usati nel modo in cui di solito le persone contano: 0,5,10,15, ecc. Sempre un massimo di quattro linee dovrebbero essere utilizzate in un singolo grafico. Troppi sono confusi e non mostrano efficacemente i dati che vengono presentati.

Esempio di grafico a linee. Foto: www.actiprosoftware.com

Bars

Un grafico a barre è un modo per riassumere un insieme di dati categoriali. È meglio utilizzato per il confronto. La stessa regola deve essere mantenuta qui: keep it simple. Ci sono pochi principi che devono essere seguiti per consegnare il messaggio. La larghezza delle barre deve essere il doppio della larghezza dello spazio tra di loro. Se rappresentano gli stessi dati utilizzare lo stesso colore. Nel caso di più barre, dove il numero di grafici dovrebbe essere al massimo di 4, l’ombreggiatura dovrebbe passare dalla luce allo scuro. In questo caso una legenda può essere utilizzata come etichettatura sarebbe fonte di confusione.

Esempio per i grafici a barre. Foto: www.thedataschool.co.uk

Pies

Questo è un grafico statistico che viene diviso in fette per dimostrare la proporzione. Dovrebbe essere usato solo per la composizione semplice. Leggere un grafico a torta è come leggere un orologio dalle ore 12 che si sposta a destra. Ecco perché è più efficiente visualizzare il segmento più grande in alto.

Esempio di grafico a torta. Foto: trutecsuspension.com

Tabelle

Le tabelle non sono un modo di visualizzazione per definizione ma un modulo per mostrare i dati in modo grezzo. Tuttavia ci sono alcuni consigli utili per renderlo visivamente facile al lettore. Dovrebbe essere usato per confrontare i dati quando devi mostrare valori precisi. Regole sottili devono essere utilizzati dopo ogni 3 a 5 voce e un ampio tavolo ha bisogno di una regola dopo ogni 3 linee per una migliore comprensione visiva. Grafico può essere ben presentato e utile in una tabella per evidenziare i dati più importanti.

Pittogrammi

Un buon pittogramma utilizzato in un grafico deve essere semplice, chiaro e simmetrico. In un pittogramma efficace, i dati dovrebbero essere una moltiplicazione di un singolo dato. Un pittogramma viene utilizzato per visualizzare i dati come in un grafico a barre.

Esempio per il pittogramma. Foto: datavizcatalogue.com

Mappe

I grafici delle mappe devono presentare dati prevalentemente geografici. Dovrebbe essere usato quando ci sono dati nella presentazione come: paese, stato, città. Le mappe dovrebbero essere utilizzate solo quando il contesto regionale dei dati è importante.

Esempio di diagramma di mappa. Foto: www.immagini.com

Other interesting chart types

Chart selection diagram. Photo: www.extremepresentation.com

We can use more types of diagrams based on the data to be visualized: mosaic, population pyramids, spider, scatter plots, binary decision diagram, multi level pie charts, gauge, pareto, stock, gantt, waterfall charts and heat maps. Qual è il grafico da scegliere per la visualizzazione dei dati? Grazie al Dr. Andrew Abela, c’è un diagramma di selezione del grafico che dovrebbe aiutare a scegliere quello che si adatta all’obiettivo e ai dati migliori.

Regole visive

Ci sono alcune regole che si suggerisce di seguire quando si crea un dashboard.

Font

Nei dashboard i dati devono essere l’obiettivo principale, quindi i font evidenziati, gli errori di battitura speciali non dovrebbero essere usati per attirare l’attenzione. Serif e sanserif font possono essere utilizzati in quanto sono leggibili e dà la possibilità di una grande varietà. Cerchiamo di mantenere le cose semplici!

Colori

Ci sono 3 attributi principali che devono essere considerati: tonalità, valore, saturazione. Tonalità è il termine per i colori dello spettro puro chiamati come “nomi di colore” – rosso, arancione, giallo, blu, verde, viola — che appaiono nell’arcobaleno. La saturazione è l’intensità del colore. Il valore mostra quanto è chiaro o scuro. Una buona visualizzazione può essere fatta da colori scuri o chiari. I colori caldi (rosso, arancione, marrone) appaiono più grandi e più vicini dei colori freddi (blu, verde o grigio) se usati nella stessa quantità. Per evitare distrazioni 3-5 tonalità dovrebbero essere utilizzati in un grafico. Troppi colori nella presentazione dovrebbero essere evitati. Una tonalità più scura di un colore può attirare l’attenzione del lettore. Dovrebbero essere usati colori leggibili per le persone daltoniche.

Regole d’oro per la progettazione del cruscotto

La rue più importante è conoscere il pubblico, chi, dove, quando lo utilizzerà. Trova il tipo di diagramma più adatto per la visualizzazione dei dati e crea il dashboard in modo logico. Mente il luogo utilizzato come un vero e proprio cruscotto si inserisce in uno schermo. Intento a mantenere la regola” less is more”, la più importante sono i dati. Tenete a mente che la facile interpretazione è essenziale.

Related Posts

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *