Comunicare dati
con 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 sorpresa
L’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
1972
Pioneer Plaque
1972
Otl Aicher – Munich ‘72
1982
USA Today
2002
Royksopp 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
Death
by 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 presentazione
Il 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