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 ...
Le condizioni


        Aumento vertiginoso della quantità e della qualità delle
 ●


        informazioni ( Information P...
Infovis: breve storia

        Il termine information visualization nasce a PALO ALTO alla fine
 ●


        degli anni '8...
Infovis – Le prime rappresentazioni di dati




                     Atlante Catalano, 1375




                      “Pia...
Infovis – XVIII Secolo: un nuovo linguaggio per i dati




                             William Playfair (1759-1823) il “c...
Infovis – XIX secolo: crescono le rappresentazioni di dati




                             1869, Minard – La campagna di ...
Infovis – oggi: la complessità cresce




2005, Flickr Graph, Marcos Weskamp




                                         ...
Infovis = Information + Visualization


        Information
 ●

        Informazione intesa come capacità di generare cono...
Infovis: una premessa

        Non affronteremo il tema della costruzione del
 ●


        modello dei dati perchè:

     ...
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 Compute...
Lo scenario tradizionale




                                                                                   Google New...
Lo scenario di riferimento




NewsMap, infovis flash based application to interact with news from google, copyright MARCO...
Infovis – Le principali tecniche


       Overview and detail:
  –




Infovis e usabilità dei dati – dott. Daniele Galiff...
Infovis – Le principali tecniche

       Focus + context ( FishEye view and Hyperbolic Trees )
  –




Infovis e usabilità...
Infovis – Le principali tecniche

       Dynamic Query
  –




Infovis e usabilità dei dati – dott. Daniele Galiffa – Mila...
Infovis – Le principali tecniche

       TreeMaps
  –




Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2...
Infovis – Le principali tecniche

       Zoomable User Interface
  –




Infovis e usabilità dei dati – dott. Daniele Gali...
Infovis – Le principali tecniche

        Cone Tree
 ●




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

        Dust and Magnet
 ●




Infovis e usabilità dei dati – dott. Daniele Galiffa – Mi...
Infovis – Le principali tecniche

        Parallel coordinates and Parallel sets
 ●




Infovis e usabilità dei dati – dot...
Infovis – Le principali tecniche

        Timelines and Small Multiplies
 ●




Infovis e usabilità dei dati – dott. Danie...
Infovis – Le principali tecniche

        Sparklines and microcharting
 ●




Infovis e usabilità dei dati – dott. Daniele...
La figura dell'infovis designer

        Ruolo di mediazione tra il modello dei dati e i
 ●


        bisogni informativi ...
L'infovis designer: skills

        Curiosità / Serendipity
 ●


        Capacità di astrazione, analisi e modellazione
 ●...
Infovis – Sfide ed opportunità

    Sport / Entertainment
●



    Monitoring dell’ambiente
●



    Personal Information ...
Infovis: alcuni esempi

        Kmap
 ●


        un progetto per la visualizzazione e l'editing
        interattivo di in...
Grazie
 Grazie




          www.mentegrafica.it/infovis
Upcoming SlideShare
Loading in …5
×

Designing Infovis

1,826 views

Published on

The documents talks about the role of design infovis solutions.
The inteded audience is mainly targeting Visual Design students.
The whole presentation is in Italian.

Published in: Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,826
On SlideShare
0
From Embeds
0
Number of Embeds
65
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Designing Infovis

  1. 1. Designing infovis dott. Daniele Galiffa Facoltà del Design, Politecnico di Milano Milano, 2006.11.15
  2. 2. 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
  3. 3. 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
  4. 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 ) Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 4
  5. 5. 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
  6. 6. 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
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 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... ) Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 10
  11. 11. Infovis – I 3 piani di intervento Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 11
  12. 12. 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
  13. 13. 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
  14. 14. 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
  15. 15. Infovis – Le principali tecniche Overview and detail: – Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 15
  16. 16. Infovis – Le principali tecniche Focus + context ( FishEye view and Hyperbolic Trees ) – Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 16
  17. 17. Infovis – Le principali tecniche Dynamic Query – Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 17
  18. 18. Infovis – Le principali tecniche TreeMaps – Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 18
  19. 19. Infovis – Le principali tecniche Zoomable User Interface – Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 19
  20. 20. Infovis – Le principali tecniche Cone Tree ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 20
  21. 21. Infovis – Le principali tecniche Dust and Magnet ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 21
  22. 22. Infovis – Le principali tecniche Parallel coordinates and Parallel sets ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 22
  23. 23. Infovis – Le principali tecniche Timelines and Small Multiplies ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 23
  24. 24. Infovis – Le principali tecniche Sparklines and microcharting ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 24
  25. 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 ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 25
  26. 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 ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 26
  27. 27. 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
  28. 28. 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
  29. 29. Grazie Grazie www.mentegrafica.it/infovis

×