SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
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

Contenu connexe

Similaire à Designing Infovis

Introduzione ai Big Data e alla scienza dei dati - I formati dati
Introduzione ai Big Data e alla scienza dei dati - I formati datiIntroduzione ai Big Data e alla scienza dei dati - I formati dati
Introduzione ai Big Data e alla scienza dei dati - I formati datiVincenzo Manzoni
 
La visualizzazione dei Big Data: opportunità e sfide - di Stefano De Francisci
La visualizzazione dei Big Data: opportunità e sfide - di Stefano De FrancisciLa visualizzazione dei Big Data: opportunità e sfide - di Stefano De Francisci
La visualizzazione dei Big Data: opportunità e sfide - di Stefano De FrancisciIstituto nazionale di statistica
 
Presentazione OpenEvaluation - 30/10/2015
Presentazione OpenEvaluation - 30/10/2015 Presentazione OpenEvaluation - 30/10/2015
Presentazione OpenEvaluation - 30/10/2015 zigafoundry
 
Gis e Conoscenza - Seminario in ArpaPuglia
Gis e Conoscenza - Seminario in ArpaPugliaGis e Conoscenza - Seminario in ArpaPuglia
Gis e Conoscenza - Seminario in ArpaPugliaRaffaele Marrese
 
Stato dell'arte delle tecnologie per il riuso degli Open Data
Stato dell'arte delle tecnologie per il riuso degli Open DataStato dell'arte delle tecnologie per il riuso degli Open Data
Stato dell'arte delle tecnologie per il riuso degli Open DataMassimiliano Margarone
 
Slide per progetto etica 2013 2015-andrea borruso - Parte I
Slide per progetto etica 2013 2015-andrea borruso - Parte ISlide per progetto etica 2013 2015-andrea borruso - Parte I
Slide per progetto etica 2013 2015-andrea borruso - Parte IAndrea Borruso
 
Apps4Italy, il contest italiano sugli Open Data
Apps4Italy, il contest italiano sugli Open DataApps4Italy, il contest italiano sugli Open Data
Apps4Italy, il contest italiano sugli Open DataVincenzo Patruno
 
Dagli Open ai big data nel comune di Firenze
Dagli Open ai big data nel comune di FirenzeDagli Open ai big data nel comune di Firenze
Dagli Open ai big data nel comune di FirenzeConfindustriaFirenze
 
Open Data 4 Startups
Open Data 4 StartupsOpen Data 4 Startups
Open Data 4 Startupsmzaglio
 
La gestione logica dei dati come chiave del successo per Data Scientist e Bus...
La gestione logica dei dati come chiave del successo per Data Scientist e Bus...La gestione logica dei dati come chiave del successo per Data Scientist e Bus...
La gestione logica dei dati come chiave del successo per Data Scientist e Bus...Denodo
 
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di SapienzaDrupalDay
 
A Scuola di OpenCoesione
A Scuola di OpenCoesioneA Scuola di OpenCoesione
A Scuola di OpenCoesioneOpenCoesione
 
Gaia Aiello (ECSA)
Gaia Aiello (ECSA)Gaia Aiello (ECSA)
Gaia Aiello (ECSA)Snpambiente
 
Big data analytics vaccari oct2013
Big data analytics vaccari oct2013Big data analytics vaccari oct2013
Big data analytics vaccari oct2013Carlo Vaccari
 
Verso una Spatial Data Science Seminario 29-11-2017
Verso una Spatial Data Science Seminario 29-11-2017Verso una Spatial Data Science Seminario 29-11-2017
Verso una Spatial Data Science Seminario 29-11-2017Giuliana Bonello
 

Similaire à Designing Infovis (20)

Introduzione ai Big Data e alla scienza dei dati - I formati dati
Introduzione ai Big Data e alla scienza dei dati - I formati datiIntroduzione ai Big Data e alla scienza dei dati - I formati dati
Introduzione ai Big Data e alla scienza dei dati - I formati dati
 
R. Roncati - Segni e immagini per raccontare i numeri
R. Roncati - Segni e immagini per raccontare i numeri R. Roncati - Segni e immagini per raccontare i numeri
R. Roncati - Segni e immagini per raccontare i numeri
 
La visualizzazione dei Big Data: opportunità e sfide - di Stefano De Francisci
La visualizzazione dei Big Data: opportunità e sfide - di Stefano De FrancisciLa visualizzazione dei Big Data: opportunità e sfide - di Stefano De Francisci
La visualizzazione dei Big Data: opportunità e sfide - di Stefano De Francisci
 
2010 02 Asphi Accessibilità Pd
2010 02 Asphi Accessibilità Pd2010 02 Asphi Accessibilità Pd
2010 02 Asphi Accessibilità Pd
 
C. Freguja - Internet@Italia 2013 I principali risultati
C. Freguja - Internet@Italia 2013  I principali risultatiC. Freguja - Internet@Italia 2013  I principali risultati
C. Freguja - Internet@Italia 2013 I principali risultati
 
Presentazione OpenEvaluation - 30/10/2015
Presentazione OpenEvaluation - 30/10/2015 Presentazione OpenEvaluation - 30/10/2015
Presentazione OpenEvaluation - 30/10/2015
 
Gis e Conoscenza - Seminario in ArpaPuglia
Gis e Conoscenza - Seminario in ArpaPugliaGis e Conoscenza - Seminario in ArpaPuglia
Gis e Conoscenza - Seminario in ArpaPuglia
 
Stato dell'arte delle tecnologie per il riuso degli Open Data
Stato dell'arte delle tecnologie per il riuso degli Open DataStato dell'arte delle tecnologie per il riuso degli Open Data
Stato dell'arte delle tecnologie per il riuso degli Open Data
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
Slide per progetto etica 2013 2015-andrea borruso - Parte I
Slide per progetto etica 2013 2015-andrea borruso - Parte ISlide per progetto etica 2013 2015-andrea borruso - Parte I
Slide per progetto etica 2013 2015-andrea borruso - Parte I
 
Apps4Italy, il contest italiano sugli Open Data
Apps4Italy, il contest italiano sugli Open DataApps4Italy, il contest italiano sugli Open Data
Apps4Italy, il contest italiano sugli Open Data
 
Dagli Open ai big data nel comune di Firenze
Dagli Open ai big data nel comune di FirenzeDagli Open ai big data nel comune di Firenze
Dagli Open ai big data nel comune di Firenze
 
Open Data 4 Startups
Open Data 4 StartupsOpen Data 4 Startups
Open Data 4 Startups
 
Arezzo 16 aprile 2013 Modulo 1 Pianificazione
Arezzo 16 aprile 2013  Modulo 1 PianificazioneArezzo 16 aprile 2013  Modulo 1 Pianificazione
Arezzo 16 aprile 2013 Modulo 1 Pianificazione
 
La gestione logica dei dati come chiave del successo per Data Scientist e Bus...
La gestione logica dei dati come chiave del successo per Data Scientist e Bus...La gestione logica dei dati come chiave del successo per Data Scientist e Bus...
La gestione logica dei dati come chiave del successo per Data Scientist e Bus...
 
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza
[drupalday2017] - DRUPAL per la PA: il modello della Trasparenza di Sapienza
 
A Scuola di OpenCoesione
A Scuola di OpenCoesioneA Scuola di OpenCoesione
A Scuola di OpenCoesione
 
Gaia Aiello (ECSA)
Gaia Aiello (ECSA)Gaia Aiello (ECSA)
Gaia Aiello (ECSA)
 
Big data analytics vaccari oct2013
Big data analytics vaccari oct2013Big data analytics vaccari oct2013
Big data analytics vaccari oct2013
 
Verso una Spatial Data Science Seminario 29-11-2017
Verso una Spatial Data Science Seminario 29-11-2017Verso una Spatial Data Science Seminario 29-11-2017
Verso una Spatial Data Science Seminario 29-11-2017
 

Designing Infovis

  • 1. Designing infovis dott. Daniele Galiffa Facoltà del Design, Politecnico di Milano Milano, 2006.11.15
  • 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. 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. 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. 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. 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. 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. 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. 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. 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. Infovis – I 3 piani di intervento Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 11
  • 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. 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. 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. Infovis – Le principali tecniche Overview and detail: – Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 15
  • 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. Infovis – Le principali tecniche Dynamic Query – Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 17
  • 18. Infovis – Le principali tecniche TreeMaps – Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 18
  • 19. Infovis – Le principali tecniche Zoomable User Interface – Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 19
  • 20. Infovis – Le principali tecniche Cone Tree ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 20
  • 21. Infovis – Le principali tecniche Dust and Magnet ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 21
  • 22. Infovis – Le principali tecniche Parallel coordinates and Parallel sets ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 22
  • 23. Infovis – Le principali tecniche Timelines and Small Multiplies ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 23
  • 24. Infovis – Le principali tecniche Sparklines and microcharting ● Infovis e usabilità dei dati – dott. Daniele Galiffa – Milano, 2006.11.15 - 24
  • 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. 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. 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. 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. Grazie Grazie www.mentegrafica.it/infovis