Designing infovis
dott. Daniele Galiffa
Facoltà del Design, Politecnico di Milano
Milano, 2006.11.15

Parleremo di...
La disciplina dell'Information Visualization
●
Il contesto
●
L'infovis designer: skills e caratteristiche
●
Sfide ed Opportunità
●
Alcuni esempi
●
Il futuro
●
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 2

Le condizioni
Aumento vertiginoso della quantità e della qualità delle
●
informazioni ( Information Pollution )
Maggiore difficoltà di accesso alle informazioni e nel trovare
●
quanto cercato
Miglioramento delle capacità di calcolo
●
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 3

Infovis: breve storia
Il termine information visualization nasce a PALO ALTO alla fine
●
degli anni '80.
Il laboratorio HCI dell'Università del Maryland nei primi anni '90
●
determina l'esplosione della disciplina.
La diffusione di Internet agli inizi del nuovo millennio accresce i
●
campi di indagine della disciplina ( aumentano i dati, si
diversificano le esigenze e vengono potenziati gli strumenti )
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 4

Infovis – Le prime rappresentazioni di dati
Atlante Catalano, 1375
“Piano urbanistico” risalente al Neolitico, rinvenuto in Anatolia
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 5

Infovis – XVIII Secolo: un nuovo linguaggio per i dati
William Playfair (1759-1823) il “creatore” degli strumenti di rappresentazione analitica visuale
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 6

Infovis – XIX secolo: crescono le rappresentazioni di dati
1869, Minard – La campagna di Russia di Napoleone Bonaparte
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 7

Infovis – oggi: la complessità cresce
2005, Flickr Graph, Marcos Weskamp
2005, VisAware, Yarden Livnat, Jim Agutter, Shaun Moon, Stefano Foresti
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 8

Infovis = Information + Visualization
Information
●
Informazione intesa come capacità di generare conoscenza a partire da dei dati grezzi che devono essere
strutturati in elementi ordinati.
Visualization
●
Visualizzazione intesa come strumento di rappresentazione interattiva
InformationVisualization
●
Visualizzazione interattiva di dati astratti che aiutano nella comprensione dei fenomeni indagati generando
conoscenza
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 9

Infovis: una premessa
Non affronteremo il tema della costruzione del
●
modello dei dati perchè:
molto complesso
●
lontano dal focus della discussione odierna
●
richiede skills e knowledge di alcuni aspetti di Computer Science
●
( algoritmi, teoria delle basi di dati, teoria dei grafi, etc... )
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 10

Infovis – I 3 piani di intervento
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 11

Infovis – Le aree disciplinari coinvolte
Visual Design
–
Psicologia Cognitiva
–
Human Computer Interaction ( HCI )
–
Information Architecture
–
Software Engineering
–
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 12

Lo scenario tradizionale
Google News italia
Cnn.com, 2006.05.14 Repubblica.it, 2006.05.14
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 13

Lo scenario di riferimento
NewsMap, infovis flash based application to interact with news from google, copyright MARCOS WESKAMP @ 2004
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 14

Infovis – Le principali tecniche
Overview and detail:
–
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 15

Infovis – Le principali tecniche
Focus + context ( FishEye view and Hyperbolic Trees )
–
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 16

Infovis – Le principali tecniche
Dynamic Query
–
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 17

Infovis – Le principali tecniche
TreeMaps
–
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 18

Infovis – Le principali tecniche
Zoomable User Interface
–
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 19

Infovis – Le principali tecniche
Cone Tree
●
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 20

Infovis – Le principali tecniche
Dust and Magnet
●
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 21

Infovis – Le principali tecniche
Parallel coordinates and Parallel sets
●
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 22

Infovis – Le principali tecniche
Timelines and Small Multiplies
●
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 23

Infovis – Le principali tecniche
Sparklines and microcharting
●
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 24

La figura dell'infovis designer
Ruolo di mediazione tra il modello dei dati e i
●
bisogni informativi dell'utente
Competenze Cross-Disciplinari
●
Background diversi: Computer Science,
●
Communication Design, Business/Market Oriented )
In Italia non c'è una formazione specifica
●
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 25

L'infovis designer: skills
Curiosità / Serendipity
●
Capacità di astrazione, analisi e modellazione
●
Capacità di sintesi
●
Conoscenza delle teorie e metodologie ICT
●
Coding OOP oriented
●
Interaction and multimedia Design
●
Visual Design teorie e metodologie
●
Prototyping
●
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 26

Infovis – Sfide ed opportunità
Sport / Entertainment
●
Monitoring dell’ambiente
●
Personal Information Management (Vis@Home)
●
Fisica/Astronomia
●
Biologia e Medicina / Salute
●
Mobilità / Sistemi territoriali
●
Business Analisys
●
Sicurezza
●
Emergency Management
●
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 27

Infovis: alcuni esempi
Kmap
●
un progetto per la visualizzazione e l'editing
interattivo di informazioni che descrivono i cluster e
trend sociodemografici.
Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 28

Grazie
Grazie
www.mentegrafica.it/infovis