SlideShare ist ein Scribd-Unternehmen logo
1 von 55
Downloaden Sie, um offline zu lesen
Corso di Interazione Uomo Macchina
AA 2013-2014
Roberto Polillo
Corso di laurea in Informatica
Università di Milano Bicocca
Dipartimento di Informatica, Sistemistica e Comunicazione
Conoscere l'utente: attenzione e
memoria
1
R.Polillo - Marzo 2014
Queste slides…
… si basano sul libro “Facile da usare”, dell’autore, dove si trovano
tutte le necessarie spiegazioni. Vedi www.rpolillo.it
Queste slide sono disponibili con licenza Creative Commons
(attribuzione, non commerciale, condividi allo stesso modo) a
chiunque desiderasse utilizzarle, per esempio a scopo didattico,
senza necessità di preventiva autorizzazione:
http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it
La licenza non si estende alle immagini fotografiche e alle screen
shots, i cui diritti restano in capo ai rispettivi proprietari, che sono
stati indicati, ove possibile, nelle didascalie del libro. L’autore si
scusa per eventuali omissioni, e resta a disposizione per
correggerle.
R.Polillo - Marzo 2014
2
Scopo di questa lezione
R.Polillo - Marzo 2014
3
Accennare alla molteplicità dei punti di vista
dai quali possiamo esaminare le
caratteristiche degli utenti
PERSONA
LIVELLO
COGNITIVO
RUOLO
DIVERSITÀ DEGLI UTENTI
Utente
COMPORTAMENTI
Livelli di descrizione dell’utente
4
R.Polillo - Marzo 2014
Lo Human Information Processor
R.Polillo - Marzo 2014
5
Card, Moran, Newell,
The Psychology of Human-Computer
Interaction
1983
Una visione semplificata
R.Polillo - Marzo 2014
6
L’attenzione
Quei processi cognitivi che ci permettono di
selezionare, fra tutte le informazioni che
arrivano ai nostri sensi, quelle che in qualche
modo ci interessano
R.Polillo - Marzo 2014
7
8
R.Polillo - Marzo 2014
Attenzione selettiva
R.Polillo - Marzo 2014
9
Guidata da fattori esogeni
Attenzione selettiva
R.Polillo - Marzo 2014
10
Guidata da fattori endogeni
Avete 3 secondi per contare i quadrati verdi nella slide che segue
R.Polillo - Marzo 2014
Quanti erano i cerchi rossi?
R.Polillo - Marzo 2014
12
Esempio: video
Contare il numero dei passaggi di palla senza
rimbalzo nel seguente video:
http://it.youtube.com/watch?v=qRNWvZa9MrM&feature=related
13
R.Polillo - Marzo 2014
Altri esempi
 http://www.youtube.com/watch?v=IGQmdoK_Z
fY&list=PLA3B7C8D388AD340E
(passaggi di palla)
 http://www.youtube.com/watch?v=FWSxSQss
piQ&list=PLA3B7C8D388AD340E
(richiesta di informazioni in strada)
R.Polillo - Marzo 2014
14
Che cosa ha fatto l’uomo con l’impermeabile?
R.Polillo - Marzo 2014
15
Attenzione divisa
16
R.Polillo - Marzo 2014
Implicazioni sul design
Considerate i seguenti aspetti:
 Dove e come dirigere l’attenzione dell’utente
durante l’interazione
 Come mantenere l’attenzione dell’utente sugli
elementi desiderati
 Come evitare interferenze, che “sottraggano”
l’attenzione dell’utente dagli elementi rilevanti
17
R.Polillo - Marzo 2014
Esempio: finestra attiva
Ne viene
evidenziata la
cornice
18
R.Polillo - Marzo 2014
Lo schermo su cui dirigere l’attenzione dell’utente durante la presentazione viene segnalato
con uno spot luminoso
(Spotlight, Khan et al., CHI 2005)
19
R.Polillo - Marzo 2014
(MAC OS 8)
20
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
21
22
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
Un modello della memoria
umana
R.Polillo - Marzo 2014
27
Memoria a breve termine (MBT)
 Capacità limitata: 7±2 “unità” (“chunk”)
(“Il magico numero 7, G.Miller, 1956)
 Persistenza dell’informazione breve: 15-30 sec
 La persistenza aumenta con la ripetizione (ma ciò
richiede attenzione)
 Usata per memorizzazione temporanea nei processi
cognitivi
 Nuovi input ricoprono i contenuti precedenti
(“interferenza”)
 Teorie recenti non la considerano un deposito passivo,
ma un sistema di funzioni (“working memory”)
28
R.Polillo - Marzo 2014
Esempi
 BXMLTD
 WBVAPRDSN
 MFBGRTLHJFZOZLS
 WILLIAMMCMILLAN
 CANE GATTO DISCO LATTE CASA AUTO TOPO
 GATTO OROLOGIO DISCO LATTE CASA AUTO TOPO
ACQUA MIELE LIBRO CANE
 LA PICCOLA VOLPE ROSSA SALTO’ SUL GROSSO
CANE RANDAGIO E LO FECE RUZZOLARE SUL
MARCIAPIEDE
R.Polillo - Marzo 2014
29
Esperimento di Peterson & Peterson (1959)
Tempo (sec) fra presentazione e rievocazione
%divoltecheunitempuòessere
rievocato
(fra presentazione e rievocazione, lavoro mentale:
contare all’indietro, per 3, velocemente)
R.Polillo - Marzo 2014
30
MBT: implicazioni sul design
Evitare di sovraccaricare la MBT dell’utente,
richiedendogli di memorizzare solo elementi
significativi o familiari, in numero limitato (“regola del
7±2”)
Minimizzare comunque il ricorso alla MBT dell’utente,
in presenza di altre attività cognitive (per evitare
interferenza)
L’ansietà riduce le prestazioni della MBT: evitare
situazioni di stress per l’utente
R.Polillo - Marzo 2014
31
Per informazioni sulle nuove offerte, premi 1; per informazioni
sulle tariffe e bla bla bla, premi 2; se sei interessato a
conoscere i nuovi servizi e bla bla, premi 3; se desideri
comunicare furto o smarrimento del tuo telefonino o bla bla bla
per assitenza specialistica, premi 4; se desideri ricevere
informazioni sul credito bla bla premi 5; se desideri parlare con
un operatore premi 0
Sovraccarico della MBT
R.Polillo - Marzo 2014
32
Sovraccarico della MBT
R.Polillo - Marzo 2014
33
Quando eseguo le
azioni la finestra va
dietro l’altra, e non
vedo più l’help
Esempio
Da: Microsoft Word 97
Per ricordarsi che cosa fare dopo aver
premuto OK, occorre una memoria
eccezionale, oppure carta e penna
R.Polillo - Marzo 2014
34
Esempio: messaggi di errore sul web
Quando questo msg
scompare, devo
ricordare tutte queste
informazioni nella MBT!
R.Polillo - Marzo 2014
In questo caso non
sovraccarico la MBT: i
msg di errore restano
visibili mentre correggo
Esempio: messaggi di errore sul web
R.Polillo - Marzo 2014
Questa è una soluzione
ancora migliore
Esempio: messaggi di errore sul web
R.Polillo - Marzo 2014
Esempi (mobile)
R.Polillo - Marzo 2014
38
Esempi (mobile)
R.Polillo - Marzo 2014
39
MBT: chiusura
Noi sentiamo una forte pulsione a chiudere il compito
corrente e scaricare l’informazione dalla memoria, per
renderla disponibile a nuove informazioni / elaborazioni
Implicazioni sul design:
- strutturare le attività dell’utente in compiti semplici e ben definiti
- richiedere all’utente di svolgere i compiti in modo sequenziale, e
non parallelo (terminare un compito prima di farne iniziare un altro)
1 2 3
qui la MBT viene scaricata
R.Polillo - Marzo 2014
40
Chiusura: esercizio
BANCOMAT: Quale delle due interfacce è la migliore e
perchè?
Chiedere il codice
Chiedere l’importo
Emettere le banconote
Restituire la tessera
Restituisce la tessera
Emettere le banconote
Soluzione 1 Soluzione 2
R.Polillo - Marzo 2014
41
Interferenza
Interferenze possono creare interruzioni nei
processi cognitivi, generando rallentamenti e
stress
Esempi:
 Segnali acustici (telefono, SMS, mail,…)
 Segnali visivi lampeggianti (segnali luminosi, banner, …)
 …
R.Polillo - Marzo 2014
42
Esempio: il cellulare in auto
Studi recenti suggeriscono che:
 L’uso del cellulare durante la guida quadruplica il rischio di
collisione (come guidare da ubriachi)
 La causa principale del maggior rischio è l’impegno mentale della
conversazione (e non la gestione manuale del telefono: in altre
parole, il viva-voce non riduce il rischio)
 Durante la conversazione al cellulare il tempo di reazione agli
stimoli visivi (es. l’auto davanti che frena, il semaforo) presentati al
guidatore viene considerevolmente aumentato (raddoppia?)
Cfr.ad es. Schneider et al., CHI 2005
R.Polillo - Marzo 2014
43
Esempio: effetto Stroop
Pronunciare ad alta voce il colore delle
seguenti scritte:
Casa
Treno
Bambino
Rosso
Interferenza con il
processo di lettura,
diventato “automatico”
(J.R.Stroop, 1935)
R.Polillo - Marzo 2014
44
La memoria a lungo termine (MLT)
 Ha capacità molto ampia (non se ne conoscono i
limiti)
 Tempo d’accesso lungo (circa 0,1 sec)
 Persistenza di lunghissima durata: decadimento o
interferenza?
 Funzioni (o sottosistemi) diversi
45
R.Polillo - Marzo 2014
Rievocazione e riconoscimento
 Rievocazione: prelevare un’informazione
dalla memoria
 Riconoscimento: confrontare
un’informazione data con il contenuto
della memoria
 La capacità di rievocazione e di
riconoscimento aumenta col tempo totale
di presentazione (presentazione singola o
multiple)
R.Polillo - Marzo 2014
46
Rievocazione e riconoscimento
E’ più “facile” riconoscere che rievocare
Rievocazione e riconoscimento (recall) dopo presentazione di sillabe senza senso
(Luh, 1922)
47
R.Polillo - Marzo 2014
Video
 Precious Images (1986), un assemblaggio lungo
6,5 minuti di scene classiche da 469 film famosi
 Durata media di ogni video: meno di 1 secondo
 I brevi spezzoni fanno ricordare le scene
originali, e richiamano il loro impatto emotivo
 http://www.zappinternet.com/video/DoCcPiyFob/
Precious-Images
 Lista dei film citati:
http://www.imdb.com/title/tt0091787/trivia?tab=
mc
48
R.Polillo - Marzo 2014
Per facilitare la rievocazione
Creare associazioni
Esempio:
MA CON GRAN PENA LE RECA GIÙ
MArittime, COzie, GRAie, PENnine,
LEpontine, REtiche, CArniche, GIUlie.
R.Polillo - Marzo 2014
49
MLT: implicazioni sul design
Preferire il ricorso al riconoscimento
piuttosto che alla rievocazione
Presentare l’informazione ripetutamente
Costruire associazioni forti, ripetute e
distinte, che non interferiscano fra di
loro
Utilizzare associazioni visive
R.Polillo - Marzo 2014
50
Ricordate le euristiche di Nielsen?
1. Visibilità dello stato del sistema
2. Corrispondenza fra il mondo reale e il sistema
3. Libertà e controllo da parte degli utenti
4. Consistenza e standard
5. Prevenzione degli errori
6. Riconoscere piuttosto che rievocare
7. Flessibilità ed efficienza d’uso
8. Design minimalista ed estetico
9. Aiutare gli utenti a riconoscere gli errori,
diagnosticarli e correggerli
10. Guida e documentazione
R.Polillo - Marzo 2014
51
Esempio: Adventure games
Rievocazione
Riconoscimento
52
R.Polillo - Marzo 2014
Esempio: Office 2003 vs Office
2010
R.Polillo - Marzo 2014
53
PowerPoint 2003
Power Point 2010
Esempio (“imagines agentes”)
Che cosa vi ricorda?
R.Polillo - Marzo 2014
54
Riassumendo…
L’accesso alle informazioni nella memoria a
lungo termine è facilitato da:
- frequenza dell’accesso
- tempo breve dall’ultimo accesso
- numero e tipo di legami associativi
- poche interferenze da altre informazioni
attivate dalle stesse associazioni
R.Polillo - Marzo 2014
55

Weitere ähnliche Inhalte

Was ist angesagt?

22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corsoRoberto Polillo
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'erroreRoberto Polillo
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
 
11. Conoscere l'utente (II)
11. Conoscere l'utente (II)11. Conoscere l'utente (II)
11. Conoscere l'utente (II)Roberto Polillo
 
6. Progettare per l'utente (II)
6. Progettare per l'utente (II)6. Progettare per l'utente (II)
6. Progettare per l'utente (II)Roberto Polillo
 
17. Principi e linee guida (ii)
17. Principi e linee guida (ii)17. Principi e linee guida (ii)
17. Principi e linee guida (ii)Roberto Polillo
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)Roberto Polillo
 
Figure dal libro Facile da Usare
Figure dal libro Facile da UsareFigure dal libro Facile da Usare
Figure dal libro Facile da UsareRoberto Polillo
 
5. progettare per l'utente (i)
5. progettare per l'utente (i)5. progettare per l'utente (i)
5. progettare per l'utente (i)Roberto Polillo
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corsoRoberto Polillo
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla graficaRoberto Polillo
 
2. Progettazione iterativa
2. Progettazione iterativa2. Progettazione iterativa
2. Progettazione iterativaRoberto Polillo
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)Roberto Polillo
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)Roberto Polillo
 
8. Valutare la usabilita'
8. Valutare la usabilita'8. Valutare la usabilita'
8. Valutare la usabilita'Roberto Polillo
 
12.Visione e progettazione grafica (I)
12.Visione e progettazione grafica (I)12.Visione e progettazione grafica (I)
12.Visione e progettazione grafica (I)Roberto Polillo
 

Was ist angesagt? (20)

22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
21. Progettare per l'errore
21. Progettare per l'errore21. Progettare per l'errore
21. Progettare per l'errore
 
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)16. Evoluzione dei paradigmi di interazione uomo macchina (I)
16. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
14. Progettare il testo
14. Progettare il testo14. Progettare il testo
14. Progettare il testo
 
11. Conoscere l'utente (II)
11. Conoscere l'utente (II)11. Conoscere l'utente (II)
11. Conoscere l'utente (II)
 
6. Progettare per l'utente (II)
6. Progettare per l'utente (II)6. Progettare per l'utente (II)
6. Progettare per l'utente (II)
 
17. Principi e linee guida (ii)
17. Principi e linee guida (ii)17. Principi e linee guida (ii)
17. Principi e linee guida (ii)
 
20. Principi e linee guida (I)
20. Principi e linee guida (I)20. Principi e linee guida (I)
20. Principi e linee guida (I)
 
Figure dal libro Facile da Usare
Figure dal libro Facile da UsareFigure dal libro Facile da Usare
Figure dal libro Facile da Usare
 
5. progettare per l'utente (i)
5. progettare per l'utente (i)5. progettare per l'utente (i)
5. progettare per l'utente (i)
 
1.Introduzione al corso
1.Introduzione al corso1.Introduzione al corso
1.Introduzione al corso
 
22. Conclusioni del corso
22. Conclusioni del corso22. Conclusioni del corso
22. Conclusioni del corso
 
15. Ancora sulla grafica
15. Ancora sulla grafica15. Ancora sulla grafica
15. Ancora sulla grafica
 
2. Progettazione iterativa
2. Progettazione iterativa2. Progettazione iterativa
2. Progettazione iterativa
 
9. Mobile design
9. Mobile design9. Mobile design
9. Mobile design
 
3. Usabilita
3. Usabilita3. Usabilita
3. Usabilita
 
20. Principi e linee guida (II)
20. Principi e linee guida (II)20. Principi e linee guida (II)
20. Principi e linee guida (II)
 
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)17. Evoluzione dei paradigmi di interazione uomo macchina (I)
17. Evoluzione dei paradigmi di interazione uomo macchina (I)
 
8. Valutare la usabilita'
8. Valutare la usabilita'8. Valutare la usabilita'
8. Valutare la usabilita'
 
12.Visione e progettazione grafica (I)
12.Visione e progettazione grafica (I)12.Visione e progettazione grafica (I)
12.Visione e progettazione grafica (I)
 

Andere mochten auch

14. Gestire la presenza web
14. Gestire la presenza web14. Gestire la presenza web
14. Gestire la presenza webRoberto Polillo
 
14. La forma breve e il microblogging
14. La forma breve e il microblogging14. La forma breve e il microblogging
14. La forma breve e il microbloggingRoberto Polillo
 
Un modello di qualità per i siti Web
Un modello di qualità per i siti WebUn modello di qualità per i siti Web
Un modello di qualità per i siti WebRoberto Polillo
 
6. Architettura informazione
6. Architettura informazione6. Architettura informazione
6. Architettura informazioneRoberto Polillo
 
2. Evoluzione del Web: dal Web 1.0 al Web 2.0
2. Evoluzione del Web: dal Web 1.0 al Web 2.02. Evoluzione del Web: dal Web 1.0 al Web 2.0
2. Evoluzione del Web: dal Web 1.0 al Web 2.0Roberto Polillo
 
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il WebElementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il WebAlberto Rota
 
Web 2.0 Internet è cambiato
Web 2.0 Internet è cambiatoWeb 2.0 Internet è cambiato
Web 2.0 Internet è cambiatoGiuliano Prati
 
iPolitik
iPolitikiPolitik
iPolitikDeppa
 
Raccolte fotografiche nell'era del Web 2.0
Raccolte fotografiche nell'era del Web 2.0Raccolte fotografiche nell'era del Web 2.0
Raccolte fotografiche nell'era del Web 2.0Giuseppe Benevento
 
Corso Web 2.0 (2009): 2. Dal Web 1.0 al Web 2.0
Corso Web 2.0 (2009): 2. Dal Web 1.0 al Web 2.0Corso Web 2.0 (2009): 2. Dal Web 1.0 al Web 2.0
Corso Web 2.0 (2009): 2. Dal Web 1.0 al Web 2.0Roberto Polillo
 
Lezione 4: Web feed e aggregatori
Lezione 4: Web feed e aggregatoriLezione 4: Web feed e aggregatori
Lezione 4: Web feed e aggregatoriRoberto Polillo
 
Lezione 10: Reti sociali
Lezione 10:  Reti socialiLezione 10:  Reti sociali
Lezione 10: Reti socialiRoberto Polillo
 
Pixels
PixelsPixels
PixelsMorn
 
Mobile I Phone
Mobile I PhoneMobile I Phone
Mobile I PhoneAngela ***
 

Andere mochten auch (20)

14. Gestire la presenza web
14. Gestire la presenza web14. Gestire la presenza web
14. Gestire la presenza web
 
14. La forma breve e il microblogging
14. La forma breve e il microblogging14. La forma breve e il microblogging
14. La forma breve e il microblogging
 
Siti web di qualità
Siti web di qualitàSiti web di qualità
Siti web di qualità
 
Un modello di qualità per i siti Web
Un modello di qualità per i siti WebUn modello di qualità per i siti Web
Un modello di qualità per i siti Web
 
6. Architettura informazione
6. Architettura informazione6. Architettura informazione
6. Architettura informazione
 
2. Evoluzione del Web: dal Web 1.0 al Web 2.0
2. Evoluzione del Web: dal Web 1.0 al Web 2.02. Evoluzione del Web: dal Web 1.0 al Web 2.0
2. Evoluzione del Web: dal Web 1.0 al Web 2.0
 
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il WebElementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
 
Web 2.0 Internet è cambiato
Web 2.0 Internet è cambiatoWeb 2.0 Internet è cambiato
Web 2.0 Internet è cambiato
 
iPolitik
iPolitikiPolitik
iPolitik
 
Raccolte fotografiche nell'era del Web 2.0
Raccolte fotografiche nell'era del Web 2.0Raccolte fotografiche nell'era del Web 2.0
Raccolte fotografiche nell'era del Web 2.0
 
Corso Web 2.0 (2009): 2. Dal Web 1.0 al Web 2.0
Corso Web 2.0 (2009): 2. Dal Web 1.0 al Web 2.0Corso Web 2.0 (2009): 2. Dal Web 1.0 al Web 2.0
Corso Web 2.0 (2009): 2. Dal Web 1.0 al Web 2.0
 
Dig Or Bury
Dig Or BuryDig Or Bury
Dig Or Bury
 
Service Backup Online
Service Backup OnlineService Backup Online
Service Backup Online
 
Lezione 4: Web feed e aggregatori
Lezione 4: Web feed e aggregatoriLezione 4: Web feed e aggregatori
Lezione 4: Web feed e aggregatori
 
Lezione 10: Reti sociali
Lezione 10:  Reti socialiLezione 10:  Reti sociali
Lezione 10: Reti sociali
 
Pixels
PixelsPixels
Pixels
 
Guerra Tra Browser
Guerra Tra BrowserGuerra Tra Browser
Guerra Tra Browser
 
Mobile I Phone
Mobile I PhoneMobile I Phone
Mobile I Phone
 
20. Cloud computing
20. Cloud computing20. Cloud computing
20. Cloud computing
 
Emotional Web design
Emotional Web designEmotional Web design
Emotional Web design
 

Ähnlich wie 10. Conoscere l'utente (Parte I)

9. Conoscere l'utente (I)
9. Conoscere l'utente (I)9. Conoscere l'utente (I)
9. Conoscere l'utente (I)Roberto Polillo
 
13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorio13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorioRoberto Polillo
 
5. Pprogettare per l'utente (i)
5. Pprogettare per l'utente (i)5. Pprogettare per l'utente (i)
5. Pprogettare per l'utente (i)Roberto Polillo
 
2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi2. Progettazione per prototipi successivi
2. Progettazione per prototipi successiviRoberto Polillo
 
3. Progettare per l utente
3. Progettare per l utente3. Progettare per l utente
3. Progettare per l utenteRoberto Polillo
 
6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)Roberto Polillo
 
11. Progettare per l errore
11. Progettare per l errore11. Progettare per l errore
11. Progettare per l erroreRoberto Polillo
 
17. Conclusione del corso
17. Conclusione del corso17. Conclusione del corso
17. Conclusione del corsoRoberto Polillo
 
8. Valutare la usabilita
8. Valutare la usabilita8. Valutare la usabilita
8. Valutare la usabilitaRoberto Polillo
 
Principi di Interaction Design
Principi di Interaction DesignPrincipi di Interaction Design
Principi di Interaction DesignSteve Maraspin
 
6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)Roberto Polillo
 
Retrospettiva BetterSoftware WebDeBS 20110708
Retrospettiva BetterSoftware WebDeBS  20110708Retrospettiva BetterSoftware WebDeBS  20110708
Retrospettiva BetterSoftware WebDeBS 20110708Carlo Beschi
 
16. Principi e linee guida (i)
16. Principi e linee guida (i)16. Principi e linee guida (i)
16. Principi e linee guida (i)Roberto Polillo
 

Ähnlich wie 10. Conoscere l'utente (Parte I) (20)

9. Conoscere l'utente (I)
9. Conoscere l'utente (I)9. Conoscere l'utente (I)
9. Conoscere l'utente (I)
 
Progettare per l'errore
Progettare per l'erroreProgettare per l'errore
Progettare per l'errore
 
13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorio13. Conoscere l'utente (III): Il sistema motorio
13. Conoscere l'utente (III): Il sistema motorio
 
5. Pprogettare per l'utente (i)
5. Pprogettare per l'utente (i)5. Pprogettare per l'utente (i)
5. Pprogettare per l'utente (i)
 
9. Conoscere l utente
9. Conoscere l utente9. Conoscere l utente
9. Conoscere l utente
 
2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi2. Progettazione per prototipi successivi
2. Progettazione per prototipi successivi
 
3. Il progetto di esame
3. Il progetto di esame3. Il progetto di esame
3. Il progetto di esame
 
3. Progettare per l utente
3. Progettare per l utente3. Progettare per l utente
3. Progettare per l utente
 
6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)
 
11. Progettare per l errore
11. Progettare per l errore11. Progettare per l errore
11. Progettare per l errore
 
2. Usabilità
2. Usabilità2. Usabilità
2. Usabilità
 
6. Requisiti
6. Requisiti6. Requisiti
6. Requisiti
 
3. Il progetto di esame
3. Il progetto di esame3. Il progetto di esame
3. Il progetto di esame
 
17. Conclusione del corso
17. Conclusione del corso17. Conclusione del corso
17. Conclusione del corso
 
8. Valutare la usabilita
8. Valutare la usabilita8. Valutare la usabilita
8. Valutare la usabilita
 
Principi di Interaction Design
Principi di Interaction DesignPrincipi di Interaction Design
Principi di Interaction Design
 
6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)6. Progettare per l'utente (ii)
6. Progettare per l'utente (ii)
 
Retrospettiva BetterSoftware WebDeBS 20110708
Retrospettiva BetterSoftware WebDeBS  20110708Retrospettiva BetterSoftware WebDeBS  20110708
Retrospettiva BetterSoftware WebDeBS 20110708
 
16. Principi e linee guida (i)
16. Principi e linee guida (i)16. Principi e linee guida (i)
16. Principi e linee guida (i)
 
1.Introduzione al corso
1.Introduzione al corso1.Introduzione al corso
1.Introduzione al corso
 

Mehr von Roberto Polillo

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroRoberto Polillo
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsRoberto Polillo
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniRoberto Polillo
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleRoberto Polillo
 
18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)Roberto Polillo
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e seggRoberto Polillo
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sitesRoberto Polillo
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatoriRoberto Polillo
 
15. La forma breve e il microblogging
15. La forma  breve e il microblogging15. La forma  breve e il microblogging
15. La forma breve e il microbloggingRoberto Polillo
 
13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorio13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorioRoberto Polillo
 
13. Internet business models
13. Internet business models13. Internet business models
13. Internet business modelsRoberto Polillo
 
Internet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introductionInternet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introductionRoberto Polillo
 
11. Evoluzione del Web (I)
11. Evoluzione del Web (I)11. Evoluzione del Web (I)
11. Evoluzione del Web (I)Roberto Polillo
 

Mehr von Roberto Polillo (20)

Future City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuroFuture City, Ipotesi sulla città del futuro
Future City, Ipotesi sulla città del futuro
 
Teaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerationsTeaching HCI to computing students: some considerations
Teaching HCI to computing students: some considerations
 
Conclusioni del corso
Conclusioni del corsoConclusioni del corso
Conclusioni del corso
 
ICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioniICT e sviluppo sociale: alcune riflessioni
ICT e sviluppo sociale: alcune riflessioni
 
Editoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitaleEditoria e industria dei media di fronte alla rivoluzione digitale
Editoria e industria dei media di fronte alla rivoluzione digitale
 
18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)18. Paradigmi di interazione uomo macchina (III)
18. Paradigmi di interazione uomo macchina (III)
 
Wikipedia
WikipediaWikipedia
Wikipedia
 
Open internet
Open internetOpen internet
Open internet
 
20. Social networks
20. Social networks20. Social networks
20. Social networks
 
19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg19. Le organnizzazioni sul web e segg
19. Le organnizzazioni sul web e segg
 
18. Content sharing sites
18. Content sharing sites18. Content sharing sites
18. Content sharing sites
 
17. Web feed e aggregatori
17. Web feed e aggregatori17. Web feed e aggregatori
17. Web feed e aggregatori
 
16. Social media
16. Social media16. Social media
16. Social media
 
15. La forma breve e il microblogging
15. La forma  breve e il microblogging15. La forma  breve e il microblogging
15. La forma breve e il microblogging
 
13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorio13. Conoscere l'utente: il sistema motorio
13. Conoscere l'utente: il sistema motorio
 
14. I blog
14. I blog14. I blog
14. I blog
 
13. Internet business models
13. Internet business models13. Internet business models
13. Internet business models
 
12. Mobile web
12. Mobile web12. Mobile web
12. Mobile web
 
Internet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introductionInternet and sustainable telemedicine: an introduction
Internet and sustainable telemedicine: an introduction
 
11. Evoluzione del Web (I)
11. Evoluzione del Web (I)11. Evoluzione del Web (I)
11. Evoluzione del Web (I)
 

10. Conoscere l'utente (Parte I)

  • 1. Corso di Interazione Uomo Macchina AA 2013-2014 Roberto Polillo Corso di laurea in Informatica Università di Milano Bicocca Dipartimento di Informatica, Sistemistica e Comunicazione Conoscere l'utente: attenzione e memoria 1 R.Polillo - Marzo 2014
  • 2. Queste slides… … si basano sul libro “Facile da usare”, dell’autore, dove si trovano tutte le necessarie spiegazioni. Vedi www.rpolillo.it Queste slide sono disponibili con licenza Creative Commons (attribuzione, non commerciale, condividi allo stesso modo) a chiunque desiderasse utilizzarle, per esempio a scopo didattico, senza necessità di preventiva autorizzazione: http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it La licenza non si estende alle immagini fotografiche e alle screen shots, i cui diritti restano in capo ai rispettivi proprietari, che sono stati indicati, ove possibile, nelle didascalie del libro. L’autore si scusa per eventuali omissioni, e resta a disposizione per correggerle. R.Polillo - Marzo 2014 2
  • 3. Scopo di questa lezione R.Polillo - Marzo 2014 3 Accennare alla molteplicità dei punti di vista dai quali possiamo esaminare le caratteristiche degli utenti
  • 4. PERSONA LIVELLO COGNITIVO RUOLO DIVERSITÀ DEGLI UTENTI Utente COMPORTAMENTI Livelli di descrizione dell’utente 4 R.Polillo - Marzo 2014
  • 5. Lo Human Information Processor R.Polillo - Marzo 2014 5 Card, Moran, Newell, The Psychology of Human-Computer Interaction 1983
  • 7. L’attenzione Quei processi cognitivi che ci permettono di selezionare, fra tutte le informazioni che arrivano ai nostri sensi, quelle che in qualche modo ci interessano R.Polillo - Marzo 2014 7
  • 9. Attenzione selettiva R.Polillo - Marzo 2014 9 Guidata da fattori esogeni
  • 10. Attenzione selettiva R.Polillo - Marzo 2014 10 Guidata da fattori endogeni Avete 3 secondi per contare i quadrati verdi nella slide che segue
  • 12. Quanti erano i cerchi rossi? R.Polillo - Marzo 2014 12
  • 13. Esempio: video Contare il numero dei passaggi di palla senza rimbalzo nel seguente video: http://it.youtube.com/watch?v=qRNWvZa9MrM&feature=related 13 R.Polillo - Marzo 2014
  • 14. Altri esempi  http://www.youtube.com/watch?v=IGQmdoK_Z fY&list=PLA3B7C8D388AD340E (passaggi di palla)  http://www.youtube.com/watch?v=FWSxSQss piQ&list=PLA3B7C8D388AD340E (richiesta di informazioni in strada) R.Polillo - Marzo 2014 14
  • 15. Che cosa ha fatto l’uomo con l’impermeabile? R.Polillo - Marzo 2014 15
  • 17. Implicazioni sul design Considerate i seguenti aspetti:  Dove e come dirigere l’attenzione dell’utente durante l’interazione  Come mantenere l’attenzione dell’utente sugli elementi desiderati  Come evitare interferenze, che “sottraggano” l’attenzione dell’utente dagli elementi rilevanti 17 R.Polillo - Marzo 2014
  • 18. Esempio: finestra attiva Ne viene evidenziata la cornice 18 R.Polillo - Marzo 2014
  • 19. Lo schermo su cui dirigere l’attenzione dell’utente durante la presentazione viene segnalato con uno spot luminoso (Spotlight, Khan et al., CHI 2005) 19 R.Polillo - Marzo 2014
  • 20. (MAC OS 8) 20 R.Polillo - Marzo 2014
  • 21. R.Polillo - Marzo 2014 21
  • 27. Un modello della memoria umana R.Polillo - Marzo 2014 27
  • 28. Memoria a breve termine (MBT)  Capacità limitata: 7±2 “unità” (“chunk”) (“Il magico numero 7, G.Miller, 1956)  Persistenza dell’informazione breve: 15-30 sec  La persistenza aumenta con la ripetizione (ma ciò richiede attenzione)  Usata per memorizzazione temporanea nei processi cognitivi  Nuovi input ricoprono i contenuti precedenti (“interferenza”)  Teorie recenti non la considerano un deposito passivo, ma un sistema di funzioni (“working memory”) 28 R.Polillo - Marzo 2014
  • 29. Esempi  BXMLTD  WBVAPRDSN  MFBGRTLHJFZOZLS  WILLIAMMCMILLAN  CANE GATTO DISCO LATTE CASA AUTO TOPO  GATTO OROLOGIO DISCO LATTE CASA AUTO TOPO ACQUA MIELE LIBRO CANE  LA PICCOLA VOLPE ROSSA SALTO’ SUL GROSSO CANE RANDAGIO E LO FECE RUZZOLARE SUL MARCIAPIEDE R.Polillo - Marzo 2014 29
  • 30. Esperimento di Peterson & Peterson (1959) Tempo (sec) fra presentazione e rievocazione %divoltecheunitempuòessere rievocato (fra presentazione e rievocazione, lavoro mentale: contare all’indietro, per 3, velocemente) R.Polillo - Marzo 2014 30
  • 31. MBT: implicazioni sul design Evitare di sovraccaricare la MBT dell’utente, richiedendogli di memorizzare solo elementi significativi o familiari, in numero limitato (“regola del 7±2”) Minimizzare comunque il ricorso alla MBT dell’utente, in presenza di altre attività cognitive (per evitare interferenza) L’ansietà riduce le prestazioni della MBT: evitare situazioni di stress per l’utente R.Polillo - Marzo 2014 31
  • 32. Per informazioni sulle nuove offerte, premi 1; per informazioni sulle tariffe e bla bla bla, premi 2; se sei interessato a conoscere i nuovi servizi e bla bla, premi 3; se desideri comunicare furto o smarrimento del tuo telefonino o bla bla bla per assitenza specialistica, premi 4; se desideri ricevere informazioni sul credito bla bla premi 5; se desideri parlare con un operatore premi 0 Sovraccarico della MBT R.Polillo - Marzo 2014 32
  • 33. Sovraccarico della MBT R.Polillo - Marzo 2014 33 Quando eseguo le azioni la finestra va dietro l’altra, e non vedo più l’help
  • 34. Esempio Da: Microsoft Word 97 Per ricordarsi che cosa fare dopo aver premuto OK, occorre una memoria eccezionale, oppure carta e penna R.Polillo - Marzo 2014 34
  • 35. Esempio: messaggi di errore sul web Quando questo msg scompare, devo ricordare tutte queste informazioni nella MBT! R.Polillo - Marzo 2014
  • 36. In questo caso non sovraccarico la MBT: i msg di errore restano visibili mentre correggo Esempio: messaggi di errore sul web R.Polillo - Marzo 2014
  • 37. Questa è una soluzione ancora migliore Esempio: messaggi di errore sul web R.Polillo - Marzo 2014
  • 40. MBT: chiusura Noi sentiamo una forte pulsione a chiudere il compito corrente e scaricare l’informazione dalla memoria, per renderla disponibile a nuove informazioni / elaborazioni Implicazioni sul design: - strutturare le attività dell’utente in compiti semplici e ben definiti - richiedere all’utente di svolgere i compiti in modo sequenziale, e non parallelo (terminare un compito prima di farne iniziare un altro) 1 2 3 qui la MBT viene scaricata R.Polillo - Marzo 2014 40
  • 41. Chiusura: esercizio BANCOMAT: Quale delle due interfacce è la migliore e perchè? Chiedere il codice Chiedere l’importo Emettere le banconote Restituire la tessera Restituisce la tessera Emettere le banconote Soluzione 1 Soluzione 2 R.Polillo - Marzo 2014 41
  • 42. Interferenza Interferenze possono creare interruzioni nei processi cognitivi, generando rallentamenti e stress Esempi:  Segnali acustici (telefono, SMS, mail,…)  Segnali visivi lampeggianti (segnali luminosi, banner, …)  … R.Polillo - Marzo 2014 42
  • 43. Esempio: il cellulare in auto Studi recenti suggeriscono che:  L’uso del cellulare durante la guida quadruplica il rischio di collisione (come guidare da ubriachi)  La causa principale del maggior rischio è l’impegno mentale della conversazione (e non la gestione manuale del telefono: in altre parole, il viva-voce non riduce il rischio)  Durante la conversazione al cellulare il tempo di reazione agli stimoli visivi (es. l’auto davanti che frena, il semaforo) presentati al guidatore viene considerevolmente aumentato (raddoppia?) Cfr.ad es. Schneider et al., CHI 2005 R.Polillo - Marzo 2014 43
  • 44. Esempio: effetto Stroop Pronunciare ad alta voce il colore delle seguenti scritte: Casa Treno Bambino Rosso Interferenza con il processo di lettura, diventato “automatico” (J.R.Stroop, 1935) R.Polillo - Marzo 2014 44
  • 45. La memoria a lungo termine (MLT)  Ha capacità molto ampia (non se ne conoscono i limiti)  Tempo d’accesso lungo (circa 0,1 sec)  Persistenza di lunghissima durata: decadimento o interferenza?  Funzioni (o sottosistemi) diversi 45 R.Polillo - Marzo 2014
  • 46. Rievocazione e riconoscimento  Rievocazione: prelevare un’informazione dalla memoria  Riconoscimento: confrontare un’informazione data con il contenuto della memoria  La capacità di rievocazione e di riconoscimento aumenta col tempo totale di presentazione (presentazione singola o multiple) R.Polillo - Marzo 2014 46
  • 47. Rievocazione e riconoscimento E’ più “facile” riconoscere che rievocare Rievocazione e riconoscimento (recall) dopo presentazione di sillabe senza senso (Luh, 1922) 47 R.Polillo - Marzo 2014
  • 48. Video  Precious Images (1986), un assemblaggio lungo 6,5 minuti di scene classiche da 469 film famosi  Durata media di ogni video: meno di 1 secondo  I brevi spezzoni fanno ricordare le scene originali, e richiamano il loro impatto emotivo  http://www.zappinternet.com/video/DoCcPiyFob/ Precious-Images  Lista dei film citati: http://www.imdb.com/title/tt0091787/trivia?tab= mc 48 R.Polillo - Marzo 2014
  • 49. Per facilitare la rievocazione Creare associazioni Esempio: MA CON GRAN PENA LE RECA GIÙ MArittime, COzie, GRAie, PENnine, LEpontine, REtiche, CArniche, GIUlie. R.Polillo - Marzo 2014 49
  • 50. MLT: implicazioni sul design Preferire il ricorso al riconoscimento piuttosto che alla rievocazione Presentare l’informazione ripetutamente Costruire associazioni forti, ripetute e distinte, che non interferiscano fra di loro Utilizzare associazioni visive R.Polillo - Marzo 2014 50
  • 51. Ricordate le euristiche di Nielsen? 1. Visibilità dello stato del sistema 2. Corrispondenza fra il mondo reale e il sistema 3. Libertà e controllo da parte degli utenti 4. Consistenza e standard 5. Prevenzione degli errori 6. Riconoscere piuttosto che rievocare 7. Flessibilità ed efficienza d’uso 8. Design minimalista ed estetico 9. Aiutare gli utenti a riconoscere gli errori, diagnosticarli e correggerli 10. Guida e documentazione R.Polillo - Marzo 2014 51
  • 53. Esempio: Office 2003 vs Office 2010 R.Polillo - Marzo 2014 53 PowerPoint 2003 Power Point 2010
  • 54. Esempio (“imagines agentes”) Che cosa vi ricorda? R.Polillo - Marzo 2014 54
  • 55. Riassumendo… L’accesso alle informazioni nella memoria a lungo termine è facilitato da: - frequenza dell’accesso - tempo breve dall’ultimo accesso - numero e tipo di legami associativi - poche interferenze da altre informazioni attivate dalle stesse associazioni R.Polillo - Marzo 2014 55