Your SlideShare is downloading. ×
0
Corso di Interazione Uomo Macchina
AA 2013-2014
Roberto Polillo
Corso di laurea in Informatica
Università di Milano Bicocc...
La visione
3
cono
bastoncello
Luce
R.Polillo - Marzo 2014
Acuità visiva
Capacità dell’occhio di distinguere due punti
vicini
E’ misurata dall’angolo minimo sotto cui devono essere ...
Misura dell’acuità visiva
Si misura in valori reciproci dell’angolo visivo minimo alla quale
due punti non appaiono più se...
400 450 500 550 600 650
Lunghezza d’onda
Rispostarelativadeiconi
100%
80%
60%
40%
20%
Coni
R
Coni
G
Coni
B
azzurro arancio...
Daltonismo
 Se alcuni tipi di coni mancano, alcuni colori non
vengono distinti
 Vari tipi di daltonismo, a seconda dei t...
Esempio: insensibilità al rosso
R.Polillo - Marzo 2014
8
Il test di Ishihara
Visione normale: 5; Daltonismo per rosso/verde: 2R.Polillo - Marzo 2014
9
Esempio
Un daltonico non può comprendere questa immagine
R.Polillo - Marzo 2014
10
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
Esempio: SmartMoney.com
R.Polillo - Marzo 2014
Esempi
 http://www.bbc.com/sport/football/tables
 http://wearecolorblind.com/example/google-
analytics/
 http://weareco...
Movimenti oculari
Saccadi
Movimenti oculari molto veloci (possono superare i 400°/sec) e molto
brevi (20~50 msec, durante ...
Movimenti oculari: esempio
Fissazione
(60-700 msec)
Saccade
(20-50 msec)
fissazione
16
R.Polillo - Marzo 2014
Eye tracking
17
R.Polillo - Marzo 2014
Scanpath
R.Polillo - Marzo 2014
18
Eye tracking: video
Nella lettura di pagine web:
 http://www.youtube.com/watch?v=xKdOMgu0C5
Q
 http://it.youtube.com/wat...
R.Polillo - Marzo 2014
Heat-map di tre pagine web (da J.Nielsen)
Heat map
21
R.Polillo - Marzo 2014
Percorsi visivi
R.Polillo - Marzo 2014
22
1
2 3
4 5
6 7
Yarbus, 1967
R.Polillo - Marzo 2014
23
R.Polillo - Marzo 2014
Percorsi visivi: siete d’accordo con questo layout?
25
R.Polillo - Marzo 2014
26
PowerPoint 2008 e 2011, Mac
R.Polillo - Marzo 2014
27
PowerPoint
2010, Windows
Visione e pensiero
 I dati ricevuti dall’apparato visivo vengono elaborati
dal nostro cervello in modo molto complesso
 ...
Bande di Mach
Anche se ogni banda è
uniforme, vediamo la zona
di sinistra più scura,
perché vicina a una banda
più chiara…...
Bande di Mach
R.Polillo - Marzo 2014
31
I riquadri chiari in ombra hanno lo
stesso tono di grigio dei riquadri scuri
alla luce
R.Polillo - Marzo 2014
I riquadri chiari in ombra hanno lo
stesso tono di grigio dei riquadri scuri
alla luce
R.Polillo - Marzo 2014
Esempio: percezione della dimensione e
della distanza
Due oggetti della stessa dimensione a distanze diverse hanno
angoli ...
Gustave Caillebotte R.Polillo - Marzo 2014
Esempio: percezione della dimensione e
della distanza (segue)
Due oggetti di dimensioni diverse a distanze diverse possono...
R.Polillo - Marzo 2014
Ma il contesto può anche ingannarci…
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
Le linee rosse orizzontali sono parrallele o
no?
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
Il contesto visivo, le nostre attese e la nostra
esperienza passata ci permettono di “vedere” le
immagini dubbie in un det...
Degli studi hanno mostrato
che i bambini non
riconoscono questa
immagine, perchè la loro
memoria non conosce
ancora questa...
Un altro esempio
Auto oasa
Qui
vediamo
una “o”
Qui
vediamo
una “c”
R.Polillo - Marzo 2014
44
La camera di Ames (1946)
R.Polillo - Marzo 2014
Viewing point
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
In assenza di contesto, alcune figure possono
essere ambigue
R.Polillo - Marzo 2014
48
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
R.Polillo - Marzo 2014
Cosa vedi? Una spirale o dei cerchi?
R.Polillo - Marzo 2014
Fissa il puntino e muovi la testa avanti e indietro .R.Polillo - Marzo 2014
Concentrati sulla croce al centro.
I cerchi rosa diventano verdi… e poi scompaiono..
R.Polillo - Marzo 2014
Upcoming SlideShare
Loading in...5
×

11. Conoscere l'utente (ii): la visione

647

Published on

Slides dalle lezioni del corso di Interazione Uomo Macchina per il corso di laurea in Informatica - Università di Milano Bicocca (prof.R.Polillo) - Lezione del 2 aprile 2014

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
647
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
35
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "11. Conoscere l'utente (ii): la visione"

  1. 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: visione1 R.Polillo - Marzo 2014
  2. 2. La visione 3 cono bastoncello Luce R.Polillo - Marzo 2014
  3. 3. Acuità visiva Capacità dell’occhio di distinguere due punti vicini E’ misurata dall’angolo minimo sotto cui devono essere visti perché l’occhio li percepisca separatamente Se tale angolo vale 1’, le loro immagini si trovano sulla retina a una distanza di 5 µm e stimolano due elementi non contigui della stessa, condizione indispensabile perché siano visti distinti da un occhio normale. NB: 1 (grado) = 60’ (minuti) = 3600’’ (secondi) R.Polillo - Marzo 2014 4
  4. 4. Misura dell’acuità visiva Si misura in valori reciproci dell’angolo visivo minimo alla quale due punti non appaiono più separati Esempio: Se tale l’angolo è di 2’ l’acuità visiva è pari a 1/2, ossia a 5/10 (non è la metà del normale, poiché l’acuità visiva normale è 11/10). L’acuità visiva dipende dall’età del soggetto (tende a diminuire dopo i 70 anni), dallo stimolo, dalle caratteristiche dell’occhio, dall’integrità dei coni, ecc. L’acuità visiva è massima in corrispondenza della fovea centrale, e diminuisce verso la periferia. R.Polillo - Marzo 2014 5
  5. 5. 400 450 500 550 600 650 Lunghezza d’onda Rispostarelativadeiconi 100% 80% 60% 40% 20% Coni R Coni G Coni B azzurro arancione Spettro visibile380 680 nm= 10-9 m La visione del colore R.Polillo - Marzo 2014 6
  6. 6. 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) R.Polillo - Marzo 2014 7
  7. 7. Esempio: insensibilità al rosso R.Polillo - Marzo 2014 8
  8. 8. Il test di Ishihara Visione normale: 5; Daltonismo per rosso/verde: 2R.Polillo - Marzo 2014 9
  9. 9. Esempio Un daltonico non può comprendere questa immagine R.Polillo - Marzo 2014 10
  10. 10. R.Polillo - Marzo 2014
  11. 11. R.Polillo - Marzo 2014
  12. 12. Esempio: SmartMoney.com R.Polillo - Marzo 2014
  13. 13. Esempi  http://www.bbc.com/sport/football/tables  http://wearecolorblind.com/example/google- analytics/  http://wearecolorblind.com/example/wordfeud/ R.Polillo - Marzo 2014
  14. 14. Movimenti oculari Saccadi Movimenti oculari molto veloci (possono superare i 400°/sec) e molto brevi (20~50 msec, durante i quali la visione è soppressa), che hanno il compito di spostare l’asse visivo durante l’esplorazione di una scena (fino a 4/5 volte al sec). Fissazione Pausa tra due saccadi successive; rappresenta l’intervallo di tempo durante il quale viene acquisita l’informazione visiva (~60-700 msec) Scanpath Tracciato bidimensionale che gli occhi compiono durante l’esplorazione di una scena, composta da una successione di saccadi e di fissazioni (durata tipica saccade+fissazione: 230 msec) R.Polillo - Marzo 2014 15
  15. 15. Movimenti oculari: esempio Fissazione (60-700 msec) Saccade (20-50 msec) fissazione 16 R.Polillo - Marzo 2014
  16. 16. Eye tracking 17 R.Polillo - Marzo 2014
  17. 17. Scanpath R.Polillo - Marzo 2014 18
  18. 18. Eye tracking: video Nella lettura di pagine web:  http://www.youtube.com/watch?v=xKdOMgu0C5 Q  http://it.youtube.com/watch?v=OiYZyPqrqsA  http://www.youtube.com/watch?v=ilq9qeyVjT0 Lettura di una rivista:  http://www.youtube.com/watch?v=S_u2hhc6O ng 19 R.Polillo - Marzo 2014
  19. 19. R.Polillo - Marzo 2014
  20. 20. Heat-map di tre pagine web (da J.Nielsen) Heat map 21 R.Polillo - Marzo 2014
  21. 21. Percorsi visivi R.Polillo - Marzo 2014 22
  22. 22. 1 2 3 4 5 6 7 Yarbus, 1967 R.Polillo - Marzo 2014 23
  23. 23. R.Polillo - Marzo 2014 Percorsi visivi: siete d’accordo con questo layout? 25
  24. 24. R.Polillo - Marzo 2014 26 PowerPoint 2008 e 2011, Mac
  25. 25. R.Polillo - Marzo 2014 27 PowerPoint 2010, Windows
  26. 26. Visione e pensiero  I dati ricevuti dall’apparato visivo vengono elaborati dal nostro cervello in modo molto complesso  Noi “vediamo” la profondità del campo visivo, la dimensione relativa degli oggetti, riconosciamo uno stesso oggetto anche quando è parzialmente nascosto, vediamo in modo diverso a seconda del contesto…  … a volte i meccanismi di elaborazione vengono “ingannati” dall’immagine che percepiamo (“illusioni ottiche”)  In sintesi: noi non vediamo “quello che c’è”, ma ciò che il nostro cervello ci fa vedere R.Polillo - Marzo 2014 28
  27. 27. Bande di Mach Anche se ogni banda è uniforme, vediamo la zona di sinistra più scura, perché vicina a una banda più chiara… … e la zona di destra più chiara, perché vicina a una banda più scura R.Polillo - Marzo 2014 30
  28. 28. Bande di Mach R.Polillo - Marzo 2014 31
  29. 29. I riquadri chiari in ombra hanno lo stesso tono di grigio dei riquadri scuri alla luce R.Polillo - Marzo 2014
  30. 30. I riquadri chiari in ombra hanno lo stesso tono di grigio dei riquadri scuri alla luce R.Polillo - Marzo 2014
  31. 31. Esempio: percezione della dimensione e della distanza Due oggetti della stessa dimensione a distanze diverse hanno angoli visuali diversi: le immagini sulla retina hanno dimensioni diverse… …tuttavia riconosciamo che hanno la stessa dimensione (“legge della costanza della dimensione”) ’ R.Polillo - Marzo 2014 34
  32. 32. Gustave Caillebotte R.Polillo - Marzo 2014
  33. 33. Esempio: percezione della dimensione e della distanza (segue) Due oggetti di dimensioni diverse a distanze diverse possono avere lo stesso angolo visuale… … eppure riconosciamo che hanno dimensioni diverse R.Polillo - Marzo 2014 36
  34. 34. R.Polillo - Marzo 2014
  35. 35. Ma il contesto può anche ingannarci… R.Polillo - Marzo 2014
  36. 36. R.Polillo - Marzo 2014
  37. 37. Le linee rosse orizzontali sono parrallele o no? R.Polillo - Marzo 2014
  38. 38. R.Polillo - Marzo 2014
  39. 39. Il contesto visivo, le nostre attese e la nostra esperienza passata ci permettono di “vedere” le immagini dubbie in un determinato modo: Qui vediamo un segmento “dietro” una figura verticale Qui vediamo un cubo “dietro” una superficie bucataR.Polillo - Marzo 2014
  40. 40. Degli studi hanno mostrato che i bambini non riconoscono questa immagine, perchè la loro memoria non conosce ancora questa situazione. Ciò che vedono i bambini sono 9 delfini.R.Polillo - Marzo 2014
  41. 41. Un altro esempio Auto oasa Qui vediamo una “o” Qui vediamo una “c” R.Polillo - Marzo 2014 44
  42. 42. La camera di Ames (1946) R.Polillo - Marzo 2014
  43. 43. Viewing point R.Polillo - Marzo 2014
  44. 44. R.Polillo - Marzo 2014
  45. 45. In assenza di contesto, alcune figure possono essere ambigue R.Polillo - Marzo 2014 48
  46. 46. R.Polillo - Marzo 2014
  47. 47. R.Polillo - Marzo 2014
  48. 48. R.Polillo - Marzo 2014
  49. 49. R.Polillo - Marzo 2014
  50. 50. Cosa vedi? Una spirale o dei cerchi? R.Polillo - Marzo 2014
  51. 51. Fissa il puntino e muovi la testa avanti e indietro .R.Polillo - Marzo 2014
  52. 52. Concentrati sulla croce al centro. I cerchi rosa diventano verdi… e poi scompaiono.. R.Polillo - Marzo 2014
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×