Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.
-
Upload
nicole-diaz -
Category
Documents
-
view
244 -
download
2
Transcript of Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.
![Page 1: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/1.jpg)
Lecture 7
Human Input-Output Channels – Part I
Human-Computer Interaction
![Page 2: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/2.jpg)
In the Last Lecture• Cognition
• Cognitive Models
• Human Information Processing Model
• Human Processor Model
• GOMS
• External Cognition
• Distributed Cognition
![Page 3: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/3.jpg)
In Today’s Lecture
• Vision– Human Eye– Visual Perception– Reading
![Page 4: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/4.jpg)
Input-Output Channels• Interaction with world
– Occurs through information
• Interaction with computer– Input and output
• Human Input– Through Senses
• Human Output– Through Effectors
![Page 5: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/5.jpg)
Input via Senses• Vision
• Hearing
• Touch
• Taste
• Smell
![Page 6: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/6.jpg)
Output via Effectors (Responders)
• Limbs
• Fingers
• Eyes
• Head
• Vocal system
![Page 7: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/7.jpg)
Interaction with PC Using Input-Output Channels
• Using a GUI-based computer
• Information received by sight
• Beeps received by ear
• Feel keyboard and mouse with fingers
![Page 8: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/8.jpg)
Vision
• Highly complex activity• Physical and perceptual limitations• 2 stages of visual perception:
– Physical reception of the stimulus– Interpretation/processing of stimulus
• Processing allows construction of images from incomplete information
![Page 9: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/9.jpg)
Human Eye
![Page 10: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/10.jpg)
Image Formation• Cornea and lens
– Focuses light into a sharp image on retina
– An upside down image is formed on the retina.
![Page 11: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/11.jpg)
Photoreceptors• Rods
• Cones
![Page 12: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/12.jpg)
Rods• Situated towards the edges of retina
– Dominate peripheral vision
• Sensitive to light– Allow us to see under low level of
illumination
• Unable to resolve fine detail and are subject to light saturation
– Cause of temporary blindness when moving from dark areas to very bright ones
• 120 million rods per eye
![Page 13: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/13.jpg)
Cones• Less sensitive to light
– Can tolerate more light than Rods
• Basic function is color vision
• Situated in Fovea– Small area on retina where image is
fixated
• Three types– Each sensitive to a different
wavelength
![Page 14: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/14.jpg)
Blind Spot• Area where optic nerve enters
• No rods or cones in this area
• Visual system compensates for lack of rods and cones
![Page 15: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/15.jpg)
Nerve Cells• A.k.a. Ganglion Cells
• Specialized Nerve Cells
• Types– X-cells
• concentrated in fovea• detection of patterns
– Y-cells• widely distributed in retina• early detection of movement• can not detect change in patterns
![Page 16: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/16.jpg)
Visual Perception
• Size
• Depth
• Brightness
• Color
![Page 17: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/17.jpg)
Notions of Size and Distance
• You are standing on a hill
• Rocks, sheep and small tree on summit
• Farmhouse on hillside
• Person walking on track
• Small market town in valley
![Page 18: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/18.jpg)
Perceiving Size and Depth• Size specified by visual angle
• Affected by both – Size of object– Distance from eye
![Page 19: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/19.jpg)
Perceiving Size and Depth
• Visual angle– Indicates how much of the field of view is taken by
the object– Measured in degree or minutes of arc
![Page 20: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/20.jpg)
Visual Angle and Perception
• Visual Acuity– Visual Acuity is the ability of a person to perceive fine detail– Objects with visual angles smaller than 0.5 seconds of an
arc are not visible. – Spaces between lines visible at 30s-1min of arc visible
• Law of size constancy– Perception of the object size remains constant even if it
visual angle changes– Perception depends on factors other than visual angle
![Page 21: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/21.jpg)
Factors Affecting Visual Perception
• Perception of depth– Cues to determine relative positions of objects
• Objects overlapping
• Size and height of object– Provides cue for distance
• Familiarity– Certain size helps to judge the distance accordingly
![Page 22: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/22.jpg)
Example
• A B C D E F . H I J K
![Page 23: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/23.jpg)
Perceiving Brightness• Brightness
– subjective reaction to levels of light– affected by luminance of object
• Luminance– Depends on
• Amount of light falling on object• Reflective properties of object
– Measured by photometer
• Contrast– Function of the luminance of an object and the luminance of its background
![Page 24: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/24.jpg)
Perceiving Brightness• Measured by just noticeable difference caused by luminance
• Rods (periphery) predominate in dim lighting• Enables better periphery vision
• Cones (center) not dominate in dim lighting– Cannot fixate on images
• Visual acuity increases with luminance– Case for using high luminance displays– Flicker also increases with luminance (>50Hz)– Larger the display, the more it will appear to flicker
![Page 25: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/25.jpg)
Perceiving Color
• 3 components– Hue
• Determined by the spectral wavelength– Blue (short)– Green (medium)– Red (long)
• 150 hues determined by eye
– Intensity• Brightness of color
– Saturation• Amount of whiteness in the color
• 7 million colors can be perceived
![Page 26: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/26.jpg)
Perceiving Color
• Color perception best in fovea, worst at periphery
• 3-4% cones in fovea sensitive to blue light– Blue acuity lower
• Color blindness– Cannot differentiate between green and red– 8% males– 1% females
![Page 27: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/27.jpg)
Human Visual Perception
• The visual system compensates for:– movement– changes in luminance.
• Context is used to resolve ambiguity
![Page 28: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/28.jpg)
Capabilities and Limitations of Visual Processing
• Visual processing allows transformation and interpretation of a complete image
• Visual processing compensates image movement– Image moves on retina, but we see it stable
• Color and brightness perceived constant (hue, intensity, saturation)
![Page 29: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/29.jpg)
Context Illusions
![Page 30: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/30.jpg)
Context Illusions
![Page 31: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/31.jpg)
Context Illusions
![Page 32: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/32.jpg)
Context Illusions
![Page 33: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/33.jpg)
Over Compensation Illusions
• Optical illusions sometimes occur due to over compensation
– Our perception of size is not reliable
the Muller Lyer illusion
the Ponzo illusion
concave
convex
![Page 34: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/34.jpg)
Proof-Reading Illusion
![Page 35: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/35.jpg)
Proof-Reading Illusion
![Page 36: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/36.jpg)
Lines & Optical Center Illusion
• We do not perceive geometric objects exactly as they are drawn
• Lines– Horizontal: Magnified– Vertical: Reduced– Solution: To display square, increase height
• Perceive actual center of page as a little lower– Solution: place objects higher
![Page 37: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/37.jpg)
Reading• Stages
1. visual pattern perceived2. decoded using internal representation of language3. interpreted using knowledge of syntax, semantics, pragmatics
• Reading involves saccades and fixations (perception here: 94%)• Perception occurs during fixations• Regressions: eye move backwards and forwards• Word shape is important to recognition• Negative contrast improves reading from computer screen• Average Reading Speed: 250 words per minute
– Word shape important• Reading speed is a measure of legibility• Legibility can be increased using negative contrast
![Page 38: Lecture 7 Human Input-Output Channels – Part I Human-Computer Interaction.](https://reader033.fdocuments.us/reader033/viewer/2022061305/55141f5d550346d8488b5735/html5/thumbnails/38.jpg)
Next Lecture
• Memory Structures