designing for humans lecture
DESCRIPTION
Lecture notes on HCI design & visual perception prepared for IAT 201 course @SIAT, SFU Spring 2012 semesterTRANSCRIPT
![Page 1: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/1.jpg)
Diliara Nasirova | IAT 201 | March 07, 2012
Designing for Humans Human Computer Interaction + Cognition IAT 201 week 8 Lecture Diliara Nasirova
![Page 2: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/2.jpg)
2
Designing for Humans Lecture Outline
1. Color perception and implications
2. Perceptual Organization (Gestalt) and implications
3. Visual Attention (Pop-out) and implications
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 3: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/3.jpg)
3
How do we see? How do our eyes move; focus?
Diliara Nasirova | IAT 201 | March 07, 2012
• Eyes
![Page 4: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/4.jpg)
4
How do we see? How do our eyes move; focus?
Diliara Nasirova | IAT 201 | March 07, 2012
• Brain
![Page 5: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/5.jpg)
5
Color Perception Light Components
• Sir Isaac Newton, 1666 • Light is made up of
separated components that individually produce different color experience.
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 6: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/6.jpg)
6
Color Perception Electromagnetic Spectrum
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 7: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/7.jpg)
7
Color Perception Color Space
• All colors experiences can be described in terms of three dimensions: ■ Hue ■ Saturation (chroma) ■ Lightness (value)
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 8: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/8.jpg)
8
Theories of Color Vision Trichromatic Theory
• Trichromacy: Three color receptors (cones) in retinas that are active at normal light levels
• Young-Helmholtz Trichromatic Theory
Cones in fovea
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 9: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/9.jpg)
9
The Physical Description of Light Spectral Diagram
• The plot shows how light of different wavelengths is absorbed by different receptors (cones).
• Receptors sensitive to ■ Short ■ Medium ■ Long
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 10: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/10.jpg)
10
The Physical Description of Light Spectral Diagram: implications for design
Blue text on a dark background is to be avoided. We have very few short-wavelength sensitive cones in the retina and they are not very sensitive.
Diliara Nasirova | IAT 201 | March 07, 2012
Yellow text on a white background is to be avoided. A pure yellow hue excites both middle- and long wavelength cones, making yellow the lightest of all pure hues.
![Page 11: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/11.jpg)
11
The Physical Description of Light Spectral Diagram: implications for design
Blue text on a dark background is to be avoided. We have very few short-wavelength sensitive cones in the retina and they are not very sensitive.
Diliara Nasirova | IAT 201 | March 07, 2012
Yellow text on a white background is to be avoided. A pure yellow hue excites both middle- and long wavelength cones, making yellow the lightest of all pure hues.
![Page 12: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/12.jpg)
12 Bernhard Riecke
![Page 13: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/13.jpg)
13
Theories of Color Vision Opponent Process Theory
• Ewald Hering Opponent Process Theory
• Six elementary colors arranged as opponent pairs along three axes: ■ black-white, ■ red-green, ■ yellow-blue.
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 14: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/14.jpg)
14
Theories of Color Vision Opponent Process Theory: Color Channels
• Input from the cones is processed into 3 distinct channels
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 15: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/15.jpg)
15
Theories of Color Vision Opponent Process Theory: implications for design
• Chromatic channels carry ~1/3 the amount of detail carried by the black–white channel.
• Purely chromatic differences only are not suitable for displaying any kind of fine detail.
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 16: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/16.jpg)
16
Theories of Color Vision Opponent Process Theory: implications for design
• Shape from shading: Form perception processed mainly through the luminance channel
Floor, Duomo di Siena
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 17: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/17.jpg)
17
Theories of Color Vision Opponent Process Theory: implications for design
Bernhard Riecke
![Page 18: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/18.jpg)
18
Caveats to consider Color Contrast
Diliara Nasirova | PSYC 579 | Jan 26, 2011
• Colors are perceived relative to their overall context
![Page 19: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/19.jpg)
19
Caveats to consider Color Blindness
• ~10% of the male and ~1% of the female population have some form of color vision deficiency. Checkout: www.vischeck.com
Original
Deuteranope (r/g)
Protanope (r/g)
Tritanope (y/b)
![Page 20: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/20.jpg)
20
Caveats to consider Color Blindness
Diliara Nasirova | PSYC 579 | Jan 26, 2011
![Page 21: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/21.jpg)
21
Caveats to consider Color Blindness
Diliara Nasirova | PSYC 579 | Jan 26, 2011
Normal vision: no number Color blind vision: “45”
![Page 22: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/22.jpg)
22
Caveats to consider Color Afterimage
Diliara Nasirova | PSYC 579 | Jan 26, 2011
![Page 23: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/23.jpg)
23
Caveats to consider Color Afterimage
Diliara Nasirova | PSYC 579 | Jan 26, 2011
.
![Page 24: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/24.jpg)
24
Caveats to consider Color Afterimage
• Commercial with color afterimage (makes viewers temporarily see the letters "BMW" when they close their eyes): http://www.huffingtonpost.com/2010/12/16/bmw-ad-vide-burns-logo-into-eyes-_n_797981.html
Diliara Nasirova | PSYC 579 | Jan 26, 2011
![Page 25: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/25.jpg)
25
Application to Visual Design Color for Labeling
• Color can be extremely effective as a
nominal code (labeling)
• 12 colors recommended for use in coding
• Tool to help select good color schemes http://colorbrewer2.org/
• Conventions should be considered as well
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 26: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/26.jpg)
26
Color Perception Conclusion
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 27: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/27.jpg)
27
Perceptual organization How do organize / make sense of the World?
• We are “wired” to see patterns (“binding” / grouping mechanism) • Gestalt principles describe the way we see patterns in visual displays
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 28: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/28.jpg)
28
Gestalt principles (short list for the reference)
Bernhard Riecke
Gestalt Principles of Perceptual Grouping Proximity – If figures are near each other we tend to group them together Similarity – If figures are similar to each other we tend to group them
together Closure– When a familiar figure is interrupted we imagine the rest of the
figure (we finish the picture) Good continuation– We tend to perceive smooth, continuous patterns rather
than discontinuous ones Common Region– Elements located within some boundary tend to be
grouped together Common Fate – Sets of objects that are moving in the same direction and at
the same speed are perceived together (example: marching bands) Connectedness– When they are uniformed and linked, we perceive spots
and lines, etc. as a single unit Simplicity– People tend to group features of a stimulus in a way that
provides the simplest interpretation of the world
![Page 29: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/29.jpg)
Diliara Nasirova | IAT 201 | March 07, 2012
What Gestalt principles can you observe here?
![Page 30: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/30.jpg)
30
Perceptual organization Applications for Design • Intellectually related elements
should also be visually related through different Gestalt principles:
■ Proximity - grouping of items reduces the number of items to be searched
■ Similarity is useful for designing different patterns of elements for users to attend to
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 31: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/31.jpg)
31
Perceptual organization Applications for Design • Principle of visual interfaces
design aligned with Gestalt:
■ Contrast - brings out dominant elements and creates dynamism
■ Repetition - creates consistency and unity
■ Alignment - creates a visual flow and visually connects elements
■ Proximity - groups related elements and separates unrelated ones
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 32: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/32.jpg)
32
Visual Attention What do we have/keep in our mind?
• Dan Simons: The Monkey Business Illusion (1:42 min) ■ http://www.youtube.com/watch?v=IGQmdoK_ZfY
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 33: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/33.jpg)
33
Visual Attention Caveats to Consider • Inattentional Blindness:
• The failure to notice the presence of unattended stimuli, even when they are presented within an observer’s field of view
• Change Blindness: • The failure to see changes if they
are made during a visual disturbance
Simons and Chabris (1999) “Gorillas in Our Midst: Sustained Inattentional Blindness for Dynamic Events”
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 34: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/34.jpg)
34
Visual Attention Caveats to Consider
• Inattentional Blindness: • The failure to notice the presence
of unattended stimuli, even when they are presented within an observer’s field of view
• Change Blindness: • The failure to see changes if they
are made during a visual disturbance
Rensink RA (2002). Internal vs. external information in visual perception.
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 35: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/35.jpg)
35
Visual Attention Change Blindness demo
http://www.cs.ubc.ca/~rensink/flicker/download/Harborside.mov
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 36: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/36.jpg)
36
Visual Attention Change Blindness demo
http://www.cs.ubc.ca/~rensink/flicker/download/Harborside.mov
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 37: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/37.jpg)
37
Visual Attention Change Blindness demo
http://www.cs.ubc.ca/~rensink/flicker/download/Harborside.mov
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 38: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/38.jpg)
38
Visual Attention Change Blindness demo
http://www.cs.ubc.ca/~rensink/flicker/download/Harborside.mov
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 39: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/39.jpg)
39
Taking control of attention Application for Design
• Design of displays robust to change blindness:
■ Minimizing saccades (proximity; important information close together)
■ Minimizing number of dynamic events in the background & foreground
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 40: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/40.jpg)
40
Taking control of attention Application for Design
• Design can take control of attention and make the observer see (or not see) any given part of the display.
• Can be carried out in different ways: ■ High-level interest
Diliara Nasirova | IAT 201 | March 07, 2012
Derren Brown - "Paying with Paper” http://www.youtube.com/watch?v=3Vz_YTNLn6w
![Page 41: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/41.jpg)
41
Taking control of attention Application for Design
• Design can take control of attention and make the observer see (or not see) any given part of the display.
• Can be carried out in different ways: ■ High-level interest ■ Mid-level directives
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 42: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/42.jpg)
42
Taking control of attention Application for Design
• Design can take control of attention and make the observer see (or not see) any given part of the display.
• Can be carried out in different ways: ■ High-level interest ■ Mid-level directives ■ Low-level salience (pop-out)
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 43: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/43.jpg)
43
Pre-attentive (tunable / biased) processing Pop-out effect, example
• Count the number ‘3’ in the following stream of numbers:
1281768756138976546984506985604982826762 9809858458224509856458945098450980943585 9091030209905959595772564675050678904567 8845789809821677654876364908560912949686
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 44: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/44.jpg)
44
Pre-attentive (tunable / biased) processing Pop-out effect, example
• Count the number ‘3’ in the following stream of numbers:
1281768756138976546984506985604982826762 9809858458224509856458945098450980943585 9091030209905959595772564675050678904567 8845789809821677654876364908560912949686
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 45: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/45.jpg)
45
• Count the number ‘3’ in the following stream of numbers:
1281768756138976546984506985604982826762 9809858458224509856458945098450980943585 9091030209905959595772564675050678904567 8845789809821677654876364908560912949686
Diliara Nasirova | IAT 201 | March 07, 2012
Pre-attentive (tunable / biased) processing Pop-out effect, example
![Page 46: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/46.jpg)
46
Pre-attentive (tunable / biased) processing Examples (Hue)
• Where is the red circle? Left or right? • Put your hand up as soon as you see it.
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 47: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/47.jpg)
47
Pre-attentive (tunable / biased) processing Examples (Hue)
• Where is the red circle? Left or right? • Put your hand up as soon as you see it.
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 48: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/48.jpg)
48
• Where is the red circle? Left or right? • Put your hand up as soon as you see it.
Diliara Nasirova | IAT 201 | March 07, 2012
Pre-attentive (tunable / biased) processing Examples (Shape)
![Page 49: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/49.jpg)
49
• Where is the red circle? Left or right? • Put your hand up as soon as you see it.
Diliara Nasirova | IAT 201 | March 07, 2012
Pre-attentive (tunable / biased) processing Examples (Shape)
![Page 50: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/50.jpg)
50
• Where is the red circle? Left or right? • Put your hand up as soon as you see it.
Diliara Nasirova | IAT 201 | March 07, 2012
Pre-attentive (tunable / biased) processing Examples (Hue and Shape)
![Page 51: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/51.jpg)
51
• Where is the red circle? Left or right? • Put your hand up as soon as you see it.
Diliara Nasirova | IAT 201 | March 07, 2012
Pre-attentive (tunable / biased) processing Examples (Hue and Shape)
![Page 52: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/52.jpg)
52
• Where is the red circle? Left or right? • Put your hand up as soon as you see it.
Diliara Nasirova | IAT 201 | March 07, 2012
Pre-attentive (tunable / biased) processing Examples (Hue and Shape)
■ Must perform conjunctive search ■ Conjunction of features (shape and hue) causes it
![Page 53: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/53.jpg)
53
• Where is the boundary?
Diliara Nasirova | IAT 201 | March 07, 2012
Pre-attentive (tunable / biased) processing Examples (Boundary?)
![Page 54: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/54.jpg)
54
• Where is the boundary?
Diliara Nasirova | IAT 201 | March 07, 2012
Pre-attentive (tunable / biased) processing Examples (Boundary?)
![Page 55: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/55.jpg)
55
• Where is the boundary?
Diliara Nasirova | IAT 201 | March 07, 2012
Pre-attentive (tunable / biased) processing Examples (Boundary?)
• Left: Boundary detected based on hue regardless of shape • Right: Cannot do mixed color shapes pre-attentively
![Page 56: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/56.jpg)
56
Pre-attentive (tunable / biased) processing Summary
• What does and does not pop out? Why?
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 57: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/57.jpg)
57
Pre-attentive (tunable / biased) processing Summary
• What does and does not pop out? Why?
Diliara Nasirova | IAT 201 | March 07, 2012
• No pop-out == V1 low level features cannot tune to it • Conjunctive search, several fixations needed (by higher visual areas)
![Page 58: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/58.jpg)
Diliara Nasirova | IAT 201 | March 07, 2012
![Page 59: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/59.jpg)
Taking control of attention Squinting test
Diliara Nasirova | IAT 201 | March 07, 2012
Purpose:
• get a high-level view of the visual hierarchy of your work
• see what a new user would see in the first few seconds of the experience
• checkout “pop-out”, Gestalt
![Page 60: Designing for Humans Lecture](https://reader033.vdocuments.mx/reader033/viewer/2022051323/547b8e52b379596a2b8b4df7/html5/thumbnails/60.jpg)
60
References
• “Visual thinking for Design” (2008) by Colin Ware; Morgan Kaufmann, ISBN: 0123708966
• “Information Visualization” (2nd edition), Colin Ware • “The Design of Everyday Things” (2002) by D. Norman; Harper Collins;
ISBN 0465067107 • "The Dynamic Representation of Scenes”, Rensink • "Internal vs External Information in Visual Perception”, Rensink • "Unseen and Unaware: Implications of Recent Research on Failures of
Visual Awareness for Human-Computer Interface Design”, Varakin et al. • “Vision Science”, Stephen E. Palmer
• http://www.pc.rhul.ac.uk/staff/J.Zanker/PS1061/L1/PS1061_1.htm
Diliara Nasirova | IAT 201 | March 07, 2012