Come aggiungere funzionalità interattive alle proprie infografiche - dummies

Senza dubbio, l'interattività è la tendenza più calda in infografica. L'aumento delle fonti online di notizie e contenuti di intrattenimento ha reso tutti i curatori. Scegli i siti web che vuoi visitare, i link che vuoi cliccare e le informazioni che vuoi condividere.

Quindi, è naturale che quando ti viene data la possibilità di giocare con le tue informazioni, di immergerti in un mare di dati e farlo funzionare per i tuoi scopi, lo adori. Non è necessario essere un programmatore per aggiungere funzionalità interattive; una conoscenza pratica di Adobe Flash Player è sufficiente per iniziare.

Ma non puoi riposare lì. Anche ora, i linguaggi di progettazione web come HTML e CSS stanno minacciando di superare Flash nel campo della progettazione grafica interattiva. Se vuoi assicurarti che i tuoi grafici si leggano bene sui dispositivi mobili, inizia a lavorare sull'aggiunta di HTML5, CSS3 e JavaScript agli strumenti del linguaggio di programmazione.

La grafica interattiva promette una profondità che un normale grafico di stampa non potrebbe mai trasmettere. Le possibilità sono infinite e spesso affascinanti per i lettori. Ecco due modi in cui i progettisti di infografiche stanno rendendo il loro lavoro più interattivo.

Inserire informazioni su pagine diverse

Quando il supporto di stampa era la piattaforma più comune per infografica, l'intera grafica doveva essere vista come un'unità. Sia che la grafica riprendesse una singola colonna di un giornale o una doppia pagina in una rivista, le regole di progettazione richiedevano che l'intera immagine fosse autonoma.

Niente di più. In una piattaforma online, puoi presentare un semplice blocco di informazioni in una pagina di apertura. Per passare al prossimo blocco di informazioni, è possibile creare un progetto verticale, consentendo al lettore di scorrere verso il basso la pagina per passare alle nuove informazioni.

Oppure, potresti posizionare il tuo secondo blocco di informazioni su una pagina completamente nuova, con un link che incoraggi il lettore a fare clic per ulteriori informazioni. Aggiungi un altro elemento grafico, posizionalo su una terza pagina, di nuovo con un link di invito all'azione.

Questo approccio può essere estremamente interessante per i clienti che utilizzano le visualizzazioni di pagina per determinare i tassi di pubblicità e la popolarità generale. Il rovescio della medaglia di un grafico di click-through: il tuo lettore potrebbe non rimanere con te per tutta la faccenda.

Lascia che il lettore scelga

Supponi di aver creato un'infografica per mostrare la percentuale della popolazione in ogni stato U.S. che possiede una laurea. Semplice, vero? Probabilmente hai creato una mappa degli Stati Uniti, con una percentuale in caratteri minuscoli in ogni stato.

L'interattività ti consente di adottare molti altri approcci. Puoi saltare completamente i numeri. Ad esempio, inizia con la codifica a colori dei tuoi stati. Forse gli stati con meno del 50% della popolazione che ha una laurea sono di colore verde chiaro; Il 50-65 percento è verde medio; e il 65 percento o più è verde bosco.

È quindi possibile incorporare i dati, utilizzando HTML5, in modo che un lettore possa posizionare il mouse del computer su un singolo stato e visualizzare la percentuale esatta. Puoi aggiungere molti dati in questo modo. Forse riuscirai a rompere le percentuali di uomini e donne in possesso di un diploma universitario, oppure potresti usare una barra di scorrimento per modificare i dati in base al decennio.