Visualizzazione dei dati: buone pratiche e fondamenti

Pubblicato: 2022-03-11

"Il disordine e la confusione non sono attributi dei dati: sono carenze del design". – Edoardo Tufte

Che cos'è la visualizzazione dei dati?

Michael Friendly definisce la visualizzazione dei dati "come informazioni che sono state astratte in una forma schematica, inclusi attributi o variabili per le unità di informazione". In altre parole, è un modo coerente per comunicare visivamente contenuto quantitativo. A seconda dei suoi attributi, i dati possono essere rappresentati in molti modi diversi, come un grafico a linee, un grafico a barre, un grafico a torta, un grafico a dispersione o una mappa.

È importante che i grafici aderiscano alle migliori pratiche di visualizzazione dei dati e determinino il modo migliore per presentare visivamente un set di dati. Le visualizzazioni dei dati dovrebbero essere utili, visivamente accattivanti e mai fuorvianti. Soprattutto quando si lavora con set di dati molto grandi, lo sviluppo di un formato coerente è fondamentale per creare visualizzazioni utili e visivamente accattivanti.

La visualizzazione dei dati visivamente semplifica la comprensione in questo esempio di best practice per la visualizzazione dei dati
Visualizzazione dei dati del Wall Street Journal sui dati sulla disoccupazione negli Stati Uniti. (di WSJ)

Perché utilizzare la visualizzazione dei dati

Secondo IBM, ogni giorno vengono creati 2,5 quintilioni di byte di dati. Il ricercatore Andrew McAfee e il professor Erik Brynjolfsson del MIT sottolineano che "ogni secondo attraversa Internet più dati di quanti ne fossero archiviati nell'intera Internet solo 20 anni fa".

Man mano che il mondo diventa sempre più connesso con un numero crescente di dispositivi elettronici, il volume dei dati continuerà a crescere in modo esponenziale. IDC prevede che entro il 2025 ci saranno 163 zettabyte (163 trilioni di gigabyte) di dati.

Tutti questi dati sono difficili da comprendere per il cervello umano, infatti è difficile per il cervello umano comprendere numeri maggiori di cinque senza tracciare una sorta di analogia o astrazione. I progettisti della visualizzazione dei dati possono svolgere un ruolo fondamentale nella creazione di tali astrazioni.

Dopotutto, i big data sono inutili se non possono essere compresi e consumati in modo utile. Ecco perché la visualizzazione dei dati gioca un ruolo importante in tutto, dall'economia alla scienza e tecnologia, all'assistenza sanitaria e ai servizi umani. Trasformando numeri complessi e altre informazioni in grafici, il contenuto diventa più facile da capire e da usare.

I grafici visivi sono particolarmente utili nella progettazione di dashboard

Quando usarlo

Dal momento che grandi numeri sono così difficili da comprendere in modo significativo e molti dei set di dati più utili contengono enormi quantità di dati preziosi, la visualizzazione dei dati è diventata una risorsa vitale per i decisori. Per sfruttare tutti questi dati, molte aziende vedono il valore delle visualizzazioni dei dati nella comprensione chiara ed efficiente di informazioni importanti, consentendo ai responsabili delle decisioni di comprendere concetti difficili, identificare nuovi modelli e ottenere approfondimenti basati sui dati per migliorare decisioni.

Vale la pena spendere risorse per soluzioni di progettazione per la visualizzazione dei dati . La comprensione di set di dati di grandi dimensioni è necessaria per prendere una decisione informata, che si tratti di affari, tecnologia, scienza o un altro campo. Visualizzazioni chiare rendono i dati complessi più facili da afferrare e quindi più facili da intraprendere.

Best practice per la visualizzazione dei dati delle app consumer

I principi

Definisci uno scopo chiaro

La visualizzazione dei dati dovrebbe rispondere a domande strategiche vitali, fornire valore reale e aiutare a risolvere problemi reali. Può essere utilizzato per monitorare le prestazioni, monitorare il comportamento dei clienti e misurare l'efficacia dei processi, ad esempio. Dedicare del tempo all'inizio di un progetto di visualizzazione dei dati per definire chiaramente lo scopo e le priorità renderà il risultato finale più utile ed eviterà perdite di tempo nella creazione di elementi visivi non necessari.

Conosci il pubblico

Una visualizzazione dei dati è inutile se non progettata per comunicare in modo chiaro con il pubblico di destinazione. Dovrebbe essere compatibile con l'esperienza del pubblico e consentire agli spettatori di visualizzare ed elaborare i dati in modo semplice e rapido. Prendi in considerazione la familiarità del pubblico con i principi di base presentati dai dati, nonché se è probabile che abbiano un background nei campi STEM, dove è più probabile che grafici e grafici vengano visualizzati su base regolare.

Volevano designer UX freelance a tempo pieno con sede negli Stati Uniti

Utilizzare le funzionalità visive per mostrare correttamente i dati

Ci sono tanti diversi tipi di grafici. Decidere quale tipo è il migliore per visualizzare i dati presentati è un'arte a sé stante. Il grafico giusto non solo renderà i dati più facili da capire, ma li presenterà anche nella luce più accurata. Per fare la scelta giusta, considera che tipo di dati devi trasmettere e a chi vengono trasmessi.

Ecco i tipi più popolari di grafici per la visualizzazione dei dati:

Grafici a linee: i grafici a linee dovrebbero essere utilizzati per confrontare i valori nel tempo e sono eccellenti per visualizzare modifiche sia grandi che piccole. Possono anche essere utilizzati per confrontare le modifiche a più di un gruppo di dati.

I grafici a linee sono un esempio di buone tecniche di visualizzazione dei dati
(Fonte: <a href="https://www.unep.org/about-un-environment

Grafici a barre: i grafici a barre dovrebbero essere utilizzati per confrontare i dati quantitativi di diverse categorie. Possono essere utilizzati anche per tenere traccia delle modifiche nel tempo, ma è meglio utilizzarli solo quando tali modifiche sono significative.

I grafici a barre sono un buon modo per presentare visivamente determinati dati
(Fonte: Il nostro mondo nei dati)


Grafici a dispersione: i grafici a dispersione devono essere utilizzati per visualizzare i valori di due variabili per un insieme di dati. Sono eccellenti per esplorare le relazioni tra i due set.

Best practice per la visualizzazione dei dati dei grafici a dispersione
(Fonte: Il nostro mondo nei dati)


Grafici a torta: i grafici a torta devono essere utilizzati per mostrare parti di un intero. Non possono visualizzare cose come le modifiche nel tempo.

I grafici a torta sono ottimi per la progettazione della visualizzazione dei dati.

Mantienilo organizzato e coerente

La coerenza è particolarmente importante quando si compila un set di big data in una visualizzazione. Un design coerente passerà effettivamente in secondo piano, consentendo agli utenti di elaborare facilmente le informazioni. Le migliori visualizzazioni aiutano gli spettatori a trarre conclusioni sui dati presentati senza essere "in faccia" o attirare l'attenzione su se stessi. Semplicemente mostrano i dati nel miglior modo possibile.

La creazione di una gerarchia di dati mostra i vari punti dati in modo rilevante per i decisori. Puoi ordinare dal più alto al più basso per enfatizzare i valori più grandi o visualizzare una categoria più importante per gli utenti in modo evidente.

Anche l'ordine di visualizzazione dei dati, i colori utilizzati (come i colori più luminosi per i punti più importanti o il grigio per i dati della linea di base) e le dimensioni dei vari elementi di un grafico (come l'espansione di alcune sezioni di un grafico a torta oltre il bordo normale del grafico) può aiutare gli utenti a interpretare i dati più facilmente. Fai attenzione a non creare pregiudizi dove non dovrebbero essercene quando usi queste tecniche.

Best practice per la visualizzazione interattiva dei dati
Le visualizzazioni interattive dei dati sono anche un ottimo modo per aiutare le persone a interpretare i dati.

Rendi la visualizzazione dei dati inclusiva

Il colore è ampiamente utilizzato come un modo per rappresentare e differenziare le informazioni. Secondo un recente studio condotto da Salesforce, è anche un fattore chiave nelle decisioni degli utenti.

Hanno analizzato il modo in cui le persone hanno risposto alle diverse combinazioni di colori utilizzate nei grafici, presumendo che avrebbero avuto preferenze più forti per le tavolozze che avevano sottili variazioni di colore poiché sarebbero state esteticamente più accattivanti.

Tuttavia, hanno scoperto che, sebbene accattivanti, le tavolozze sottili rendevano i grafici più difficili da analizzare e ottenere informazioni dettagliate. Ciò vanifica completamente lo scopo di creare una visualizzazione per visualizzare i dati.

Iscriviti al blog di design Toptal e ricevi il nostro eBook

Se i grafici con colori simili e meno contrasto sono difficili da leggere per la persona media, lo sono ancora di più per le persone che non hanno una visione perfetta e rappresentano una parte significativa della popolazione. Secondo l'OMS, circa 253 milioni di persone vivono con problemi di vista.

Fortunatamente, sono disponibili strumenti per verificare come un'immagine verrà visualizzata da persone con queste disabilità, come la prova daltonismo in Photoshop e Illustrator. Sono utili anche altre cose come l'utilizzo di caratteri di dimensioni sufficientemente grandi e un contrasto adeguato tra il testo e lo sfondo.

Se gli strumenti di simulazione rivelano problemi con la tavolozza dei colori, esistono tecniche che possono migliorare la leggibilità del grafico:

  • Usa colori ad alto contrasto.
  • Completa l'uso del colore con motivi o texture per trasmettere diversi tipi di informazioni.
  • Usa testo o icone per etichettare gli elementi.

Un ottimo esempio di buone combinazioni di colori nella visualizzazione dei dati
Anche quando una visualizzazione dei dati utilizza un modello in scala, è possibile utilizzare un contrasto cromatico sufficiente tra ogni passaggio. La versione interattiva di questa grafica include etichette quando gli utenti passano il mouse su ciascun paese. (Fonte: Il nostro mondo nei dati)

La scelta del carattere può pregiudicare la leggibilità del testo, esaltandone o sminuendone il significato inteso. Per questo motivo, è meglio evitare di visualizzare i caratteri e attenersi a caratteri tipografici serif o sans serif più semplici.

Assicurati che la visualizzazione dei dati abbia una dimensione del carattere leggibile per il suo supporto. Smashing Magazine suggerisce che "16 pixel dovrebbero generalmente essere la dimensione minima per il body copy nel moderno web design".

Non distorcere i dati

Un'ottima visualizzazione dei dati dovrebbe raccontare la storia in modo chiaro, evitando distorsioni. Evita l'uso di rappresentazioni visive che non rappresentano accuratamente il set di dati, come i grafici a torta in 3D.

Progettazione di visualizzazione dei dati scadente
I grafici a torta 3D come questo rendono difficile visualizzare effettivamente le proporzioni di ogni fetta. (di PSDgraphics)

Le visualizzazioni dei dati possono portare gli spettatori a determinate conclusioni senza distorcere i dati stessi. Ciò può essere particolarmente utile nella progettazione di elementi come le infografiche per il consumo pubblico, solitamente create per supportare una conclusione specifica piuttosto che per trasmettere dati in generale. Cose come la scelta del colore e il richiamo di punti dati specifici possono essere utilizzati a tal fine senza creare elementi grafici fuorvianti (che potrebbero potenzialmente mettere in discussione la credibilità di un designer).

Esempi di visualizzazioni di dati errati

Un esempio di cattiva progettazione di visualizzazione dei dati
Non avviare l'asse Y da zero può far sembrare che i dati abbiano guadagni maggiori di quelli effettivamente presenti. Ciò rende la visualizzazione fuorviante e non chiarisce i dati presentati.


Un esempio fuorviante di visualizzazione dei dati
Un altro esempio di grafico che non inizia l'asse Y da zero, distorcendo il modo in cui vengono mostrati i risultati.


Un esempio di una cattiva combinazione di colore e scala in una cattiva visualizzazione dei dati
Questo grafico a barre di un marchio importante è fuorviante in termini di scala perché non esiste l'asse Y. Anche se c'è solo una leggera differenza inferiore all'1%, la barra blu fuori misura è ingrandita in modo sproporzionato.


Un esempio di visualizzazione dati fuorviante di un aumento del 70% della durata della batteria
Quando Apple ha cercato di illustrare che la batteria del nuovo iPad aveva una durata della batteria del 70% più lunga, ha aumentato l'altezza del 70% ma anche la scala complessiva, facendo sembrare la batteria significativamente più grande della batteria dell'iPad precedente. (via Gizmodo)


Esempi di buone visualizzazioni dei dati

Buone combinazioni di colori includono un contrasto di colore sufficiente in questa visualizzazione dei dati
Un grafico a barre come questo è un modo fantastico per visualizzare le differenze tra i set di dati, anche se un maggiore contrasto cromatico renderebbe questa immagine più accessibile agli utenti ipovedenti. (di FiftyThirtyTwenty)


La presentazione visiva dei dati può semplificare la comprensione dei dashboard
Questa dashboard di vendita utilizza un paio di diversi formati di visualizzazione per presentare i dati rilevanti in formati di facile comprensione che hanno senso con una semplice occhiata. I dati sono anche ben etichettati, chiarendo ulteriormente le cose. (di Bagus Fikri)


Un esempio di dashboard di buona visualizzazione dei dati
La combinazione di un design pulito e ordinato con la visualizzazione dei dati di facile interpretazione con grafici semplici rende l'esperienza utente eccezionale. (di Miklos Philips)


Google Audience Insights è un buon esempio di best practice per la visualizzazione interattiva dei dati
Audience Insights di Google fa un buon lavoro con la sua suite di analisi dei dati interattiva che rende i dati facilmente comprensibili.

Conclusione

Una buona visualizzazione dei dati dovrebbe comunicare un set di dati in modo chiaro ed efficace utilizzando la grafica. Le migliori visualizzazioni semplificano la comprensione dei dati a colpo d'occhio. Prendono informazioni complesse e le scompongono in un modo che rende semplice la comprensione per il pubblico di destinazione e su cui basare le proprie decisioni.

Come ha sottolineato Edward R. Tufte, "il test essenziale del design è quanto bene aiuta la comprensione del contenuto, non quanto sia elegante". Le visualizzazioni dei dati, in particolare, dovrebbero aderire a questa idea. L'obiettivo è migliorare i dati attraverso il design, non attirare l'attenzione sul design stesso.

Tenere a mente queste best practice per la visualizzazione dei dati semplifica il processo di progettazione di infografiche realmente utili per il loro pubblico.

•••

Ulteriori letture:

  • Lasciati ispirare da queste visualizzazioni di dati
  • Aggiorna le tue analisi con queste ispirazioni per la progettazione di dashboard
  • Progettazione dashboard: considerazioni e best practice
  • Presentation Design e l'arte del Visual Storytelling
  • L'importanza del design incentrato sull'uomo nel design del prodotto
  • I migliori portfolio di designer UX: casi di studio ed esempi stimolanti