25 Infografiche interattive per il designer che è in te
Dall’inizio del secolo, le infografiche hanno avuto un forte impatto sul modo in cui vediamo i media web. All’inizio, era rivoluzionario come mezzo perfetto sia per rappresentare i dati che per intrattenere il pubblico.
Il successo dell’infografica si è evoluto da allora. Solo pochi anni fa, le infografiche sono diventate estremamente popolari con l’esplosione del marketing digitale e dell’ottimizzazione dei motori di ricerca.
Con la loro popolarità arrivarono diversi cambiamenti nel modo in cui venivano presentati. Solo il meglio del meglio è stato condiviso sui social media, con conseguente maggiore consapevolezza del marchio e coinvolgimento dei consumatori.
Man mano che l’infografica tradizionale si è evoluta per stare al passo con i gusti mutevoli dei consumatori, ha portato al mondo l’infografica interattiva, che sta diventando la forma di rappresentazione dei dati più ricercata fino ad oggi, rendendo persino alcune infografiche statiche obsolete e irrilevanti.
Per aiutarti a stare al passo con il gioco con il tuo design grafico e creare un’infografica con il potenziale per diventare virale, dai un’occhiata a questo elenco di fantastiche infografiche interattive.
1 Tennessee orientale di Derby Supply Chain Solutions
Questa infografica progettata per descrivere parte della storia, della cultura e dei fatti divertenti del Tennessee orientale utilizza lo scorrimento parallasse per dare vita al paesaggio man mano che vari fatti e informazioni sono correlati. Rende l’apprendimento di questo luogo specifico molto più piacevole!
Probabilmente non sapevi che la razza umana aveva una versione dei social media che risale al 1800, vero? Questa infografica consente all’utente di fare clic su diversi periodi di tempo per scoprire la lunga e interessante storia dei social media attraverso i secoli. La capacità di controllare la velocità e l’ordine delle informazioni è una prospettiva entusiasmante per i consumatori.
3 Come funziona la ricerca da Google
Probabilmente Google ha più statistiche e informazioni da condividere sull’uso e la navigazione di Internet rispetto a qualsiasi altra azienda, e condivide alcuni di quei dati in questa infografica che spiega la popolarità delle ricerche web e come funzionano attraverso una storia in tre parti che gli utenti possono scorrere al proprio ritmo.
4 browser Web e risoluzioni di Webby Monks
Questa discarica di informazioni animate è semplicemente divertente. Mentre scorri la grafica dai colori vivaci e ricca di informazioni, la grafica accattivante sembra aiutare a migliorare i dati e rendere l’esperienza educativa molto più divertente.
5 L’happy hour illuminato: una guida interattiva a ciò che stai sorseggiando dalla colonna cinque
Tutti amano l’happy hour, ma tutte le calorie consumate in quella seduta non fanno molto per il tuo girovita. Questa infografica utilizza un’impostazione a barra e ti consente di fare clic su diversi tipi di bevande per scoprire le informazioni nutrizionali per ognuna, comprese le calorie e il contenuto di alcol. Notare la natura convincente delle immagini.
6 Evoluzione di Insight da Vision Critical
Potrebbe non interessarti la storia delle ricerche di mercato, ma sarai comunque interessato a dare un’occhiata a questa accattivante infografica, che utilizza una grafica audace e una varietà di pagine per condividere le storie di molte persone ed eventi influenti dal 1900 fino ad oggi.
7 Diritti politici delle donne nel mondo da The Guardian
Scopri sia i diritti delle donne in varie parti del mondo sia il fantastico design interattivo con questa vivace infografica. Gli spettatori possono fare clic su qualsiasi paese o regione del mondo per conoscere i diritti politici delle donne lì. Questa infografica è geniale perché i creatori presentano grandi volumi di informazioni, ma i creatori dell’immagine la presentano in modo tale che gli utenti possano ottenere le informazioni che desiderano senza sentirsi sopraffatti.
8 minacce alla sicurezza al dettaglio di Nuspire
Questa infografica interattiva utilizza HTML5 e un mockup di un tipico spazio ufficio per mostrare esattamente quanto le aziende siano vulnerabili agli hacker. Gli spettatori sono invitati a utilizzare la barra spaziatrice oi tasti freccia per passare da una minaccia alla sicurezza a un’altra. Aiuta a portare il messaggio a casa, poiché l’immagine mostra alle aziende le posizioni fisiche più deboli. È una minaccia che possono davvero sperimentare.
9 Perché non dovresti bere e guidare dai parcheggi del centro città a Leeds
Questa infografica è ispirata durante le vacanze, quando bere e guidare è al suo peggio. I consumatori possono dire a questa infografica quanto hanno bevuto e li informerà se tale importo supera o meno il limite legale. È accompagnato da una serie di statistiche per promuovere strade più sicure.
10 voli interattivi di The Guardian
Guarda minuscoli jet e aeroplani che si incrociano nell’aria allo stesso tempo per vedere quanto spesso gli esseri umani prendono il volo. Mostra sia gli orari più trafficati per i voli sia le aree che ricevono la maggior parte del traffico aereo. È un’affascinante rappresentazione dei dati, a dir poco, che incoraggia l’esplorazione personale attraverso i dati.
11 13 motivi per cui il tuo cervello desidera ardentemente le infografiche di NeMam Studios
Nel caso avessi dimenticato perché le infografiche hanno tanto successo, questa grafica animata te lo ricorderà. Con colori vivaci, scorrimento parallasse e la giusta quantità di movimento grafico, questo + visivo mantiene gli spettatori intrattenuti e informati fino alla fine.
12 Mappatura dei morti: morti per arma da fuoco da Sandy Hook di The Huffington Post
Questo grafico che fa riflettere mostra le regioni più comuni per le morti per armi da fuoco negli Stati Uniti dalla sparatoria alle elementari di Sandy Hook. L’argomento dell’infografica è triste, ma la presentazione è brillante per far passare il messaggio.
13 Dribbble: a cosa serve? di Dribbble LLC
Quasi ogni elemento di questa infografica HTML5 prende vita quando sposti il cursore per mostrare un elemento diverso su come utilizzare Dribble. Sebbene molte delle informazioni in questo grafico potrebbero essere più specifiche, l’uso dell’animazione rende estremamente facile ed emozionante l’accesso al contenuto.
14 Come funziona un motore di un’auto da Animagrafffs
Questa infografica colpisce nel segno con la loro grafica, poiché capire come funziona il motore di un’auto è davvero qualcosa che devi vedere in azione. spiega al rallentatore come il motore prende vita con una serie di grafici che mostrano cosa fa ogni parte del motore.
15 Quante famiglie sono come la tua? dal New York Times
Se ti sei mai chiesto se la tua situazione familiare è unica, questa immagine interattiva ti darà la risposta. L’utente può scegliere una varietà di opzioni di dimensioni e situazioni della famiglia per sapere come si abbina il resto del paese. Non è così attuale come potrebbe essere, ma è comunque un’ottima rappresentazione del modo giusto di utilizzare la grafica animata.
16 Il brillante futuro del car sharing
Quando visualizzi questa infografica, puoi salire su una macchinina verde e guidare al tuo ritmo per scoprire come il car sharing dovrebbe cambiare nel corso degli anni. C’è più di un modo per interagire con questa infografica. Puoi scorrere da un lato all’altro per spostare l’auto o passare con il mouse su determinati elementi all’interno dell’immagine per ottenere maggiori informazioni. Molteplici forme di interazione sono estremamente efficaci nel mantenere gli spettatori coinvolti dall’inizio alla fine.
17 True Fish Tales di United Marine
Questo sito web è il sogno di un pescatore. Non solo rivela alcuni dei migliori pesci di ogni area, ma condivide anche le storie di coloro che hanno affrontato il più grande pesce da preda e vinto. È facile spostarsi da un punto informativo all’altro e le storie sui grandi pesci sono accattivanti.
18 giganti tecnologici affamati di Simply Business
Questa infografica confronta la crescita di cinque grandi aziende tecnologiche. Mostra sia il tempo di crescita che l’importo realizzato da ciascuna azienda. Se fai clic sull’icona di ciascuna azienda, ti condurrà a una pagina sullo stato finanziario di ciascuna azienda, che è un modo molto efficace per trasmettere molte informazioni mantenendo l’integrità della visuale.
19 L’evoluzione del web
Dai un’occhiata al modo in cui questo grafico si sposta lentamente dall’inizio di Internet a dove siamo oggi. Il semplice inizio che porta a uno stato più complesso mostra efficacemente quanto sia diventato grande e diffuso Internet in soli 20 anni. Per finire, l’utente può scegliere tra più lingue.
Fai una passeggiata per la strada dagli anni ’50 ad oggi e scopri alcuni dei partner più influenti in collaborazione. L’utente può fare clic su ciascun periodo di tempo ed esplorare la cronologia a suo piacimento. L’infografica mantiene lo spettatore impegnato fino alla fine in cui l’azienda rivela il suo invito all’azione. Un’altra rappresentazione di un grafico che può convertire in modo efficiente un pubblico.
21 Plugging In: come le piccole imprese utilizzano la tecnologia di Good Infograhpics
Una delle maggiori sfide delle infografiche è presentare un volume elevato di informazioni senza sovraccaricare il pubblico. Questa immagine fa proprio questo senza intoppi, consentendo al visitatore di fare clic sull’infografica per leggere i dati. L’aspetto visivo è sia attraente che informativo, portando il lettore a una conclusione logica.
22 Evoluzione della console di gioco dal design di Soap
Guarda quanto costava allora una console di gioco costruita nel 1972 rispetto a oggi. La grafica ti porta da un anno all’altro, mostrando ogni console creata, l’anno in cui è stata realizzata e il costo allora e adesso. Ogni pagina della console ha un punto in cui gli utenti dell’infografica possono leggere ulteriori informazioni sulla singola console.
23 viaggi epici dal gioco per console di Butler’s Bingo
I giocatori di tutto il mondo adorano questa infografica che condivide alcune informazioni approfondite su vari videogiochi popolari. Puoi scegliere tra diversi giochi e scoprire informazioni sulla trama e sulle missioni all’interno del gioco. È facile fare clic e godersi le informazioni presentate. È l’infografica perfetta per le aziende che cercano di attrarre il geek interiore dei consumatori.
24 Inception spiegato da Togethera
Ricordi il film Inception del 2010 con Leonardo DiCaprio e Joseph Gordon-Levitt? È a dir poco sbalorditivo. Se sei uno dei tanti che ha avuto difficoltà a tenere il passo con l’intero concetto di inizio e come i personaggi sono passati da una fase all’altra, questa infografica è per te. Ancora più importante, questa infografica è un ottimo esempio di come raccontare una storia con tattiche di parallasse.
25 Bond: patente di guida
Questa infografica ha qualcosa per tutti. Per gli appassionati di auto, mostra alcune delle auto più belle della storia dei film di Bond. Per i fanatici di Bond, mostra un po’ di tutti i film di Bond realizzati (incluso quello che non è ancora uscito). E per i designer, mostra un modo eccezionale per mantenere il pubblico affascinato dall’inizio alla fine con questo visual interattivo.
Ciascuno di questi esempi offre qualcosa da imparare sul design di un’infografica di successo. Mentre studi ciascuno di questi grafici, troverai cose che ritieni brillanti e cose che non funzionano così bene. In ogni caso, ti aiuterà a darti l’ispirazione di cui hai bisogno per un design grafico efficace nel 2015.