labortatorio di information design e ux con drupal
DESCRIPTION
Sergio Cima, Paolo Griselli, Riccardo Scalco @ Drupal Days 2014TRANSCRIPT
LABORATORIO DI INFORMATION DESIGN E UX CON DRUPAL - FULL DAY
#DrupalDaysITDATA
#DrupalDaysITDATA
#DrupalDaysITDATA
1300 euro 3300 euro
#DrupalDaysITDATA
1300 euro 2 polli / minuto
3300 euro 10 polli / minuto
#DrupalDaysITDATAVIZ
Richard Saul Wurman*: “Information Design è progettare la comprensione” !!!!!!!!!*TED, architettura dell’informazione, n altre cose
#DrupalDaysITNON È UNA NOVITÀ: ~1800
William Playfair
#DrupalDaysITNON È UNA NOVITÀ: ~1850
John Snow
#DrupalDaysITNON È UNA NOVITÀ: ~1860
Charles Minard
#DrupalDaysITI FONDAMENTI: JAQUES BERTAIN
Dati nello spazio
#DrupalDaysITI FONDAMENTI: EDWARD TUFTE
Data-ink ratio = Data-ink
Total ink used
#DrupalDaysITI FONDAMENTI: STEPHEN FEW
Macchina Organo
vs
(Feltron)
Dashboard
#DrupalDaysITDAI DATI ALLA CONOSCENZA
• creazione (scraping, dataset esistenti ecc) • normalizzazione • mining • integrazione • visualizzazione
#DrupalDaysIT
#DrupalDaysITDASHBOARD: UNSUITABLETroppo testo e tabelle: difficoltà di individuare i dati salienti !Torte e altri oggetti rotondi: occupano troppo spazio e la differenza di area può non essere percepita accuratamente !Grafici in pila: richiedono troppa concentrazione Grafici a radar: difficile paragonare le diverse variabili. !Tachimetri, termometri e altre metafore: meramente ornamentali, rischio di rappresentare male i dati e tenere oscure le unità di misura
(Stephen Few)
#DrupalDaysITDASHBOARD: SUITABLEBarre, linee o combinate !Liste e tabelle molto semplici !Box plot: molto informativi, danno conto della variabilità del fenomeno !Dispersione (scatterplot): ma con una linea di correlazione (R)
(Stephen Few)
#DrupalDaysITRAW (VISUALIZZAZIONE)*
app.raw.densitydesign.org
*ma pure Excel
#DrupalDaysITITALIAN RESEARCH MAP
irm.scienceonthenet.eu
MIUR CNR Zadig
#DrupalDaysITDAL DATO AL DATASET
argomento
paese
titolo del progetto
data di inizio
cordis.europa.eu
#DrupalDaysITIL DATASET
Progetti
PJ_UID PROJECT_TITLE …
… … …
9803873 An interoperability service utility… …
9803920 Coupling charge transport to internal…
…
… … …
Contractor
ORG_UID
ORGANIZATION_NAME …
… … …
494959 EUROPEAN ROAD TRANSPORT TELEMATICS IMPLEMENTATION COORDINATION …230203 VLAAMSE OVERHEID
… … …
Collegamento
PJ_UID ORG_UID
… …
9803873 494959
9803920 230203
… …
#DrupalDaysITDATASET DRUPALIZZATO
• creazione tipi di contenuto • configurazione import • import • creazione delle query • conteggi vari • visualizzazione
Moduli per tipo di contenuto • date • entity reference • location • views
Moduli per import • feeds • feeds tamper • location feeds • entity reference feeds
Moduli per dataviz • d3.js • libraries
#DrupalDaysITQUERY CHE DESIDERIAMO DA DRUPAL
• Mostra in una sola tabella il nome del contractor e i suoi relativi progetti e data dei progetti
• Conta quanti progetti all’anno ha un contractor
e visualizza…
#DrupalDaysITD3
#DrupalDaysITVISUALIZZAZIONE
#DrupalDaysITVISUALIZZAZIONE
#DrupalDaysIT
SERGIO CIMA
[email protected] @sergio_cima
!@eidogram
PAOLO GRISELLI
RICCARDO SCALCO
[email protected] @pauligree
SPONSOR
MEDIA PARTNER