Progettazione dashboard: considerazioni e best practice

Ascolta la versione audio di questo articolo

I dashboard sono un modo unico e potente per presentare l'intelligence basata sui dati utilizzando tecniche di visualizzazione dei dati che visualizzano dati pertinenti e utilizzabili, nonché tracciano statistiche e indicatori chiave di prestazione (KPI). I dashboard dovrebbero presentare questi dati in un formato rapido e facile da scansionare con le informazioni più rilevanti comprensibili a colpo d'occhio.

Il termine è nato dal tradizionale cruscotto dell'automobile e si è evoluto per svolgere la stessa funzione nel mondo digitale. Nel suo libro, Stephen Few lo ha espresso meglio:

Un dashboard è una visualizzazione visiva delle informazioni più importanti necessarie per raggiungere uno o più obiettivi; consolidato e organizzato su un unico schermo in modo che le informazioni possano essere monitorate a colpo d'occhio.

In questo articolo, delineiamo esempi strategici, analitici, operativi e informativi, nonché i principi fondamentali che sono alla base di ogni progettazione di dashboard di successo, indipendentemente dal tipo.

Avere il giusto approccio alla visualizzazione dei dati è una caratteristica fondamentale per gettare le basi di un dashboard di successo. La visualizzazione dei dati è la presentazione dei dati tramite grafici e immagini: il suo obiettivo principale è aiutare i responsabili delle decisioni a identificare schemi o comprendere concetti difficili che potrebbero non essere rilevati nelle applicazioni basate su testo.

Nel loro libro, Visualizzazione dei dati , Noah Iliinsky e Julie Steele affermano:

Lo scopo del progettista nella progettazione di una visualizzazione dei dati è quello di creare un deliverable che sarà ben accolto e facilmente compreso dal lettore. Tutte le scelte progettuali e le implementazioni particolari devono servire a questo scopo.

Caratteristiche principali di Great Dashboard

Un dashboard efficace mostra a colpo d'occhio informazioni utili e utilizzabili. Semplifica la rappresentazione visiva di dati complessi e aiuta le parti interessate a comprendere, analizzare e presentare approfondimenti chiave.

Gli ottimi dashboard sono chiari, intuitivi e personalizzabili.

• Comunicano rapidamente le informazioni.
• Visualizzano le informazioni in modo chiaro ed efficiente.
• Mostrano le tendenze e le modifiche dei dati nel tempo.
• Sono facilmente personalizzabili.
• I widget e i componenti di dati più importanti vengono effettivamente presentati in uno spazio limitato.

Una personalizzazione iniziale dei dati visivi e delle informazioni in base ai requisiti chiave dell'utente contribuirà a migliorare l'usabilità ed eliminare la necessità di diversi profili utente.

Ottime dashboard forniscono tutto a portata di clic.

• Tutte le informazioni essenziali sono immediatamente accessibili.
• I dati hanno la priorità.
• Le informazioni vengono visualizzate chiaramente in una gerarchia visiva su uno schermo.
• Il design fornisce una panoramica coerente che include dati iniziali sparsi e chiari con ulteriori opportunità per approfondire.
• Gli elementi (grafico, tabella, modulo) vengono visualizzati in una vista ridotta a icona con la possibilità di visualizzare più dettagli in una finestra modale o andare a una pagina con maggiori dettagli.
• Il design migliora l'usabilità con filtri che consentono agli utenti di personalizzare la modalità di visualizzazione dei dati e di filtrare il contenuto utilizzando etichette, categorie e KPI.

La complessità ridotta fornisce chiarezza

In un mondo sovraffollato di dati, fornire informazioni chiare è una delle cose più difficili da realizzare. Presentare solo i dati più rilevanti sui dashboard è essenziale: più informazioni visualizziamo, più difficile sarà per gli utenti trovare ciò di cui hanno bisogno.

Di fronte a troppi dati tra cui scegliere, i progettisti dovrebbero visualizzare solo il sottoinsieme più rilevante. Dobbiamo dare la priorità e rimuovere con attenzione le metriche fuorvianti e poco chiare.

Decisioni efficaci per la progettazione di dashboard dovrebbero essere guidate da:

• gli obiettivi del progetto
• la natura dei dati
• le esigenze degli utenti

Quando legge una visualizzazione (o qualsiasi altro tipo di comunicazione), il tuo lettore ha una quantità limitata di cervelli da dedicare al problema. Parte di questa capacità intellettiva sarà dedicata alla decodifica della visualizzazione; tutte le capacità intellettuali rimaste possono quindi essere utilizzate per comprendere il messaggio (se il lettore non si è ancora arreso per la frustrazione). Noah Iliinsky e Julie Steele (Visualizzazione dati)

L'obiettivo principale di una dashboard è rendere le informazioni complesse accessibili e facili da digerire. Pertanto, l'interfaccia che presenta i dati dovrebbe essere pulita e diretta al fine di ridurre al minimo il carico cognitivo degli utenti e il tempo dedicato alla ricerca.

L'architettura dell'informazione dovrebbe presentare prima i dati essenziali consentendo l'accesso a metriche di supporto o secondarie. Dovrebbe essere progettato un sistema di drill-down progressivo che inizi con una panoramica generale e poi vada più in dettaglio: facilita la definizione delle priorità dei dati e crea chiarezza.

Determinazione degli obiettivi del dashboard e visualizzazione dei dati appropriati

Durante la progettazione di dashboard, i progettisti di dashboard di successo iniziano con una serie ben definita di obiettivi incentrati sul problema da risolvere e sulle informazioni chiave e fruibili che le persone devono estrarre dai dati.

Buoni obiettivi di progettazione promuovono un'esecuzione efficiente e precisa. L'utilizzo del framework SMART per la definizione degli obiettivi pone l'accento su obiettivi specifici , misurabili , perseguibili , realistici e basati sul tempo .

Alcune domande chiave da porsi quando si determinano gli obiettivi di progettazione del dashboard:

• Quanti passi devono compiere gli utenti per raggiungere un obiettivo specifico?
• L'interfaccia è abbastanza intuitiva da consentire all'utente di raggiungere il proprio obiettivo da solo?
• Di quali informazioni ha bisogno l'utente per raggiungere con successo il proprio obiettivo?

Per determinare quale può essere l'obiettivo di una progettazione di dashboard specifica, definiscila chiedendo: "Quale problema specifico risolverà questa progettazione per l'utente?" La risposta fornirà approfondimenti su quali metriche, proprietà, valori, elementi visivi e dati sono rilevanti.

Il design incentrato sugli obiettivi si concentra sulle soluzioni a problemi reali ed è la base per tutti i fantastici design di dashboard. Inizia con una chiara comprensione degli obiettivi aziendali, considera gli obiettivi degli utenti e poi comunica le informazioni chiave che devono essere comunicate.

Contesto nella progettazione di dashboard

Una delle maggiori sfide della progettazione di dashboard è servire più persone. Una volta definito il ruolo di ciascun utente, diventa fondamentale capire dove le loro esigenze si sovrappongono e dove divergono.

Una comunicazione efficace è il principio alla base di ogni progettazione di dashboard di successo. La previsione di potenziali scenari in cui gli utenti potrebbero trovarsi contribuirà a una migliore comprensione delle circostanze dell'utente.

Tieni sempre a mente il contesto degli utenti durante la progettazione: identifica le loro conoscenze tecniche, la loro familiarità con il sistema in generale, i loro obiettivi e così via.

Assicurati di porre le seguenti domande quando tenti di determinare il comportamento e il contesto dell'utente:

• Il design tiene conto della direzione in cui il visitatore è abituato a leggere?
• L'interazione con la dashboard richiede conoscenze tecniche?
• Gli utenti riusciranno a compiere la maggior parte delle azioni in pochi clic?
• Il design si allinea al contesto dell'utente creando menu a discesa; utilizza iconografie suggestive e tavolozze di colori?

Anche la tavolozza dei colori utilizzata nella progettazione di un dashboard dovrebbe essere considerata come un contesto. Molti dashboard di prodotti SaaS business-to-business sono progettati in un'interfaccia utente a tema scuro perché vengono utilizzati per diverse ore di fila.

Le interfacce utente a tema scuro possono aiutare a ridurre l'affaticamento degli occhi e supportare la chiarezza visiva all'interno dell'interfaccia. Tuttavia, l'adozione di questo approccio richiede un'attenta valutazione della direzione del design, i vantaggi, gli svantaggi e le potenziali insidie, come descritto in un precedente articolo del blog di design: Dark UI Dos and Don'ts.

Migliore progettazione del dashboard con la ricerca degli utenti

La ricerca degli utenti aiuta a creare un ambiente in cui agli utenti vengono presentati dati pertinenti, chiari e concisi. Questo li aiuta a pensare al contenuto e ai dati che stanno cercando, piuttosto che a come usarli e accedervi.

Alcuni dashboard devono funzionare o essere facilmente personalizzabili per utenti di ruoli diversi che guardano lo stesso dashboard di base. La ricerca dell'utente è importante perché aiuta a determinare gli obiettivi dell'utente, i modelli mentali, il contesto ambientale e i punti deboli. Questi sono fattori che influenzano notevolmente il design finale del dashboard.

Il designer dell'esperienza utente, ricercatore e autore Mike Kuniavsky osserva che è "il processo di comprensione dell'impatto del design su un pubblico".

Un designer deve definire i diversi tipi di utenti e capire dove i loro obiettivi sono gli stessi e dove differiscono. Quali informazioni sono più utilizzabili per un tipo di utente rispetto a un altro? Devono considerare se è necessario un layout diverso da un tipo di utente all'altro o se esiste una soluzione per un caso d'uso più generale.

Tenendo presente questo, è una buona idea iniziare con wireframe rudimentali e passare a prototipi che possono essere testati con utenti reali durante una fase di ricerca degli utenti. Informazioni davvero preziose possono derivare da una breve fase di ricerca degli utenti con soli cinque utenti e farà risparmiare un'enorme quantità di tempo su tutta la linea.

Divulgazione progressiva nella progettazione di dashboard

La divulgazione progressiva è una tecnica utilizzata per mantenere l'attenzione dell'utente riducendo il disordine. La creazione di un sistema di divulgazione progressiva aiuta a creare un ambiente incentrato sull'utente, che aiuta a dare priorità all'attenzione dell'utente, evitare errori e risparmiare tempo. Consente inoltre agli utenti di concentrarsi sulle funzionalità chiave che contano per loro e di non essere costretti a passare attraverso tutte le funzionalità, comprese quelle di cui non hanno bisogno o a cui non sono interessati.

La divulgazione progressiva è una best practice per la progettazione di dashboard che ridurrà considerevolmente anche i tassi di errore; migliorerà l'efficienza e aiuterà gli utenti a comprendere meglio i dashboard quando un sistema si basa sulla definizione delle priorità delle funzionalità.

La divulgazione progressiva rinvia le funzionalità avanzate o utilizzate raramente a una schermata secondaria, rendendo le applicazioni più facili da apprendere e meno soggette a errori. – Jakob Nielsen

L'animazione è un ottimo modo per soddisfare una varietà di esigenze degli utenti e allo stesso tempo svolgere più funzioni. È un'ottima opzione da utilizzare durante il caricamento di dati e immagini ed è una soluzione di divulgazione progressiva avanzata.

L'animazione è il processo di creazione dell'illusione del movimento; è una dinamica che crea un senso di progresso e feedback costante, riducendo così l'incertezza dell'utente e aumentando le prestazioni percepite.

Vantaggi dell'utilizzo della divulgazione progressiva nei dashboard:

• Ridurre l'incertezza e l'ansia degli utenti (mostrando segni di progresso, gli utenti sono certi che tutto funzioni come previsto)
• Fornire agli utenti qualcosa da guardare (visualizzazione parziale dei dati) piuttosto che farli aspettare
• Fornire agli utenti una chiara aspettativa dei passaggi imminenti e creare una comprensione del modo in cui le informazioni vengono presentate gerarchicamente

I potenziali problemi con la divulgazione progressiva e il caricamento dei dati includono:

• Utilizzo di indicatori e divulgazioni in modo inappropriato. Tempi di caricamento brevi e passaggi inutili creeranno distrazione e lavoreranno contro i principi di usabilità.
• Un ritardo nel recupero dei dati senza un chiaro indicatore di avanzamento può causare incertezza per l'utente e frequenze di rimbalzo più elevate.
• L'uso di indicatori di progresso statici è una soluzione poco significativa e non offre informazioni sufficienti sui progressi, il che può anche portare a incertezza per gli utenti e frequenze di rimbalzo più elevate.

Sommario

I dashboard sono un modo efficace per comunicare dati e altre informazioni, in particolare con un design incentrato sull'utente e incentrato sugli obiettivi che segue le migliori pratiche di progettazione del dashboard e una corretta visualizzazione dei dati. Sebbene ogni dashboard sia diversa e abbia i propri obiettivi, requisiti e limiti, seguire questi principi fondamentali aiuterà a creare progetti eccezionali indipendentemente dalle specifiche:

• Innanzitutto, entra in empatia con i tuoi tipi di utenti e comprendi i loro obiettivi.
• Trasmetti una storia chiara agli utenti facendo uso di immagini suggestive, etichette, tecniche di divulgazione progressiva e animazione.
• Semplifica le cose complesse applicando le tecniche di ricerca degli utenti.
• Rivela dati e informazioni al momento opportuno, in un sistema di drill-down.
• Usa la visualizzazione dei dati per esprimere le informazioni in modo significativo.

• • •

Ulteriori letture sul blog di Toptal Design:

• eCommerce UX: una panoramica delle migliori pratiche (con infografica)
• L'importanza del design incentrato sull'uomo nel design del prodotto
• I migliori portfolio di designer UX: casi di studio ed esempi stimolanti
• Principi euristici per interfacce mobili
• Design anticipatorio: come creare esperienze utente magiche