Infovis e usabilità dei dati

dott. Daniele Galiffa
Milano, 2006.11.14

Parleremo di...

● ● ● ●

La disciplina dell'Information Visualization Lo scenario Ambiti applicativi Un esempio: Pagine Gialle Visual

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

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.14 - 3

Infovis – I 3 piani di intervento

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

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

Lo scenario

Aumento vertiginoso della quantità e della qualità delle informazioni ( Information Pollution ) Maggiore difficoltà di accesso alle informazioni e nel trovare quanto cercato Affinamento degli strumenti e delle tecniche di visualizzazione

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

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.14 - 9

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.14 - 10

Infovis – Le principali tecniche

Overview and detail:

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

Infovis – Le principali tecniche

Focus + context

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

Infovis – Le principali tecniche

Dynamic Query

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

Infovis – Le principali tecniche

TreeMap

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

Infovis – Le principali tecniche

Zoomable User Interface

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

Infovis – Ambiti applicativi
● ● ● ● ● ● ● ● ●

Sport Monitoring dell’ambiente (clima e meteorologia) Personal Information Management (Vis@Home) Fisica/Astronomia Biologia e Medicina / Salute Mobilità / Traffico Business Sicurezza Emergency Management

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

Un esempio: Pagine Gialle Visual

Obiettivo del progetto:

Migliorare l'esperienza utente nella ricerca di luoghi ed attività presenti sul territorio

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

Pagine Gialle.it – i problemi

I problemi della precedente versione:

Basso valore della UserExperience nell'ottenimento dei risultati ( proposti in liste lunghissime ) Mappe di dettaglio non sufficienti a definirne il contesto Interazione molto lenta e frustrante ( molti click necessari )

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

Pagine Gialle.it – i problemi

I risultati:

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

Pagine Gialle.it – i problemi

I dettagli:

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

Pagine Gialle Visual – la complessità

Alto volume di dati eterogenei presenti Valorizzazione degli aspetti di business Nuovi competitors sul mercato ( Yahoo, Google, Microsoft )

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

Pagine Gialle Visual – le soluzioni

Le tecniche di infovis hanno migliorato la UserExperience, permettendo di proporre le seguenti soluzioni:
– – – –

Smart List & Dynamic Queries DetailOnDemand InteractiveMap ( basata su Closer ) Locations Suggestion

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

Pagine Gialle Visual & infovis

Smart List & Dynamic Queries

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

Pagine Gialle Visual & infovis

DetailOnDemand

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

Pagine Gialle Visual & infovis

InteractiveMap ( basata su Closer )

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

Pagine Gialle Visual & infovis

Locations Suggestion

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

Grazie Grazie

www.mentegrafica.it/infovis