Le infografiche sono in circolazione da secoli ma negli ultimi anni sono diventate protagoniste di un modo quasi irresistibile di comunicare scenari e informazioni complessi. Non possiamo evitarlo, quando vediamo un link per un'infografica, dobbiamo quasi verificarlo!
Se sei interessato al design di infografica, leggi attentamente alcuni dei nostri esempi preferiti e discuti alcune importanti cose da fare e da non fare per creare una grafica accattivante ed efficace.
Crea un unico punto focale
Le infografiche troppo spesso si trasformano in un complicato pasticcio di grafica e testo. Come designer, è molto facile lasciarsi trasportare e alla fine cogliere qualcosa che è più travolgente che utile.
Un modo per dominare questa tendenza è affidarsi pesantemente a una grafica centrale che comunica in modo forte il tema o il messaggio complessivo:
fonte d'immagine
Come potete vedere, l'immagine principale del mais qui non è affatto l'unica visuale attraente sulla pagina, ma mangia la maggior parte dello spazio disponibile. Questo ti aiuta a entrare e ti dà la sensazione di poter digerire facilmente le informazioni rappresentate.
Una volta che il grafico principale ti ha tirato dentro, puoi scegliere di spostare l'attenzione sulle informazioni di accompagnamento, sulla grafica e sulle informazioni testuali.
fonte d'immagine
Potete leggerlo a colpo d'occhio?
Ricorda che, proprio come qualsiasi progetto, un'infografica dovrebbe avere una serie di obiettivi sottostanti che è destinata a realizzare. In genere, il punto di una infografica è quello di prendere informazioni complesse e renderlo più facile da acquisire attraverso il rinforzo grafico. Il tuo obiettivo è quindi creare qualcosa che possa essere consumato il più rapidamente possibile. Non tutti i piccoli frammenti di informazioni devono essere comunicati in un istante, ma l'essenza generale dei dati dovrebbe almeno essere percepibile in pochi secondi.
Se non tieni gli occhi puntati su questo obiettivo, è facile perdere il bersaglio. Il risultato è che potrebbe essere un piccolo miglioramento rispetto al testo non elaborato, ma non riesce a presentare realmente i dati in modo accattivante e facilmente utilizzabile.
fonte d'immagine
Non posso fare a meno di pensare che questa infografica sia inutilmente difficile da risolvere. Mentre progetta, pensa al numero di movimenti oculari necessari per raggiungere un punto dati. Nell'esempio sopra, i tuoi occhi guizzano dappertutto per decifrare il layout sul punto orizzontale della griglia, il punto verticale sulla griglia, i colori e il modo in cui si uniscono. In poche parole, è troppo lavoro!
Usa metafore applicabili
Alcune delle infografiche più coinvolgenti prendono informazioni noiose e complesse e applicano una metafora grafica così perfetta che persino i laici possono capire quasi istantaneamente ciò che viene affermato. L'infografica qui sotto è un ottimo esempio.
I progettisti sono stati incaricati di comunicare cinquanta trimestri di crescita economica positiva comparativa in 14 paesi. In una semplice vecchia tabella, questo è abbastanza per far dormire gli studenti delle superiori. Tuttavia, con la metafora della razza, è una grafica di inizio conversazione divertente, che anche uno studente di scuola elementare può cogliere a un livello base.
fonte d'immagine
Come altro esempio, dai un'occhiata al grafico sottostante. Qui l'afflusso di immigrati negli Stati Uniti è raffigurato come una serie di grafici a barre che compongono la bandiera americana. È una lettura veloce resa molto più coinvolgente dalla familiarizzazione della forma dei dati.
fonte d'immagine
Prendi una fetta
A volte le infografiche non sono semplicemente utilizzate per ravvivare i dati grezzi ma per comunicare una situazione reale. In queste circostanze, una popolare strategia di go-to è quella di illustrare una scena usando una grafica tridimensionale che sembra quasi un campione scientifico che è stato preso dal mondo in modo simile a come uno scienziato campionerebbe un albero.
fonte d'immagine
Come puoi vedere, il risultato di questa tecnica è un'illustrazione straordinariamente interessante che descrive molto rapidamente il problema. Ciò che normalmente richiede diversi paragrafi o anche pagine per spiegare è condensato in un grafico utile.
fonte d'immagine
I dati possono essere belli
A volte le infografiche prendono una manciata di punti dati e li mettono insieme per una lettura più veloce, altre volte il punto è visualizzare un enorme cumulo di dati. In queste situazioni, semplicemente non è sempre realistico o addirittura desiderabile fare in modo che ogni individuo punti un'area di interesse.
Invece, l'immagine principale è l'obiettivo principale: cosa possiamo imparare dal fare un passo indietro per prendere tutti i dati contemporaneamente? In queste circostanze, i progettisti spesso disegnano in modo creativo i dati in modo tale da ottenere risultati meravigliosi!
fonte d'immagine
Se segui il link e osservi attentamente questo grafico, vedi che ci sono semplicemente troppe informazioni per tentare di accedervi. Tuttavia, l'infografica è ancora un'ottima risorsa in quanto ha trasformato le informazioni dolorosamente noiose in qualcosa di veramente notevole che descrive chiaramente determinate tendenze.
Ripensa il grafico a barre
Il designer che mi ha insegnato la maggior parte di quello che so mi ha detto qualcosa che mi è sempre rimasta impressa: la tua prima idea è probabilmente la più generica. Nel design, è probabile che la prima cosa che ti viene in mente è la prima cosa che potrebbe apparire anche nella testa di un altro designer, il che non è sempre negativo, ma può portare a un sacco di lavoro non originale.
In infografica questo concetto assume frequentemente la forma di un grafico a barre. Certo, è uno strumento incredibilmente utile che migliora veramente la visualizzazione dei dati, ma è anche un po 'generico e privo di immaginazione dal punto di vista del design.
La prossima volta che inizi a creare un grafico a barre, pensa a come puoi creare il tuo giro personale. L'infografica qui sotto è un esempio perfetto.Qui il designer ha utilizzato pile di carte 3D per ritrarre le opinioni degli americani sui loro alleati. Più alto è lo stack, più favorevole è l'opinione. In fondo, è solo un grafico a barre, ma in pratica è stato realizzato per una grafica molto più interessante.
fonte d'immagine
Usa la ripetizione
La ripetizione è uno dei principali strumenti di progettazione e dovrebbe essere utilizzata praticamente in tutto ciò che crei. Questo strumento è particolarmente utile e appropriato per le infografiche in cui gli stessi punti di dati vengono spesso mostrati ripetutamente in contesti diversi.
Di seguito ho fatto a pezzi l'Infographic del personale remoto di Envato per mostrare come il progettista abbia ripetutamente utilizzato i piccoli indicatori di Google Maps per rappresentare i membri dello staff. Dal momento che le classifiche sono tutte incentrate sulla posizione, questa è una metafora perfetta e la ripetizione rende uno schema familiare che prendiamo immediatamente in considerazione mentalmente e non dobbiamo reinterpretarlo con ogni nuova sezione.
fonte d'immagine
Racconta una storia visiva
Questo suggerimento ha lo stesso concetto base dietro di esso come il numero due sopra. Poiché l'obiettivo di un'infografica è quello di creare una lettura veloce, il tuo design dovrebbe raccontare una storia in un istante. Le infografiche dovrebbero essere esperienze visive che non si basano necessariamente troppo sul testo. Dovrebbe essere lì per coloro che vogliono prendersi il tempo per leggerlo, ma le tue foto dovrebbero portare il peso della comunicazione abbastanza bene da soli.
Nell'infografica qui sotto, ottengo un sacco di informazioni senza leggere una sola parola. Immediatamente so che il punto è mostrare i telefoni cellulari nel corso degli anni e ho davvero un'idea di questa evoluzione dalle immagini. I miei occhi si alzano dalle immagini del telefono e vedo pesi appesi, una chiara indicazione di come il peso fisico dei telefoni abbia progredito nel corso degli anni.
fonte d'immagine
Una volta che hai impostato un disegno funzionante per la tua infografica, prova a rimuovere tutto il testo e mostralo a qualcuno che non lo ha mai visto prima. Possono dire approssimativamente cosa sta succedendo? C'è qualcosa che puoi fare per migliorare quella comunicazione visiva?
Visualizza attentamente i confronti
Questo è piuttosto il design infografico 101 ma è un punto importante su cui dovresti riflettere molto. Uno degli aspetti principali dell'infografica non è solo la rappresentazione dei dati, ma soprattutto il confronto di dati. L'arte tipografica è piuttosto popolare al momento, ma semplicemente digitando grandi numeri in un bel font non trasmette un senso di scala o riferimento. Per questo motivo, i progettisti si rivolgono a grafici, grafici, illustrazioni e qualsiasi altra cosa possano pensare di trasmettere la storia raccontata.
Ho detto sopra che dovresti considerare di ripensare a qualsiasi istogramma che usi, qui estendo questa idea a qualsiasi visualizzazione di dati che usi. Il tuo compito è mostrare a qualcuno ciò che assomiglia a 14.2 trilioni di dollari rispetto a 6,95 miliardi, come hai intenzione di realizzare ciò? Quali strumenti e trucchi puoi usare per prendere quella scala inimmaginabile e portarla a qualcosa che possiamo comprendere in due secondi?
fonte d'immagine
Versare i suggerimenti visivi
Diciamo che ricorri all'utilizzo di un semplice grafico a barre vecchio, che è perfettamente accettabile. Il tuo compito quindi è considerare come puoi renderlo ancora più leggibile, anche fino alla ridondanza.
Considera le piccole bandiere sul grafico a barre qui sotto. Ora, dato che sono in grado di leggere un grafico a barre da solo, non ho davvero bisogno di quelle piccole bandiere sopra ogni barra che rappresentano il valore. Tuttavia, questo trucco aggiunge un po 'di interesse visivo al design riducendo al contempo la quantità di lavoro necessaria per interpretare i dati. Questo piccolo tocco avrebbe potuto essere facilmente disattivato, ma il progettista ha impiegato il tempo extra per assicurarsi doppiamente che le informazioni possano essere lette rapidamente.
fonte d'immagine
Più infografica
Non riesci ad avere abbastanza infografiche? Dai un'occhiata ai link sottostanti per ulteriori fantastici esempi di design.
- Stile e flusso
- È buono
- InfographicGallery
- Visual.ly
- Infografica cool
Conclusione
Probabilmente hai notato che molti dei suggerimenti sopra riportati si riducono a un unico punto: rende i dati facili da usare. Come designer, ci piace parlare del? Pretty? aspetto del design infografico e dell'arte coinvolta, ma il premio per tenere gli occhi aperti è la soddisfazione dell'utente.
Le infografiche sono uno dei più puri esempi di design grafico che tu abbia mai incontrato. Vediamo qui che il design è molto più che caratteri e colori, il design è l'organizzazione creativa, lo stile e la presentazione delle informazioni con l'obiettivo di aumentare l'interesse, la leggibilità e la comprensione oltre a quella del puro testo.
Lascia un commento qui sotto e facci sapere le tue opinioni sulle infografiche mostrate sopra. Quali sono i tuoi preferiti e perché?