Contenuto
- 01. Comprendi la psicologia
- 02. Aggiungi spezie con effetti di scorrimento
- 03. Impagina per una facile digestione
- 04. Consenti agli utenti di evidenziare determinate aree
- 05. Nascondi alcune informazioni
- 06. La partecipazione degli utenti è avvincente
Le infografiche sono ovunque sul Web e sono sempre più interattive. In questa pagina ho raccolto esempi delle migliori infografiche con funzionalità interattive e ho esaminato ciò che le rende eccezionali. A pagina due troverai alcune utili risorse e librerie per aiutarti a crearne di tue (o dai un'occhiata alla nostra carrellata dei migliori strumenti di infografica).
Se stai creando un nuovo sito web per ospitare le tue infografiche, avrai bisogno di un costruttore di siti web e di un web hosting di alto livello. Vuoi conservare le tue creazioni in modo sicuro? Prova queste opzioni di archiviazione cloud. Oppure continua a leggere per scoprire come creare un design che coinvolga veramente il tuo pubblico.
01. Comprendi la psicologia
Prima di iniziare a creare la tua infografica interattiva, vale la pena considerare perché la stai rendendo interattiva.
Come spiega la brillante infografica Why Your Brain Craves Infographics, le persone sono visivamente cablate. Siamo tutti molto più propensi a leggere, comprendere e ricordare una presentazione che includa immagini accattivanti. Ma mentre le immagini sono senza dubbio lo strumento di apprendimento più essenziale, possono solo andare così lontano.
C'è anche la componente vitale dell'apprendimento cinetico, grazie al quale le persone sono in grado di conservare meglio le informazioni attraverso un'attività fisica. Quindi ha molto senso che l'aggiunta di interattività al già potente campo di visualizzazione dei dati dovrebbe rendere un'infografica ancora più memorabile ed efficace.
Questa combinazione di approcci visivi e cinetici è ciò che rende l'infografica interattiva la visualizzazione dei dati del futuro. Naturalmente, alcuni argomenti delle infografiche semplicemente non incoraggiano l'uso di elementi interattivi, ma molti altri sono notevolmente migliorati da loro. L'interattività può aiutare a dare un senso alle informazioni, dare il controllo all'utente e catturare l'immaginazione in modi che una grafica statica semplicemente non può.
02. Aggiungi spezie con effetti di scorrimento
Uno dei tipi più popolari di interattività richiede solo un piccolo scorrimento da parte dei suoi utenti, che di solito attiva animazioni e transizioni. Crea la stessa esigenza di completamento di un jack-in-the-box; gli utenti si sentono obbligati a finire ciò che hanno iniziato.
È un'ottima tecnica per attirare gli spettatori in una storia e farli sentire più coinvolti senza sovraccaricare i limiti di interesse. L'infografica per il lavaggio delle mani sopra utilizza animazioni sia sottili che appariscenti per rendere il viaggio attraverso un argomento piuttosto secco il più divertente possibile.
Lo scorrimento può essere utilizzato anche in modi molto semplici, con semplici narrazioni. Ad esempio, dai un'occhiata a questa visualizzazione della capacità dell'iPod. Il contenuto è incredibilmente semplice, ma il fattore di scorrimento fa un ottimo lavoro nel comunicare il punto.
03. Impagina per una facile digestione
La tua dose giornaliera di acqua consente agli utenti di fare clic sulle pagine anziché di scorrere e mostra come alcuni concetti funzionano meglio con questo approccio multi-pagina.
Gli elementi di ogni pagina sono interattivi al di là del semplice movimento tra gli argomenti, quindi fare clic su una nuova pagina garantisce all'utente il tempo di digerire completamente una parte prima di passare a quella successiva.
04. Consenti agli utenti di evidenziare determinate aree
Alcune delle migliori infografiche sono quelle che prendono una quantità ingombrante di dati e la distillano in un unico grafico gestibile. Ma queste visualizzazioni spesso richiedono ancora un po 'di pazienza e perseveranza per essere comprese. L'evidenziazione interattiva di porzioni diverse può aiutare a ridurre al minimo la confusione iniziale, che è essenziale per attrarre e trattenere l'utente web medio facilmente distratto.
L'infografica sulle dichiarazioni dei redditi dell'IRS sopra, How Much Goes Unclaimed Every Year, avrebbe potuto mostrare il numero di individui e gli importi di denaro non reclamato per stato in un grande grafico, ma presentarli singolarmente rende il tutto molto meno confuso.
Prospettive occupazionali (sopra), che mostra le percentuali di offerte di lavoro sia per occupazione che per livello di istruzione, ha una presentazione simile. Ma questa infografica include così tante informazioni che è stata necessariamente suddivisa in più pagine diverse.
Tuttavia, la funzionalità di rollover è la stessa in tutte le pagine, il che rende le informazioni come se fossero tutte insieme. Se non hai il tempo o le risorse per creare qualcosa di altrettanto robusto, puoi spesso integrare con alcune animazioni ben posizionate.
In un modo molto più semplice, questa guida aziendale alle risorse immateriali utilizza animazioni a scorrimento per aggiungere pizazz ai suoi grafici e grafici altrimenti banali, contribuendo a mantenere l'attenzione dell'utente in tutta la pagina.
05. Nascondi alcune informazioni
Un altro ottimo modo per convincere gli utenti a partecipare attivamente all'esperienza con l'infografica è avere clic o rollover che offrono più informazioni. Questo non solo incoraggia il senso di curiosità e di esplorazione dell'utente, ma gli consente anche di saltare argomenti minori che non gli interessano, senza scoraggiarli dal continuare con il resto dell'infografica.
All'estremità più complessa degli esempi c'è la guida SimpliSafe alla sicurezza domestica (mostrata sopra). C'è molto di più dei semplici link cliccabili in questo viaggio attraverso i diversi livelli della difesa domestica, ma la loro inclusione rende l'esperienza di apprendimento più ricca.
06. La partecipazione degli utenti è avvincente
You vs John Paulson mostra un esempio del tipo di infografica che popola le sue informazioni in base alle voci di dati particolari dell'utente. Inserendo il tuo stipendio annuale, ottieni un confronto con la quantità di denaro che il trader straniero John Paulson guadagna in pochi minuti (insieme ad alcuni altri esempi, solo per guidare fino a casa).
Poiché questo tipo di interattività funziona solo per una minoranza di argomenti, è meno comune degli altri in questo elenco. Tuttavia, è probabilmente anche il più avvincente, non solo perché invita la maggior parte degli utenti a partecipare, ma anche perché utilizza informazioni personalizzate.
Pagina successiva: risorse per aiutarti a dare vita alle tue infografiche