Come pianificare strategicamente la progettazione UX pesante di dati

I big data sono in aumento. Tuttavia, l'armonizzazione delle complesse esigenze di dati con un'interfaccia utente semplice, pulita e utile è un test per qualsiasi designer di UX oggi. Spesso il design (lo strumento per veicolare un messaggio) interferisce con la comunicazione (il messaggio o il significato nascosto nell'altopiano dei dati grezzi).

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

Conservando tutti i dati contestuali che puoi, tuttavia, si ottiene un'app impraticabile.

Quindi, come si raggiunge il giusto equilibrio?

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

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

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

Come progettare fantastiche applicazioni per big data che i clienti adorano

Forse il punto migliore per iniziare è chiedere chi è il tuo cliente.

Forse hai tirato fuori una splendida dashboard e l'hai consegnata al cliente in perfetto orario solo per loro di chiedere: "Allora, dove posso fare X, Y e Z?"

Ahia! Deve aver fatto male.

1. Impiega le personalità degli utenti 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à comunque bisogno dell'intervento umano per elaborare dati non categorizzati.

E i migliori designer 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 di Uber e Advanced Technologies Group, ha condiviso alcuni suggerimenti utili su Medium. Suggerisce che i designer di UX devono prima identificare, quindi definire, utenti o persone per ogni progetto.

Poiché le applicazioni basate sui dati tendono ad 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:

Se hai bisogno di ottenere le nozioni di base su come creare personaggi utente per progetti di design UX, Cooper ha suggerimenti utili (incluso come ricercare e raccogliere dati per i tuoi design persona qui).

Comprendere i tuoi utenti/personali 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 client a seconda, ad esempio:

• Chi tratterà i dati (user personas)? È progettato per i clienti o per gli analizzatori di dati interni, ad esempio?
• Casi d'uso: di cosa hanno bisogno i dati questi utenti per aiutarli a fare in seguito?

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 non appena le ottiene o quando deve ritirarle per intraprendere ulteriori azioni.

Un esempio è il servizio clienti in cui un rappresentante CS può inserire il nome o il numero di un cliente per raccogliere ulteriori informazioni su di esso, ad esempio un problema irrisolto.

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!

Pubblico target e cliente
foglio di lavoro persona

Questo PDF interattivo di tre pagine ti aiuterà a trovare il tuo pubblico, controllare i tuoi contenuti e creare un piano di gioco per la tua attività. Iscriviti a Layout per scaricare il foglio di lavoro!

Scarica il foglio di lavoro gratuitamente!

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

È facile essere coinvolti nella progettazione di una UX attraente che ti aggancia, 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 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 quando si progettano applicazioni per big data.

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

Dipenderà dai casi del tuo cliente/utente.

Nuovi strumenti di visualizzazione dei dati personalizzati continuano a comparire: 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 mai 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 dati quantitativi a intervalli
• Grafici a barre per visualizzare dati discreti, confrontare variabili e tracciare dati categoriali

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

Ecco un modo per farlo:

Ancora meglio, la progettazione di interfacce pesanti per i dati potrebbe richiedere una svolta più semplice:

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

3. Combina materiale e design piatto: 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 brillanti, bordi netti e spazi aperti.

L'utilizzo di un 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 i visitatori a visualizzare la pagina più a lungo.

Questo è ottimo per i siti Web basati sui dati o per i siti mobili che potrebbero trarre vantaggio dalle frequenze di rimbalzo ottimizzate per i dispositivi mobili, dal caricamento rapido e dal minor numero di frequenze di rimbalzo (vantaggi SEO e ranking) che gli algoritmi dei motori di ricerca scansionano costantemente sugli interweb.

4. Accessibilità oltre l'estetica

Non si tratta solo di rendere fluidi e accattivanti dati pesanti e contestuali (anche se questo aiuta molto). Vuoi anche 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
• Capire cosa significano i dati
• Comprendi qual è il prossimo passo da fare

Che ne dici di eliminare ciascuno di questi elementi?

Gli utenti dovrebbero sapere quali dati sono i più importanti

Un principio fondamentale per la progettazione dell'UX è osservare e implementare una gerarchia di informazioni, in questo caso una gerarchia visiva.

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

Si desidera organizzare, organizzare e dare priorità ai dati più importanti prima e integrarli con eventuali dati aggiuntivi in ​​seguito. Naturalmente, l'ordine di priorità varierà a seconda dell'utente dell'applicazione (dalle persone definite sopra).

In questo modo non solo si sgombra la dashboard, ma si aiuta anche a indirizzare 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. "

Simile 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 azioni specifiche. La gente lo adora e sta già guadagnando popolarità.

Ecco due modi per aiutare con il flusso:

Nascondi informazioni aggiuntive

Puoi utilizzare link cliccabili o rollover per rivelare maggiori informazioni. Inoltre, funzioni come slide-to-reveal e zoom-in-to-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 di lasciare quelli che considerano meno importanti.

Ancora una volta, vedrai come una ricerca sulla persona del design UX decente 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 utili per fornire informazioni aggiuntive su attività o elementi specifici mentre aiutano 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 fatto di nascondere le informazioni dietro collegamenti, diapositive o rollover cliccabili è che la maggior parte del lavoro è svolto 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, assicurarsi di allocare pagine/schermate diverse per diversi bundle di dati.

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

In linea con il tema "opprimente" di cui sopra, non solo ciò aiuterà i tuoi clienti/utenti a sentirsi meno sopraffatti, ma è probabile che scricchiolino meglio le cifre su una pagina prima di passare alla successiva, comprendendo i dati un passo dopo l'altro 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 opprimente per loro nel tempo, per non parlare della compressione, soprattutto per dimensioni dello schermo diverse.

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

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

Gli utenti dovrebbero essere in grado di comprendere il passo 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 per 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 svolto un ottimo lavoro.

5. Consenti margini di miglioramento

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

Man mano che il tempo scorre veloce e gli utenti interagiscono con il tuo progetto, il loro feedback può spingerti ad agire e correggere o riprogettare l'intero progetto. Non c'è un modo per creare un design perfetto per il crunch dei dati, quindi mantenere il tuo design agile può aiutarti a apportare miglioramenti continui o una solida patch da cui partire.

Da asporto chiave

Lo scopo della progettazione 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 consiste nell'aiutare analisti, manager o utenti finali a prendere una decisione informata.

E gli utenti non possono interpretare e utilizzare i dati grezzi per prendere una decisione se non ne danno un buon senso e come viene presentata.

Progettare per progetti UX pesanti di dati non dovrebbe essere così esasperante come sembra. I suggerimenti e i trucchi di cui sopra possono aiutarti a capire come progettare per interfacce pesanti. Ricorda:

1. Impiega le personalità degli utenti per progettare utili dashboard basati sui dati
2. Foglio di lavoro per il pubblico di destinazione e la persona del cliente
3. Usabilità oltre lo stile: mantenerlo semplice, chiaro e grazioso
4. Combina materiale e design piatto: funzione sulla forma
5. Accessibilità oltre l'estetica
6. Consenti margini di miglioramento

Hai qualche consiglio da seguire per progettare fantastiche interfacce utente per la visualizzazione dei dati e vorresti condividerlo?

A te nella sezione commenti qui sotto.

Il business del report di web design

Quest'anno, abbiamo chiesto a 1.000 importanti freelance, agenzie e creativi quali sono i modi migliori per creare siti Web, strutturare i servizi per i clienti ed essere pagati (per intero!) in tempo. Da lì abbiamo sgranocchiato i numeri, approfondito gli approfondimenti e confezionato un bellissimo rapporto in modo che tu possa smettere di fare supposizioni e iniziare a ridimensionare la tua attività!

Porta la tua attività di web design a un livello completamente nuovo, a partire da questo mese. Ottieni informazioni da altre aziende di design come la tua e inizia a caricare in modo competitivo i tuoi servizi!