Embed Size (px)
Citation preview
Architetture dinamiche e processi cognitivi quotidiani
Information Visualization• Studio interdisciplinare delle rappresentazioni
visive di grandi quantità di dati
• Questo settore di ricerca è emerso dall’HCI, computer science, graphics, visual design, psychology, e business methods.
• Sviluppo dell’infoviz modedrna a partire dalla computer graphics ma nella storia questi temi sono già presentati.
Benjamin B. Bederson and Ben Shneiderman (2003). The Craft of Information Visualization: Readings and Reflections, Morgan Kaufmann
Obiettivi• Sfruttare il potenziale di apprendimento
attraverso la vista, di grandi quantità di dati senza necessità di elaborazioni che porterebbero ad un sovraccarico di memoria di lavoro
• Comprendere le caratteristiche cognitive e computazionali di dinamica rappresentazioni interattive come base per la progettazione del sistema efficace.
James J. Thomas and Kristin A. Cook (Ed.) (2005). Illuminating the Path: The R&D Agenda for Visual Analytics
Processo di visualizzazione
INFORMATION VISUALIZATION: PERCEPTION FOR DESIGN (Card ‘04)
Computer ScienceVisual designVisual design
Business Business methodsmethods
Human Human Computer Computer InteractionInteraction
Information Information VisualizationVisualization
GraphicsGraphics
CognitiveCognitivepsychologypsychology
Sparklines Tufte
• Cosa rende migliore, più rapidamente esplicativa e manipolabile una rappresentazione rispetto ad un’altra?
• L’infoViz deve essere user-centric o data centric?
• Che rapporto c’è tra infoviz e architettura dei contenuti nella progettazione delle interfacce?
Domande aperte
Framework teorico
• Teoria dei Modelli Mentali (Johnson-Laird&Byrne, 2002): difficoltà trovare conclusioni corrette se necessario esplicitare tutte le possibilità a partire da un set di premesse.
• Relevance Theory (Sperber & Wilson 1987): modello inferenziale della comunicazione che si oppone al tradizionale modello della comunicazione come trasferimento di informazione codificata. (Sperber&Girotto, 1995): le informazioni presentate in un contesto non coerente con il loro significato vengono interpretate in modo ambiguo.
• Distributed Cognition: creazioni di artefatti che supportino l’interazione con il mondo attraverso rappresentazioni esterne
Applicazioni web• Social bookmarking, collaborative tagging, Tag clouds
come rappresentazioni esterne
• Mappe: http://www.tom-carden.co.uk/p5/tube_map_travel_times/applet/
• Rich Internet Applications (RIA): Business Intelligence Dashboards grafiche di dati, www.brightpointinc.com/gallery/googleFinance.asp, www.brightpointinc.com/gallery/Executive.asp,
London Time map
Dashboards
Dashborads &Business Intelligence. Benefici
• Rappresentare contemporaneamente dati da fonti diverse in uno stesso ambiente.
• Manipolare la rappresentazioni in modo dinamico per fare analisi olistiche in tempo reale
• Presentazione animata delle performance, individuazione di trends, inefficienze e di possibili soluzioni immediata.
Dashborads &Business Intelligence. Difficoltà
• Finora le dashboards dinamiche sono servite per aggregare grandi quantità di dati delle aziende allocati in ambienti diversi (report di contabilità, vendite, inventari dei prodotti ecc.) e sono fruite solo da analisti esperti.
• Le dashboards hanno le potenzialità per essere fruite dagli utenti finali senza bisogno di infrastrutture complesse di back-end come (Datawarhouse,OLAP cube, ETL process)
• E’ necessario però un cambio di focus da strumenti d’analisi data oriented, a strumenti per l’esperienza user oriented
INFINITA IB 2.0BENCHMARKBENCHMARK
CONCEPT CONCEPT GENERATIOGENERATIO
NN
Università degli studi di Siena
ENVISIONINGENVISIONING SCENARIOSSCENARIOS USER USER
EXPERIENCE EXPERIENCE EVALUATIOEVALUATIO
NN
BENCHMARKBENCHMARKAnalisi dei principali competitors
nazionali ed internazionali.(Febbraio 2009)
Obiettivi: capire dal punto di vista della user experience quale è la situzione attuale
di infinita rispetto agli ambienti di IB di altre banche
Metodo: Analisi in dettaglio caratteristiche come architettura
dell’informazione, contenuti commerciali, valori di comunicazione,
procedure per accedere ad offerte commerciali
Risultati: Un orientamento ad un modello di navigazione widget based sta via via affermandosi
Design tips: navigazione zero ovvero agire su singole parti della pagina senza
dover accedere ad altri ambienti e permette una visualizzazione di informazioni ad ampio raggio
Esempio di navigazione widget BASED
Obiettivi: produrre concept di design per la creazione di servizi Obiettivi: produrre concept di design per la creazione di servizi innovativi da implementare su area pubblica e portale di IBinnovativi da implementare su area pubblica e portale di IBMetodologia:Metodologia: Varie sessioni di concept generation condotte Varie sessioni di concept generation condotte nell’ambito del corso di Progettazione Multimediale (laurea nell’ambito del corso di Progettazione Multimediale (laurea triennale Scienze della comunicazione Siena). (Gennaio -Febbraio triennale Scienze della comunicazione Siena). (Gennaio -Febbraio 2009)2009)3 Focus group con clienti Infinita (25-26Marzo, 7-8Aprile 2009). Un 3 Focus group con clienti Infinita (25-26Marzo, 7-8Aprile 2009). Un workshop con dipendenti della banca (concept generation + user workshop con dipendenti della banca (concept generation + user experience cardsorting 21-22 Aprile 2009) experience cardsorting 21-22 Aprile 2009) Risultati: Consolidamento di alcuni concept per i servizi innovativi Risultati: Consolidamento di alcuni concept per i servizi innovativi da implementare in scenari di envisioning (es. viste grafiche da implementare in scenari di envisioning (es. viste grafiche elaborate, Time Machine, Salvadanaio virtualeelaborate, Time Machine, Salvadanaio virtuale
CONCEPT CONCEPT GENERATIOGENERATIO
NN
Architettura dei contenuti area privata / overview 1-2 livello
HOME PAGE
logout - Accesso cellulare- Profilo personale- Rubrica
Chi siamo | Contattaci | Assistenza | Cerca Filiale
Menu di servizio
Conti e movimenti
Pagamentie operazioni
Carte Finanziamenti Investimenti Servizi online
Comunicazioni e documenti
Movimenti Conto corrente
Pagamenti Carte di Credito Mutui PCT
Time machine
Archivio on-line
Bonifici eGiroconti
Prelievi eVersamenti
Ricariche
Carte Prepagate
Carte di Debito
Prestiti Polizze
Previdenza
Trading on line
Salvadanaio
BilancioFamiliare
Paschi Avvisa
Notizie e informazioni
BilancioFamiliare
Movimenti Conto Deposito
Servizi per la sicurezza
Carte di Debito
Tool Advice
Firma Digitale
Chiave elettronica
Alert movimenti conto corrente
Alert su carte
Alert su pag. e operaz.
Timeline C. C. 0123456789’83322 – Conto Ulisse
PAGAMENTI E OPERAZIONI
CARTE INVESTIMENTI SERVIZI ON-LINE +FINANZIAMENTICOMUNICAZIONI
E DOCUMENTICONTI E
MOVIMENTI
Bentornato Mario Rossi
esciRipristina
Home Profilo Accessocellulare
Rubricacontatti
i
ELENCO MOVIMENTI i
Simula movimento+
24 - 31 LUGLIO 2009
27.0731.07
EMOLUMENTI - ACME SPA stipendio +2340
- 5560vacanza
30.0730.07
BONIFICO - VENTATUOR
SALDO AL 31 LUGLIO : - 750
€
1 SETTIMANA 1 MESE 4 MESI 1 ANNO
0
1000
2000
3000
4000
-4000
-3000
-2000
-1000
Giugno ‘09 Luglio ‘09 Agosto’09 Settembre ‘09
Giugno Luglio Agosto
Simula movimento+
Lunedi’ 23 Luglio, 2009
i
BONIFICO-A2A
- 230
- 1200Vacanza alex
30.0730.07
BONIFICO - AGENZIA VIAGGI
27.0731.07 casa
24 – 31 Luglio 2009
Saldo al 28 Agosto: - 3785 €
Saldo settimana: - 2876 € (3 movimenti .- simulazione)
BILANCIO
LISTA MOVIMENTI
Mr. INFINITO
ARCHIVIO TEMPORANEO
LIVE CHAT
Visualizza..tutti i movimenti
CONTI E RAPPORTI
PAGAMENTI E OPERAZIONI
CARTE INVESTIMENTI SERVIZI ON-LINE
Servizi on line
+
ACQUISTI SICURI CON LA CARTA VIRTUALE
FINANZIAMENTI
COMUNICAZIONIE DOCUMENTI
Bentornato Mario Rossi
esciRipristina
Home Profilo Accessocellulare
Rubricacontatti
i
Mr. INFINITO
ARCHIVIO TEMPORANEO
LIVE CHAT
I TUOI SALVADANAI i
Importo raccolto: 1500 €
Ultimi versamenti:
Versamento Anna Giroletti
Versamento Maria Basile
Versamento Matteo Turi
05.05.09
10.05.09
26.05.09
€ 130
€ 250
€ 500
Regalo nozze Luca
Importo raccolto: 2200 €
Ultimi versamenti:
Versamento Simone Iolandi
Versamento Paolo Resti
Versamento Barbara Spiga
04.05.09
21.05.09
31.05.09
€ 50
€ 150
€ 200
Raccolta Onlus xxVedi tutti
Vedi tutti
APRI NUOVO SALVADANAIOGESTISCI SALVADANAI
CONTROLLA LA TUA CARTA VIRTUALE
i
Numero carta: 5487 3362 0660 2662 Scadenza: 31.06.09
Residuo: 300 €
Ultimi movimenti:
13.06.09
14.06.09
15.06.09
16.05.09
18.05.09
Adidas shop
Amazon srl
Unieuro srl
Vodafone spa
Amazon srl
80 €
30 €
120 €
30 €
50 €
Vedi tutti
BILANCIO FAMILIARE i
Pianifica le tue spese con il Bilancio Familiare.
TELEPASS-ULTIMI PEDAGGI AUTOSTRADALI
i
13.06.09
14.06.09
15.06.09
16.05.09
18.05.09
Usc.Milano Nord
Usc.Novara Est
Bologna Nord
Entr. SestoS.Giov
Entr. Milano Nord
1.20 €
3.40 €
11.10 €
1.50 €
1.20 €
Vedi tutti
SEMPRE SICURI! i
Navigare in Internet può presentare problemi di sicurezza per il tuo PC.
Infinita ti aiuta!
Scegli il servizio:
SEI OK?
AVVIA
Clicca su Avvia e controlla se il tuo
PC è OK
FIRMA DIGITALE i
Con Firma Digitale puoi sottoscrivere i tuoi documenti in formato digitale.
PRENOTA SERVIZI IN FILIALE i
Per qualsiasi necessità sulla tua situazione prendi on line un
appuntamento in filiale.
CHIAVE ELETTRONICAi
Genera una nuova carta virtuale abbinata alla tua carta Infinita!
Vuoi fare acquisti sicuri su
internet?
INFINITA LAB i
Scopri tutte le utilities che Infinita mette a tua disposizione!
ENVISIONING SCENARIOS: ENVISIONING SCENARIOS: Obiettivi: produrre task illustrativi dell’attività che Obiettivi: produrre task illustrativi dell’attività che inclusano servizi innovativiinclusano servizi innovativiMetodologia: creazione di 5 tasks dell’attività di area Metodologia: creazione di 5 tasks dell’attività di area pubblica ed IB, implementati prima solo per ciò che pubblica ed IB, implementati prima solo per ciò che concerne il ruolo con software ad hoc per mockups, poi in concerne il ruolo con software ad hoc per mockups, poi in prototipi grafici, con animazioni flash.prototipi grafici, con animazioni flash.Risultati:esplorazione in dettaglio funzionlità IB e primi Risultati:esplorazione in dettaglio funzionlità IB e primi refinement viste graficherefinement viste grafiche
Envisioning scenarios
RUBRICA CONTATTI
BONIFICO E GIROCONTO: NUOVA DISPOSIZIONE
Descrizione
Cancella Conferma
Inserimento dati Conferma Riepilogo
i
Seleziona il conto di addebito
Residuo giornaliero 2504,23€
Residuo mensile: 12.345,76 €
Dati Beneficiario
Importo € Data valuta
Bonfifico ItaliaTipo di disposizione:
Beneficiario
IBAN
CIN ABI CAB CC
Dati Accredito
Calcola Abi e Cab
Nuovo Beneficiario Rubrica
CC 020100089888000370
Inserisci in rubrica
ULTIMI BONFICI i
13.06.09
14.06.09
15.06.09
16.05.09
18.05.09
ACME spa
AUGUSTO AUGERI
Corradi Letizia
Assist Consulting
Giroconto ….
Nuovo bonifico
2098,98 €
3098, 23 €
50 0,00 €
208,876 €
500 €
23/02/2009
PAGAMENTI E OPERAZIONI
CARTE INVESTIMENTI SERVIZI ON-LINE +FINANZIAMEN
TICOMUNICAZIONI
E DOCUMENTICONTI E RAPPORTI
Mr. INFINITO
ARCHIVIO TEMPORANEO
LIVE CHAT
Bentornato Mario Rossi
esciRipristina
Home Profilo Accessocellulare
Rubricacontatti
RUBRICA CONTATTI
Esegui nuovo …
ANDREA ALBINONI
AUGUSTO AUGERI
A.C.M.E. S.p.a.
MARIO BRUNI
i
dettagli contatto
iAUGUSTO AUGERI
IBAN: IT 0004000050006
+
Dashboards incluse negli scenari
EVALUATION: EVALUATION: Obiettivi: produrre task illustrativi dell’attività che Obiettivi: produrre task illustrativi dell’attività che inclusano servizi innovativiinclusano servizi innovativiMetodologia: creazione di 5 tasks dell’attività di area Metodologia: creazione di 5 tasks dell’attività di area pubblica ed IB, implementati prima solo per ciò che pubblica ed IB, implementati prima solo per ciò che concerne il ruolo con software ad hoc per mockups, poi in concerne il ruolo con software ad hoc per mockups, poi in prototipi grafici, con animazioni flash (Maggio -Giugno-prototipi grafici, con animazioni flash (Maggio -Giugno-Luglio 2009). I test sono stati condotti con la metodologia Luglio 2009). I test sono stati condotti con la metodologia dei test di usabilità (Nielsen&Norman) su 20 clienti infinita dei test di usabilità (Nielsen&Norman) su 20 clienti infinita e 6 dipendenti della banca non direttamente coinvolti nel e 6 dipendenti della banca non direttamente coinvolti nel progetto. (15-16-17-18 settembre 2009)progetto. (15-16-17-18 settembre 2009)Risultati:Risultati:Suggerimenti da implementare in fasi successive della Suggerimenti da implementare in fasi successive della prototipazione previste per la prima metà del 2010.prototipazione previste per la prima metà del 2010.
Esempi refinement
iLook
PARTICIPATORY DESIGNDESIGN BRIEF
CULTURAL PROBES
ROLE PROTOTYPING
FUTURE WORKSHOP
CONCLUSIONI• the focus for end-users always must be on
making straightforward, reliable and easy routine activities while at the same time opening incrementally towards new opportunities.
• From data visualization to user experience" visualization, as represented by user interfaces that information workers and business executives interact with to "experience" their data.
