Comunicare daticon l’Infografica{

Di cosa parliamo oggi• Cosa si intende per infografica• Dati e design• Raccontare una storia• Quando fare infografica• Il pubblico dell’infografica• Font, colori, icone• Alcuni tipi di infografica• ‘Regole’ e buone pratiche• Infografiche automatiche• Infografiche personalizzate• Link utili

Cosa si intende per infografica

Un’immagine vale più di mille parole

(Kong Fu Zi, 500 A.C.)

Cosa non è l’infografica• Non è un comunicato stampa• Non è una slide• Non è un grafico, una tabella, un diagramma• Non è un “lancio di agenzia”• Non è un’illustrazione

L’infografica non è una presentazione in Powerpoint*, ma una presentazione Powerpoint può

usare infografica.

* o in Keynote ;-P

Un’equazione non bilanciata

Una buona infografica è un’equazione non bilanciata: la quantità di informazioni trasmesse è sproporzionata rispetto al tempo necessario allo spettatore per elaborarle.

Effetto sorpresaL’infografica suscita curiosità, voglia di approfondire e veicola una metafora visiva con ironia diventando perciò sorprendente e virale

Perché funziona?

Informazione, illustrazione, design

Le bi-sezioni:

• Non solo una vignetta• Non solo arte• Non solo disposizione di dati

Un po’ di storia / 1

Charles Minard “Map of napoleon’s Russian campaign”1812

Florence Nightingale “Causes of Mortality” 1858

Un po’ di storia / 2

Walter Houghton “Conspectus of the History of Political Parties and the Federal Government” 1880

Emma Willard “Picture of Nations” 1836

1936 - 2002

1936 Otto Neurath

1972Pioneer Plaque

1972Otl Aicher – Munich ‘72

1982USA Today

2002Royksopp Remind Me

I pittogrammi AIGA

• Pubblico dominio• Helvetica delle immagini• 50 pittogrammi

Le regole di Neurath

• 1 pochi simboli ISO• 2 irrilevanza del testo• 3 pochi colori• 4 distribuzione dei segni• 5 asse x (quantità) / y (tempo)

I dati e il design

Un’immagine vale più di mille parole. Ma se la tua immagine è accompagnata da 1000 parole, hai fallito.

Grafici e fogli di calcolo

Big Data!

• Big data / Open data• Dati complessi, non strutturati• Gli Zettabyte• La pubblica amministrazione

Minimalismo e chartjunk

• Il concetto di Graphicacy

La critica a Powerpoint

• Tabelle e grafici inutili e semplicistici dovuti alla bassa risoluzione dello schermo• Poco spazio per riflessione e presentazione di dati• Spazio sprecato per loghi, immagini, firme etc• Gerarchie molto forti nella presentazione delle informazioni• Rapida successione di frammenti di informazione invece di un'analisi articolata• I titoli delle singole pagine non corrispondono ai contenuti• i modelli di struttura

Deathby Powerpoint

Raccontare una storia

Realizzare uno storyboard

• Inizio, svolgimento, conclusione• Scansione “a vignette”

Tagliare, tagliare, tagliare

Punto di vista

Il vero valore aggiunto

Quando fare infografica

Una buona infografica parte con un buon “perché?”.

Scadenza e autenticità dei dati

• Usare dati rilevanti• Usare fonti autorevoli• Fact-Checking• Focalizzarsi sul messaggio• Citare le fonti

MetaInfografica

Il pubblico dell’infografica

Giornalisti, uffici stampa, blogger

Going viral!

• Pinterest• Twitter• Facebook• Blog• Bottoni, badge e

embed

Il contesto di presentazioneIl sito o la pagina dove volete pubblicare la vostra infografica è tanto importante quanto l’infografica stessa. Non va mostrata in contesti che non hanno nulla a che vedere con il messaggio.

Font colori icone

Gradevole vs. comprensibile?

● Colori complementari● Font facili da leggere● Corpo del carattere abbastanza

grande da essere letto senza fatica

Colori, spazi, forme, misure

La scelta del font

Il quadro di lavoro

Comunicazione integrata

Alcuni tipi di infografica

Infografiche insospettabili

La tavola periodica, il Pioneer Plate, la ruota dello zodiaco, il quadrato semantico, la timeline, l’uomo vitruviano...

Mappe concettuali e mentali

Tabelle, istogrammi, grafici

Mappe topografiche e cartogrammi

Diagrammi a blocchi

Ideogrammi

Sparklines

Regole e buone pratiche

Una buona infografica comunica il massimo numero di dati nel minimo spazio possibile.

Le 7 domande di base• I dati sono corretti?• L’infografica è ben disegnata?• È ben scritta?• È interessante, sorprendente o divertente (almeno una delle 3)?• Non è confusionaria?• Perché dovrebbe interessare?• È stata creata da un soggetto legittimato?

Le regole d’oro• Massima informazione possibile nel minimo spazio disponibile• Rendere inutile la “spiegazione”• Dati interessanti e coinvolgenti• Grafica “creativa” (non solo diagrammi e grafici a barre)• Un bel titolo virale (possibilmente ricco di parole chiave)

Il metodo SMART

Parole chiave• brevità• chiarezza• immediatezza• attrattiva• significatività• interesse (dei dati)• verità (dei dati)• creatività• humour• viralità• credibilità della fonte

Infografiche automatiche

Infografica per non-designer

• Automazione per infografiche “standard”• Programmi gratuiti (o freemium)• Applicazioni basate su web• Nessun bisogno di programmi di grafica

Piktochart• 400 template• HTML publisher• Interattività

Visual.ly• Showcase• Marketplace• Paghi e hai i migliori designer

Infogr.am• 20 modelli • Lavoro in team• Import dei dati

Easel.ly• Template predefiniti• Poco customizzabile• Velocissimo

Highcharts• Pesca da fogli di calcolo• Grafici interattivi• Embed in pagine web

Wordle e Tagxedo• Le tag cloud• Parole “in forma”• Potere del font e dei colori

Un CV in infografica• Visualize.me• Re.vu• Vizify (più sul lifestream che sul CV)• L’integrazione con LinkedIn

Infografiche personalizzate

I software da usare• Adobe Photoshop• Adobe Illustrator• Powerpoint e Keynote• Adobe Flash (?)

Infografiche interattive• Prezi: il superamento di Powerpoint• La ZUI (Zoom User Interface)• Il rischio nausea

Video in motion graphics• Il video in Motion Graphics• Adobe Première• Adobe After Effects• Si parte dal disegno “su carta” per arrivare all’animazione audiovisiva• Brevità e ritmo

Crearsi una banca dati di stili• Icone, tipologie di grafici, abbinamenti di colore• Noun project• Findicons• Iconspedia• Shutterstock• Stock Free Images• Foter

L’utilizzo finale• Stampa (occhio a formati e risoluzione)• Web (massima libertà)• Social (accento sulla comunicazione virale)• Presentazione dal vivo (spacchettamento delle informazioni)

Conclusioni

Link utili e sitografia• www.informationisbeautiful.net• www.designhistory.org• www.aiga.org/symbol-signs• www.gerdarntz.org • www.emanuelecolombo.it• www.francescofranchi.com • www.edwardtufte.com • www.fonts.com• www.color-hex.com• www.coolinfographics.com• www.dailyinfographic.com• flowingdata.com• www.behance.net• www.deviantart.com • www.pinterest.com

• thenounproject.com• piktochart.com• visual.ly• infogr.am• www.easel.ly• www.wordle.net• www.tagxedo.com• vizualize.me• re.vu• www.vizify.com• prezi.com• www.adobe.com/it• www.highcharts.com • motiongraphics.nu• vimeo.com/channels/pmg• www.iconspedia.com

• www.data.gov • www.census.gov• open-data.europa.eu• data.gov.uk• www.cia.gov/library/publications/the-

world-factbook• www.who.int• www.google.com/publicdata/directory• data.worldbank.org • www.istat.it • www.dati.gov.it• soldipubblici.gov.it• mappa.italiasicura.gov.it• www.rndt.gov.it