UGS 302 Usability and User-Centered Design Day 3
Objectives After this class you will be able to (it is my hope!): Describe some eye physiology Explain how the visual system works (somewhat) Identify visual cues to depth Be able to describe what it means to say “perception is not the simple sum of sensations.”
Whole point . . . Let’s design systems to fit people instead of the other way around.
Human Information Processing How do human beings take in and process information? Sensory psychology – how humans transform physical energy (e.g., light and sound waves) into sensory signals to and in the brain. Perceptual psychology – how humans interpret these sensory signals as perceptions. Cognitive psychology – how humans think about these perceptions, and previous experiences, and their own mental creations, and . . . Psycholinguistics – The psychology of language -- what goes on between the time I have a thought and you have the same (or similar!) thought, whether I say it or write it.
Ear Physiology
Basilar membrane
Eye Physiology
Eye Muscles
Visual Field
Retinal Physiology
Distribution of Rods and Cones
Visible Spectrum
Visual Sensitivity
Neural Pathways
Aftereffect
Ambiguous Figure
Sensation/Perception POINT: Perceptions are made up of more than just a collection of sensations! OTHER things influence our perceptions, e.g., Our experiences Our biases The context Our current emotional state Etc. So, what does that have to say about designing human-computer interfaces???
Perceptual Psy – Color Vision Color perception – 3 types of cones (RGB)
Perceptual Psy -- Depth Different visual cues to depth Oculomotor vs. Visual Oculomotor – Lens accommodation and extraocular muscle convergence are “read” by the brain Visual: Binocular vs. Monocular Binocular – Stereopsis (retinal disparity) Monocular (next screen) Static Motion parallax
More Depth Cues Monocular Static Motion parallax Interposition Size Perspective Linear perspective Texture gradient Aerial perspective Shading Motion parallax
Monocular Cues -- Interposition
Monocular Cues -- Size
Monocular Cues – Linear Perspective
Monocular Cues – Texture Gradient
greener on the other side of the fence!!! Sooooo . . . The grass really IS greener on the other side of the fence!!!
Monocular Cues – Aerial Perspective
Monocular Cues -- Shading
Monocular Cues – Motion Parallax
More visual perception Illusions – and what they tell us about vision Ponzo illusion Muller-Lyer illusion
Ponzo Illusion
Muller-Lyer Illusion
Homework Finish reading The Invisible Gorilla. Start reading The Design of Everyday Things For Thursday -- Bring to class picture or verbal description of good and poor designs. NOT web sites. Physical objects.