Download - 9. Conoscere l utente
![Page 1: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/1.jpg)
Corso di Interazione Uomo MacchinaAA 2010-2011
Roberto Polillo
Corso di laurea in InformaticaUniversità di Milano BicoccaDipartimento di Informatica, Sistemistica e Comunicazione
CONOSCERE L’UTENTE1
Edizione 2
010-11
R.Polillo - Ottobre 2010
![Page 2: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/2.jpg)
PERSONA
LIVELLO COGNITIVO
RUOLO
DIVERSITÀ DEGLI UTENTI
Utente
COMPORTAMENTI
Livelli di descrizione dell’utente
3
R.Polillo - Ottobre 2010
![Page 3: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/3.jpg)
Lo Human Information Processor
R.Polillo - Ottobre 2010
4
Card, Moran, Newell,
The Psychology of Human-Computer Interaction
1983
![Page 4: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/4.jpg)
Una visione semplificata
R.Polillo - Ottobre 2010
5
![Page 5: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/5.jpg)
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 - Ottobre 2010
6
![Page 6: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/6.jpg)
7
R.Polillo - Ottobre 2010
![Page 7: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/7.jpg)
Attenzione selettiva
R.Polillo - Ottobre 2010
8
Guidata da fattori esogeni
![Page 8: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/8.jpg)
Attenzione selettiva
R.Polillo - Ottobre 2010
9
Guidata da fattori endogeni
Avete 3 secondi per contare i quadrati verdi nella slide che segue
![Page 9: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/9.jpg)
R.Polillo - Ottobre 2010
![Page 10: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/10.jpg)
Quanti erano i cerchi rossi?
R.Polillo - Ottobre 2010
11
![Page 11: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/11.jpg)
Esempio: video
Contare il numero dei passaggi di palla senza rimbalzo nel seguente video:
http://it.youtube.com/watch?v=qRNWvZa9MrM&feature=related
12
R.Polillo - Ottobre 2010
![Page 12: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/12.jpg)
Che cosa ha fatto l’uomo con l’impermeabile?
R.Polillo - Ottobre 2010
13
![Page 13: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/13.jpg)
Attenzione divisa14
R.Polillo - Ottobre 2010
![Page 14: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/14.jpg)
Implicazioni sul design
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
15
R.Polillo - Ottobre 2010
![Page 15: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/15.jpg)
16R.Polillo - Ottobre 2010
![Page 16: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/16.jpg)
(MAC OS 8)
17
R.Polillo - Ottobre 2010
![Page 17: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/17.jpg)
Lo schermo su cui dirigere l’attenzione dell’utente durante la presentazione viene segnalato con uno spot luminoso
(Spotlight, Khan et al., CHI 2005)
18
R.Polillo - Ottobre 2010
![Page 18: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/18.jpg)
Esempio: finestra attiva
Ne viene evidenziata la
cornice
19
R.Polillo - Ottobre 2010
![Page 19: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/19.jpg)
Guida all’attenzione
R.Polillo - Ottobre 2010
20
![Page 20: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/20.jpg)
La memoria umana
R.Polillo - Ottobre 2010
21
![Page 21: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/21.jpg)
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”)
22
R.Polillo - Ottobre 2010
![Page 22: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/22.jpg)
Esempi
R.Polillo - Ottobre 2010
23
![Page 23: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/23.jpg)
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 - Ottobre 2010
24
![Page 24: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/24.jpg)
Sovraccarico della MBT
R.Polillo - Ottobre 2010
25
![Page 25: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/25.jpg)
Rievocazione e riconoscimento
E’ più “facile” riconoscere che rievocare
Rievocazione e riconoscimento (recall) dopo presentazione di sillabe senza senso (Luh, 1922)
27
R.Polillo - Ottobre 2010
![Page 26: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/26.jpg)
Esempio: Adventure games
RievocazioneRiconoscimento
29
R.Polillo - Ottobre 2010
![Page 27: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/27.jpg)
Per facilitare la rievocazione
Creare associazioni
Esempio:
MA CON GRAN PENA LE RECA GIÙ
MArittime, COzie, GRAie, PENnine, LEpontine, REtiche, CArniche,
GIUlie.R.Polillo - Ottobre 2010
30
![Page 28: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/28.jpg)
R.Polillo - Ottobre 2010
31
![Page 29: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/29.jpg)
La visione 32
cono
bastoncello
Luce
R.Polillo - Ottobre 2010
![Page 30: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/30.jpg)
400 450 500 550 600 650Lunghezza d’onda
Ris
po
sta
rel
ativ
a d
ei c
oni
100%
80%
60%
40%
20%
Coni R
Coni G
Coni B
azzurro arancione
Spettro visibile380680 nm= 10-9 m
La visione del colore
R.Polillo - Ottobre 2010
33
![Page 31: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/31.jpg)
Daltonismo
Se alcuni tipi di coni mancano, alcuni colori non vengono distinti
Vari tipi di daltonismo, a seconda dei tipi di coni mancanti
Quello più comune: incapacità a distinguere i colori compresi fra 540 e 700 nm (dal verde al rosso)(8% degli uomini e 0,4% delle donne)
![Page 32: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/32.jpg)
Esempio: insensibilità al rosso
![Page 33: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/33.jpg)
Il test di Ishihara
Visione normale: 5; Daltonismo per rosso/verde: 2
![Page 34: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/34.jpg)
Esempio
Un daltonico non può comprendere questa immagine
![Page 35: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/35.jpg)
Esempio: SmartMoney.com
![Page 36: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/36.jpg)
Movimenti oculari: esempio
Fissazione(60-700 msec)
Saccade (20-50 msec)
fissazione
39
R.Polillo - Ottobre 2010
![Page 37: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/37.jpg)
Eye tracking40
R.Polillo - Ottobre 2010
![Page 38: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/38.jpg)
Scanpath
R.Polillo - Ottobre 2010
41
![Page 39: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/39.jpg)
Eye tracking: video
Nella lettura di pagine web: http://it.youtube.com/watch?v=OiYZyPqrq
sA
42
R.Polillo - Ottobre 2010
![Page 40: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/40.jpg)
D
S
Bersaglio
La legge di Fitts
R.Polillo - Ottobre 2010
43
T = a + b log2 (D/S + 1)
![Page 41: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/41.jpg)
OK
T0OK
T0 - ΔT
OKT0 - ΔT
Legge di Fitts: esempio
R.Polillo - Ottobre 2010
44
![Page 42: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/42.jpg)
45
R.Polillo - Ottobre 2010
Qui tutta l’area grigia è cliccabile
Qui è cliccabile solo il testo
![Page 43: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/43.jpg)
46
R.Polillo - Ottobre 2010
![Page 44: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/44.jpg)
47
R.Polillo - Ottobre 2010
Menu a torta
![Page 45: 9. Conoscere l utente](https://reader036.vdocuments.net/reader036/viewer/2022062701/5539d5304a79595b7a8b4a3b/html5/thumbnails/45.jpg)
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.
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.
48
R.Polillo - Ottobre 2010