Designing Infovis

Designing infovis dott. Daniele Galiffa

Facoltà del Design, Politecnico di Milano

Milano, 2006.11.15

2Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 2

● La disciplina dell'Information Visualization● Il contesto● L'infovis designer: skills e caratteristiche● Sfide ed Opportunità● Alcuni esempi● Il futuro

Parleremo di...

3Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 3

● 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

Le condizioni

4Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 4

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 )

5Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 5

Infovis – Le prime rappresentazioni di dati

“Piano urbanistico” risalente al Neolitico, rinvenuto in Anatolia

Atlante Catalano, 1375

6Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 6

Infovis – XVIII Secolo: un nuovo linguaggio per i dati

William Playfair (1759-1823) il “creatore” degli strumenti di rappresentazione analitica visuale

7Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 7

Infovis – XIX secolo: crescono le rappresentazioni di dati

1869, Minard – La campagna di Russia di Napoleone Bonaparte

8Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 8

Infovis – oggi: la complessità cresce

2005, Flickr Graph, Marcos Weskamp

2005, VisAware, Yarden Livnat, Jim Agutter, Shaun Moon, Stefano Foresti

9Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 9

● InformationInformazione intesa come capacità di generare conoscenza a partire da dei dati grezzi che devono essere strutturati in elementi ordinati.

● VisualizationVisualizzazione intesa come strumento di rappresentazione interattiva

● InformationVisualizationVisualizzazione interattiva di dati astratti che aiutano nella comprensione dei fenomeni indagati generando conoscenza

Infovis = Information + Visualization

10Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 10

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... )

11Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 11

Infovis – I 3 piani di intervento

12Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 12

– Visual Design

– Psicologia Cognitiva

– Human Computer Interaction ( HCI )

– Information Architecture

– Software Engineering

Infovis – Le aree disciplinari coinvolte

13Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 13

Lo scenario tradizionale

Cnn.com, 2006.05.14 Repubblica.it, 2006.05.14

Google News italia

14Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 14

Lo scenario di riferimento

NewsMap, infovis flash based application to interact with news from google, copyright MARCOS WESKAMP @ 2004

15Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 15

– Overview and detail:

Infovis – Le principali tecniche

16Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 16

– Focus + context ( FishEye view and Hyperbolic Trees )

Infovis – Le principali tecniche

17Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 17

– Dynamic Query

Infovis – Le principali tecniche

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

– TreeMaps

Infovis – Le principali tecniche

19Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 19

– Zoomable User Interface

Infovis – Le principali tecniche

20Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 20

Infovis – Le principali tecniche

● Cone Tree

21Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 21

Infovis – Le principali tecniche

● Dust and Magnet

22Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 22

Infovis – Le principali tecniche

● Parallel coordinates and Parallel sets

23Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 23

Infovis – Le principali tecniche

● Timelines and Small Multiplies

24Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 24

Infovis – Le principali tecniche

● Sparklines and microcharting

25Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 25

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

26Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 26

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

27Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 27

● 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 – Sfide ed opportunità

28Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 28

Infovis: alcuni esempi

● Kmapun progetto per la visualizzazione e l'editing interattivo di informazioni che descrivono i cluster e trend sociodemografici.

Grazie

www.mentegrafica.it/infovis

Grazie