Infografica

L'infografica (anche nota con termini inglesi "information design", information graphic) è l'informazione proiettata in forma più grafica e visuale che testuale. Come tecnica è nata dall'incrocio della grafica con il giornalismo. Le immagini possono essere elaborate tramite computer e possono essere rappresentate in 2D o 3D^[1], tramite immagini statiche o animate^[2]^[3].

Alcuni esempi di infografica sono:

Storia dell'infografica

Primi esperimenti

Nella preistoria, i nostri antenati hanno creato i primi esempi di infografica: le mappe. La cartografia infatti è di parecchi millenni precedente alla scrittura: le mappe di Çatal Hüyük sono datate all'incirca 7500 a.C.

Nel 1626, il gesuita Christoph Scheiner pubblica Rosa Ursina, in cui usa una grande varietà di elementi grafici per rivelare la sua ricerca astronomica sul Sole. In quella pubblicazione, Scheiner usa una serie di immagini per spiegare la rotazione del Sole.

Nel 1786, William Playfair pubblica i primi grafici di dati nel suo libro L'Atlante commerciale e politico. Il libro è pieno di grafici statistici che rappresentano l'economia del diciottesimo secolo, usando istogrammi e diagrammi a colonna. Playfair continua ad innovare ancora nel 1801 creando i primi diagrammi ad area nel suo breviary di statistica.

James Joseph Sylvester introduce il termine "grafico" nel 1878 e pubblica una serie di diagrammi rappresentanti la relazione fra legami chimici e proprietà matematiche. Questi sono considerati inoltre i primi grafici matematici.

Il grafico di Charles Minard sulla marcia di Napoleone

Nel 1861, mediante un grafico seminale, venne rappresentata la disastrosa marcia su Mosca di Napoleone. L'autore di questo grafico, Charles Joseph Minard, è riuscito a rappresentare in una singola immagine bidimensionale, quattro diverse variabili che hanno contribuito al fallimento della marcia:

La distanza e la direzione in cui l'esercito viaggiò.
Le quote d'altitudine a cui viaggiarono le truppe.
La quantità (espresso in numero di truppe) di soldati morti di fame e per le ferite.
Le temperature gelide incontrate durante la marcia.

Sviluppo di un linguaggio visivo

Nel primo dopoguerra inizia a pubblicare i suoi libri di divulgazione scientifica lo studioso tedesco Fritz Kahn, che è considerato uno dei padri della moderna infografica, dato che i suoi libri era arricchiti da caratteristiche illustrazioni ideate da Kahn stesso con cui, usando anche un linguaggio semplice e accessibile, spiegava le più disparate discipline.^[4]

Nel 1936, Otto Neurath introdusse un sistema di pittogrammi progettati come linguaggio visivo internazionale. Isotype (questo il nome del gruppo di pittogrammi) include una serie di figure umane stilizzate che saranno la base per le moderne icone di figure umane al tratto^[5].

Nel 1972, Otl Aicher creò, in occasione delle Olimpiadi di Monaco di Baviera, una serie di pittogrammi divenuti molto popolari e che influenzarono (e continuano ad influenzare) lo stile nella stilizzazione della figura umana usata in tutta la segnaletica pubblica^[2]^[3]^[6].

Esempio di infografiche utilizzate per creare un curriculum vitae

Esperti contemporanei di infografica (noti anche come information designers)

Edward Tufte, statistico e scultore, ha scritto una serie di libri considerati fondamentali per l'argomento infografica. Tufte tiene inoltre molti workshop e letture sull'argomento. Descrive il processo di incorporare molte dimensioni di informazioni in un'immagine bidimensionale che lui chiama "escaping flatland"^[7].

Nigel Holmes è un rinomato creatore di ciò che lui chiama explanation graphic (grafici di spiegazione). I suoi lavori non sono una semplice forma visiva di informazioni ma anche di "conoscenza" sul "come fare". Ha creato grafici per 16 anni per il Times magazine. È inoltre autore di alcuni libri sull'argomento^[8].
Vicino e fortemente legato all'argomento infografica è l'information design; l'infografica infatti viene considerata una sezione del mondo dell'information design. Tra i designer contemporanei più famosi, oltre agli americani come Edward Tufte, Nigel Holmes, Peter Sullivan, Sam Ward e Donald Norman, va segnalato l'olandese Paul Mijksenaar. Il suo studio con sedi ad Amsterdam e New York è specializzato nello sviluppo di sistemi di informazione per l'orientamento. È il creatore di sistemi di segnaletica per grandi infrastrutture e per il trasporto pubblico chiamati wayfinding e waysigning.
Gli esempi più famosi del suo lavoro sono la segnaletica per molti aeroporti olandesi (tra cui quello di Amsterdam-Schiphol) e per l'aeroporto JFK di New York. In Italia ha curato la segnaletica dell'aeroporto sardo di Olbia.

Un altro esempio di ricerca nel settore infografica è il francese Bureau d'études^[9].
Il Bureau si impegna a visualizzare argomenti molto complessi come ad esempio le strutture di potere negli USA, o il modo in cui i media negli states sono collegati tra di loro.
Creano mappe su argomenti come il potere, l'arte e l'economia, il governo del mondo da parte di banche private o sui sistemi contemporanei di bio-controllo.
Il Bureau visualizza queste complesse strutture d'organizzazione mappandole, sicuramente il modo per rendere queste informazioni complesse più facilmente accessibili. Nell'insieme, ciò che mirano a dimostrare è principalmente quanto complesse siano alcune strutture dei media e quale siano le attuali relazioni senza semplificarle, senza renderle più semplici da capire. L'obiettivo principale non è informare ma dimostrare il sovraccarico d'informazione a cui siamo soggetti come "lettori" (o più in generale, come fruitori d'informazioni).

Una nuova frontiera per l'infografica, apertasi grazie soprattutto alla diffusione capillare dei personal computer, è la sua rappresentazione animata, fruibile normalmente sulla rete internet nei siti online delle più importanti testate giornalistiche, nei siti dedicati all'educazione, nei più aggiornati strumenti multimediali fruibili sui siti dei motori di ricerca. Il recente sviluppo di software grafici ibridi che implementano linguaggi di programmazione e dall'utilizzo relativamente facile - come la piattaforma Adobe Flash che dal 31 dicembre 2020 è divenuto obsoleto^[10] - ha portato molti grafici editoriali e designer dell'informazione a pubblicare in rete una mole crescente di grafici più o meno interattivi, stimolando la creatività e ricercando nuovi standard di rappresentazione.

Con la nascita di HTML5 e CSS3 sono nate le infografiche non solo animate ma anche interattive e adattabili ai dispositivi mobili.^[11]

Infografica su desktop
Stessa infografica su mobile

Tipi di grafici delle informazioni

tabella
diagramma di flusso
Istogramma
mappa concettuale
grafico
mappa
schema
mappa topografica
isoterma
sistemi di segnaletica

Interpretazione dell'infografica

Molta infografica è costituita da forme specializzate che rappresentano informazioni in forme sofisticate e spesso astratte.
Per interpretare correttamente il significato di questi grafici, il fruitore necessita di un corretto livello di conoscenza grafica (in inglese graphicacy). In molti casi, il livello di complessità richiede capacità di decodifica acquisite e non innate nell'individuo. Ad un livello basilare, un segno o un segnale deve essere decodificato prima che i sensi percepiscano l'insieme. Tuttavia, una conoscenza delle convenzioni per la distribuzione e l'organizzazione dei vari componenti è necessaria per migliorare la comprensione^[12].

Esempi di infografiche non chiare, dal cattivo design e troppo ricche di informazioni:

Galleria d'immagini

Note

^ WebGL Infographics | Data visualization design, Infographic, Infographic design inspiration, su Pinterest. URL consultato il 9 settembre 2021.
^ ^a ^b Jeffrey Heer, Michael Bostock e Vadim Ogievetsky, A tour through the visualization zoo, in Communications of the ACM, vol. 53, n. 6, 2010, pp. 59–67, DOI:10.1145/1743546.1743567.
^ ^a ^b Card, S. (2009). Information visualization. In A. Sears & J. A. Jacko (Eds.), Human-Computer Interaction: Design Issues, Solutions, and Applications (pp. 510-543). Boca Raton, FL: CRC Press.
^ Fritz Kahn, il nonno dell’infografica scientifica, su scienzainrete.it. URL consultato il 18 aprile 2024.
^ Nicola Abbagnano, "Storia della filosofia. Volume 5: Dallo Spiritualismo all'Esistenzialismo", Roma, Gruppo Editoriale L'Espresso, 2006, pp. 561-562.
^ Learn Go Development, su archive.is, 15 aprile 2013. URL consultato il 9 settembre 2021.
^ businessweek.com.
^ Bio | Buy Zithromax Without Prescription FDA Approved, su web.archive.org, 18 febbraio 2015. URL consultato il 9 settembre 2021 (archiviato dall'url originale il 18 febbraio 2015).
^ (EN) Bureau d'études, su Bureau d'Etudes. URL consultato il 9 settembre 2021.
^ Flash & The Future of Interactive Content | Adobe Blog, su web.archive.org, 2 dicembre 2017. URL consultato il 9 settembre 2021 (archiviato dall'url originale il 2 dicembre 2017).
^ (EN) 25+ Stunning CSS Infographics (Free Code + Examples), su devsnap.me. URL consultato il 9 settembre 2021.
^ (EN) 10 CSS Triangles to check for, su Venngage, 4 febbraio 2020. URL consultato il 9 settembre 2021.

Voci correlate

Altri progetti

Wikimedia Commons contiene immagini o altri file su infografica

Collegamenti esterni

Milestones in the History of Thematic Cartography, Statistical Graphics and Data Visualization, su math.yorku.ca.

Controllo di autorità	Thesaurus BNCF 73813

[1] WebGL Infographics | Data visualization design, Infographic, Infographic design inspiration, su Pinterest. URL consultato il 9 settembre 2021.

[visualizationzoo2-2] Jeffrey Heer, Michael Bostock e Vadim Ogievetsky, A tour through the visualization zoo, in Communications of the ACM, vol. 53, n. 6, 2010, pp. 59–67, DOI:10.1145/1743546.1743567.

[Ref42-3] Card, S. (2009). Information visualization. In A. Sears & J. A. Jacko (Eds.), Human-Computer Interaction: Design Issues, Solutions, and Applications (pp. 510-543). Boca Raton, FL: CRC Press.

[4] Fritz Kahn, il nonno dell’infografica scientifica, su scienzainrete.it. URL consultato il 18 aprile 2024.

[5] Nicola Abbagnano, "Storia della filosofia. Volume 5: Dallo Spiritualismo all'Esistenzialismo", Roma, Gruppo Editoriale L'Espresso, 2006, pp. 561-562.

[6] Learn Go Development, su archive.is, 15 aprile 2013. URL consultato il 9 settembre 2021.

[7] usinessweek.com.

[8] Bio | Buy Zithromax Without Prescription FDA Approved, su web.archive.org, 18 febbraio 2015. URL consultato il 9 settembre 2021 (archiviato dall'url originale il 18 febbraio 2015).

[9] (EN) Bureau d'études, su Bureau d'Etudes. URL consultato il 9 settembre 2021.

[10] Flash & The Future of Interactive Content | Adobe Blog, su web.archive.org, 2 dicembre 2017. URL consultato il 9 settembre 2021 (archiviato dall'url originale il 2 dicembre 2017).

[11] (EN) 25+ Stunning CSS Infographics (Free Code + Examples), su devsnap.me. URL consultato il 9 settembre 2021.

[12] (EN) 10 CSS Triangles to check for, su Venngage, 4 febbraio 2020. URL consultato il 9 settembre 2021.

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]