56
Vision, Perception and Cognition ID 413: Information Graphics and Data Visualization Spring 2016 Venkatesh Rajamanickam (@venkatrajam) [email protected] http://info-design-lab.github.io/ID413-DataViz/

Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

Vision, Perception and Cognition

ID 413: Information Graphics and Data VisualizationSpring 2016

Venkatesh Rajamanickam (@venkatrajam)

[email protected]

http://info-design-lab.github.io/ID413-DataViz/

Page 2: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

The Eye

o 70% of body's sense receptors reside in our eyes

o The eye and the visual cortex of the brain form a

massively parallel processor that provides the highest-

bandwidth channel into human cognitive centers.“

— Colin Ware, Information Visualization, 2004

o Important to understand how visual perception works

in order to effectively design visualizations

Page 3: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

The Eye

o The eye is not a camera!

o Better metaphor for vision: “dynamic and ongoing

construction project" — Healey, 1995

o Attention is selective (Filtering)

Page 4: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

The Eye

o Cameras

— Good optics

— Single focus, white balance, exposure

— “Full image capture“

o Eyes

— Relatively poor optics

— Constantly scanning (saccades)

— Constantly adjusting focus

— Constantly adapting

— Mental reconstruction of image

Page 5: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

The Eye – Edge detection

Page 6: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

The Eye – Edge detection

Activity decreasedActivity increased

Page 7: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 8: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 9: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 10: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 11: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 12: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 13: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 14: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 15: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 16: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 17: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 18: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

The Eye – Edge detection

o Our visual system sees differences, not absolute values,

and is attracted to edges.

o Maximize the contrast with the background if the

outlines of shapes are important.

o Our visual system constructs surface colour based

largely on edge contrast information.

o We have higher contrast sensitivity in the luminance

than in the chrominance channel.

Page 19: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

The Eye – Relativity of perception

Weber’s Law: We judge based on relative, not absolute,

differences

Page 20: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 21: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 22: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 23: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 24: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 25: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 26: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 27: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

Semantically Resonant Colour Assignments

Semantically-resonant colours improve speed on chart reading tasks compared to

a standard palette

Page 28: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

Stroop Effect

Stroop Effect: interference in the reaction time of a task

Green Red Blue Purple Blue Purple

Page 29: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

Stroop Effect

Stroop Effect: interference in the reaction time of a task

Green Red Blue Purple Blue Purple

Blue Purple Red Green Purple Green

Page 30: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

Stroop Effect

o brain's ability to recognize the colour of the word since

the brain reads words faster than it recognizes colours

o colour recognition as opposed to reading a word,

requires more attention

o recognizing colours is not an “automatic process" there

is hesitancy to respond; whereas, the brain

automatically understands the meaning of words as a

result of habitual reading

Page 31: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

Popout

Page 32: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

Popout

Page 33: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

Popout

o We can easily see objects that are different in colour

and shape, or that are in motion

o Use colour and shape sparingly to make the important

information pop out

Page 34: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 35: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 36: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 37: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 38: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 39: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 40: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 41: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 42: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a

ä

Page 43: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 44: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 45: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 46: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 47: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 48: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 49: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 50: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 51: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 52: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 53: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 54: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 55: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a
Page 56: Vision, Perception and Cognition - GitHub Pages · o Important to understand how visual perception works in order to effectively design visualizations. The Eye o The eye is not a