Come pianificare strategicamente un design UX pesante per i dati

I big data stanno crescendo a dismisura. Tuttavia, l'armonizzazione delle esigenze di dati complessi con un'interfaccia utente semplice, pulita e utile è oggi un test per qualsiasi progettista di UX. Spesso il design (lo strumento per trasmettere un messaggio) ostacola la comunicazione (il messaggio o il significato nascosto nell'altopiano dei dati grezzi).

Staccare le informazioni semplificherà e ripulirà l'interfaccia utente. Ma con le applicazioni basate sui dati, meno dati spesso significano una dashboard meno pratica e utile.

Conservare tutti i dati contestuali che puoi, tuttavia, produce un'app impraticabile.

Quindi, come si fa a raggiungere il giusto equilibrio?

Il modo in cui un'applicazione presenta i dati gioca un ruolo enorme, ed è qui che entrano in gioco i progettisti di UX.

In questo post, condividerò suggerimenti e trucchi che i progettisti di UX possono utilizzare per sviluppare una visualizzazione dei dati semplice e chiara, anche quando si applicano big data (dati in esecuzione in Gigabyte) per dashboard di app, pagine Web e così via.

Tuttavia, per ora lascerò fuori da questa conversazione i migliori linguaggi per la progettazione di applicazioni per big data.

Ecco come progettare per una UX ricca di dati:

Come progettare fantastiche applicazioni Big Data che i clienti adorano

Forse il miglior punto di partenza è chiedere chi è il tuo cliente.

Forse hai tirato fuori una splendida dashboard e l'hai consegnata al cliente in tempo solo per chiedergli: "Allora, dove posso fare X, Y e Z?"

Ahia! Deve aver fatto male.

1. Impiegare User Personas per progettare utili dashboard basati sui dati

Per quanto l'intelligenza artificiale e l'apprendimento automatico continueranno a migliorare, la maggior parte delle organizzazioni avrà ancora bisogno dell'intervento umano per elaborare dati non categorizzati.

E i migliori progettisti di UX creano prodotti che aiuteranno a risolvere un problema per le persone che utilizzeranno applicazioni basate sui dati.

Come lo fanno?

Erik Klimcz, Senior Design Leader presso Uber e Advanced Technologies Group, ha condiviso alcuni suggerimenti pratici su Medium. Suggerisce che i progettisti di UX devono prima identificare, quindi definire, utenti o personaggi per ogni progetto.

Poiché le applicazioni basate sui dati tendono a essere utilizzate da più persone all'interno o all'esterno di un'organizzazione, è necessario identificare tali persone in modo da poter organizzare i wireframe e le attività dell'architettura delle informazioni per soddisfare le esigenze di tutti.

Ciò renderebbe il design utile per l'utente finale, il tuo pubblico di destinazione, il tuo cliente principale.

Ecco un'illustrazione:

Comprendere i tuoi utenti/persone può aiutarti a personalizzare la funzionalità dell'applicazione in base alle loro esigenze, che è l'obiettivo finale.

Inoltre, puoi determinare quale tipo di strumenti di visualizzazione dei dati utilizzare per quale cliente rispondendo a domande importanti come:

• Chi si occuperà dei dati (user personas)? Ad esempio, è progettato per i clienti o per gli analizzatori di dati interni?
• Di cosa hanno bisogno i dati di questi utenti per aiutarli a fare dopo?

Per esempio:

Puoi progettare un tipo di infografica che popola le informazioni in base alle voci personali di un utente.

Questo tipo di progettazione di app basata sui dati sarebbe utile per le situazioni in cui l'utente è tenuto o libero di caricare le informazioni man mano che le ottiene o quando deve ritirarle per intraprendere ulteriori azioni.

Un esempio è nel servizio clienti in cui un rappresentante CS può inserire il nome o il numero di un cliente per raccogliere maggiori informazioni su di loro.

Puoi trovare questo tipo di strumento interattivo di visualizzazione dei dati in azione su Mahfix for You vs John Paulson. Ti consente di inserire un numero, quindi riporta le informazioni in base al tuo input. È abbastanza liscio!

2. Usabilità rispetto allo stile: mantenerlo semplice, chiaro e gentile

È facile farsi coinvolgere nella progettazione di un'esperienza utente attraente che ti catturi, ma è, francamente, poco pratica per il tuo cliente.

Per essere utilizzabile, un'interfaccia deve essere chiara. "La chiarezza è il lavoro n. 1", per dirla con le parole del prolifico designer di UX Joshua Porter.

In effetti, Joshua Porter ha scritto un post pieno di risorse sui principi della progettazione dell'interfaccia utente, che si applica ancora durante la progettazione di applicazioni per big data.

Quindi, per aumentare la chiarezza sull'usabilità: i progettisti dovrebbero utilizzare un design UX personalizzato o optare solo per strumenti di visualizzazione collaudati, come i grafici a linee?

Ciò dipenderà dai casi del tuo cliente/utente.

Continuano a comparire nuovi strumenti di visualizzazione dei dati personalizzati: infografiche (sia statiche che interattive), blocchi con codice colore, animazioni, visualizzazione 3D e così via.

Tuttavia, ci sono davvero solo quattro strumenti di presentazione dei dati di cui dovresti aver bisogno:

• Grafici a linee per illustrare dati continui, ad esempio come qualcosa è cambiato nel tempo
• Tabelle per la visualizzazione di informazioni di riepilogo
• Istogrammi per mostrare la distribuzione delle variabili e tracciare i dati quantitativi in ​​intervalli
• Grafici a barre per la visualizzazione di dati discreti, il confronto di variabili e il tracciamento di dati categorici

Tuttavia, puoi andare oltre la semplice usabilità per creare un'attraente interfaccia di elaborazione dei dati.

Ecco un modo per farlo:

Ancora meglio, la progettazione di interfacce ad alto contenuto di dati potrebbe prendere una svolta più semplice:

La combinazione di testo e grafici è uno dei modi migliori per migliorare la chiarezza durante la progettazione di un'esperienza utente basata sui dati. Gli utenti possono consumare le immagini e leggere il testo per una maggiore chiarezza. Ma questo approccio potrebbe non funzionare in tutte le situazioni, specialmente per enormi quantità di dati non categorizzati.

3. Combina materiale e design piatto: la funzione sulla forma

Questo concetto di design riguarda più l'usabilità e il minimalismo che, contro la credenza popolare, un noioso design a due dimensioni. Ma il design piatto non è né noioso né noioso. Puoi utilizzare colori vivaci, bordi netti e spazi aperti.

L'uso del design piatto e materiale è particolarmente consigliato per applicazioni mobili, siti Web e browser desktop. Poiché il design è minimalista e non accumula una tonnellata di dati extra (come nei design precedenti), si carica rapidamente e, se progettato per aumentare il coinvolgimento, può aiutare a mantenere i visitatori che visualizzano la pagina più a lungo.

Questo è ottimo per i siti Web basati sui dati o per i siti mobili che potrebbero trarre vantaggio dall'ottimizzazione per i dispositivi mobili, dal caricamento rapido e da minori frequenze di rimbalzo (vantaggi SEO e posizionamento) che gli algoritmi dei motori di ricerca eseguono costantemente la scansione sugli interweb.

4. Accessibilità prima dell'estetica

Non si tratta solo di rendere i dati pesanti e contestuali fluidi e accattivanti (anche se questo aiuta molto). Si desidera inoltre progettare presentazioni di dati che rendano facile per l'utente finale:

• Ottieni un'idea chiara di quali dati sono più importanti
• Comprendere il flusso logico dei dati presentati
• Comprendi cosa significano i dati
• Comprendi qual è il prossimo passo da compiere

Che ne dici di eliminare ciascuno di questi elementi?

Gli utenti dovrebbero sapere quali sono i dati più importanti

Un principio fondamentale della progettazione di UX è osservare e implementare una gerarchia di informazioni, in questo caso una gerarchia visiva.

In altre parole, un design che dia la priorità alle metriche giuste.

Si desidera organizzare, organizzare e dare la priorità ai dati più importanti prima e integrare con eventuali dati aggiuntivi in ​​seguito. Naturalmente, l'ordine di priorità varierà a seconda dell'utente dell'applicazione (dai personaggi sopra definiti).

Questa operazione non solo riordina la dashboard, ma aiuta anche a dirigere l'attenzione dell'utente su ciò che è importante per loro in un modo facile da seguire e meno opprimente.

Gli utenti dovrebbero essere in grado di comprendere il flusso logico dei dati

La semplicità gioca un ruolo importante nell'aiutare l'utente a collegare i dati a un determinato risultato.

Analogamente a quanto discusso nel punto precedente, si desidera iniziare con una griglia panoramica dei dati complessivi.

È possibile aggiungere un menu a discesa intuitivo, che quando l'utente fa clic, scorre verso il basso per rivelare informazioni aggiuntive e quindi attività o elementi di azione specifici. La gente lo adora e sta già guadagnando popolarità.

Ecco due modi per aiutare con il flusso:

Nascondi informazioni aggiuntive

Puoi utilizzare collegamenti cliccabili o rollover per rivelare ulteriori informazioni. Inoltre, funzioni come i dati slide-to-reveal e zoom-in-reveal sono ottimi modi per includere informazioni aggiuntive o evidenziare punti dati chiave. Il tutto con gesti semplici e naturali.

Ciò consente agli utenti di fare clic sui collegamenti o sui rollover che percepiscono come importanti per il loro lavoro e lasciare quelli che considerano meno importanti.

Ancora una volta, vedrai come fare una ricerca decente sulla persona del design UX può aiutarti a identificare ciò che conta di più per quale utente e quando.

Usa le animazioni al passaggio del mouse

Puoi utilizzare gli effetti di animazione al passaggio del mouse per aggiungere più zing, coinvolgimento e utilità ai dati (apparentemente) noiosi.

Le animazioni al passaggio del mouse sono particolarmente utilizzabili per fornire informazioni aggiuntive su attività o elementi specifici, aiutando al contempo a organizzare e ripulire l'applicazione basata sui dati.

Tuttavia, ci sono altri modi per utilizzare l'animazione per fornire applicazioni ad alto contenuto di dati utili e coinvolgenti.

Il problema di nascondere le informazioni dietro link cliccabili, diapositive o rollover è che fai la maggior parte del lavoro sul lato back-end delle cose. Quindi tieni presente che devi progettare i wireframe della tua architettura tenendo presente questo fin dall'inizio.

Gli utenti dovrebbero essere in grado di capire cosa significano i dati

Dopo aver organizzato e assegnato la priorità ai dati sulla dashboard, il passaggio successivo consiste nel suddividere i dati in pagine separate. Se è possibile classificare le informazioni, accertarsi di allocare pagine/schermate diverse per pacchetti di dati diversi.

Ciò può adattarsi a progetti di progettazione di applicazioni sia piccoli che complessi con molti dati, anche se potrebbe richiedere più tempo e richiedere più lavoro sul back-end.

In linea con il tema "travolgente" di cui sopra, non solo questo aiuterà i tuoi clienti/utenti a sentirsi meno sopraffatti, ma è probabile che sgretolino meglio le cifre su una pagina prima di passare a quella successiva, comprendendo i dati un passo alla volta tempo.

Ad esempio, un'interfaccia utente di controllo della missione potrebbe aiutare il tuo cliente a ottenere tutti i dati su una pagina, ma può essere travolgente per loro nel tempo, per non parlare della compressione, soprattutto per schermi di dimensioni diverse.

Spesso un cliente richiederà questo tipo di dashboard, ma dovresti saperlo meglio.

Un'interfaccia utente di controllo della missione potrebbe sembrare sofisticata, ma non è così fluida e facile da usare come l'approccio una pagina alla volta discusso in precedenza. Il primo potrebbe facilmente intralciare la consegna del significato nascosto nella montagna di dati in mostra. E questo non è utile.

Gli utenti dovrebbero essere in grado di comprendere il passaggio successivo da compiere

Seguendo i passaggi precedenti, diventa più facile per gli utenti identificare e mettere in relazione i modelli nei dati grezzi, un'altra vittoria chiave a cui puntare durante la progettazione di applicazioni ad alto contenuto di dati. Quando gli strumenti di visualizzazione dei dati che utilizzi aiutano gli utenti a dare un senso ai big data, è allora che sai di aver fatto un ottimo lavoro.

5. Consenti margini di miglioramento

Ultimo ma non meno importante, vorrai rendere agile il tuo design.

Man mano che il tempo passa e gli utenti interagiscono con il tuo progetto, il loro feedback può spingerti ad agire e correggere o riprogettare l'intera cosa. Non esiste un modo per creare un design perfetto per elaborare i dati, quindi mantenere agile il tuo design può aiutarti a apportare miglioramenti continui o una solida patch da cui iniziare.

Punti chiave

Lo scopo del design UX è trasmettere un messaggio in modo chiaro e attuabile. Ciò è particolarmente cruciale per la progettazione di applicazioni ad alto contenuto di dati. In questo caso, l'attività di un buon design è aiutare gli analisti, i manager o gli utenti finali a prendere una decisione informata.

E gli utenti non possono interpretare e utilizzare i dati grezzi per informare una decisione se non ne hanno un buon senso e come vengono presentati.

Progettare progetti UX ricchi di dati non dovrebbe essere così esasperante come sembra. I suggerimenti e i trucchi di cui sopra possono aiutarti a capire come progettare interfacce ad alto contenuto di dati.

Hai qualche suggerimento da seguire per progettare fantastiche interfacce utente per la visualizzazione dei dati e che vorresti condividere?

Fateci sapere nella sezione commenti qui sotto.