59
Visualization Visualization Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel

Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

VisualizationVisualization

Perceptual and cognitive aspects

15th of September, 2010

Stefan Seipel

Page 2: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Overview

Quick overview over this lesson

Physiology of the human eye

Visual acuity and performance

Color, brightness and contrast

Use of colors

Pop-out effect

Cognitive limits

Page 3: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Physiology

Page 4: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

RetinaReceptors of two types : cones and rods

Rods (sv. stavar):Sensitive at low light levelApproximately 100 millionContribute little at daylight (overloaded at daylight levels)Are interconnected over larger areas

Cones (sv. tappar): Effective at daylight levelsColor sensitiveAre highly packet at the fovea (180 per degree)Approx. 100.000 at the foveaApproximately 6 million in total

Page 5: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Retina

Blind spotAt approx. 15 degrees lateralExperiment: Two thumbs -> follow instructions

Fovea1,5-2 degrees

Corresponds to an area size s=2,5 cmat d=70 cm viewing distance

Page 6: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Visual Angle

⎟⎠⎞

⎜⎝⎛⋅⋅=

2tan2 αds

Definition

Visual angle is the angle subtended by an object at some distance to the observer.

When describing visual acuities and properties, visual angle is used because it is independent of viewing distances and objects viewed.

Page 7: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Visual Angle

Focal field of view defined 1-2 degrees visual angle

Size of a thumbnail at approximately arms length

~1,5 cm at 60 cm viewing distance

Sensor density of 20 arc sec. (see above)

“receptor footprint” -> 0.06 mm at 60 cm viewing distance

Page 8: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Visual AcuitiesPoint acuity: 1 minute of arc

Grating acuity: 1-2 minutes of arc

Letter acuity: 5 minutes of arc (5,8 mm at 4 meters distance)

Stereo acuity: 10 seconds of arc

Vernier acuity: 10 seconds of arc

Acuity fall-off across visual field: Compare figure separate slide

Several receptors interconnected -> super-acuity

Acuity depends on brightness/contrast

Acuity depends on color (e.g. weak blue)

Page 9: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Visual Acuities

Point acuity: 1 minute of arc Grating acuity: 1-2 minutes of arcLetter acuity: 5 minutes of arc (5,8 mm at 4 meters distance)Vernier acuity: 10 seconds of arc

• Acuity fall-off across visual field: Compare figure

• Several receptors interconnected -> superacuity

• Acuity depends on brightness/contrast

100

50

0

100

50

0

0 10103050 50300 10103050 5030

Fove

a

Blin

d sp

ot

NoseTemple

Fove

a

Blin

d sp

ot

NoseTempleR

elat

ive

acui

ty(%

of m

axim

um)

Distance from fovea (in degrees visual angle)

Page 10: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Visual AcuitiesUtilisation of Vernier acuity: Caliper scales

Page 11: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson
Page 12: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Visual Acuities – Some illusionsExperiment: Visual illusion due to limited retinal resolution

First: Look at this image in fullscreen (15” monitor at 70cm viewing distance)Second: Step back about 4 meters from the screen.

What happens; can you explain?

Page 13: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Visual Acuities – Some illusions

The low-frequency component of the image. At far viewing distances they become prominent as the high frequency spatial

Components in the image cannot be resolved by the HVS.

Page 14: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Lens

Chromatic aberration

Power depends on color

Blurry blue

Blue appears “out of focus”

Receptor sensitivity for blue is only 5% of

maximum sensitivity for green

Dispersion caused by varying refractive index for different wavelengths

Refraction of light depends on• optical power of the lens• wavelength of the light

Page 15: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Can you read this?

Can you read this?

Can you read this?

Page 16: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Properties of the visual field of view

Periphery (horizontally up to 200 deg.)

Central FoV (vertically approx. 120 deg.)

Receptor distribution and properties

Stereo-overlap (approx. 120 deg.)

Most prominent figures at 4-5 deg visual angle

Approximately 6 cm at 70 cm viewing distance

Rapid changes are detected in periphera field of view

Page 17: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Luminance, lightness and brightness

Definitions:

Luminance is the measurable amount of light coming from some region in space . It is a physical property that can be exactly measured (eg. Candela per square meter).

Brightness is the perceived amount of light coming from self-luminous objects.

Lightness refers to the perceived reflectance of a surface. A white surface Is light a black one is dark.

Page 18: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Perception of brightness levels

The human visual system is not an absolute measuring device.

The perceived lightness and brightness depends on a number of factors:

• Overall ambient light level adjustment (photo pigment bleaching)

• The illuminant and spatial illumination conditions (see illusion next slide)

• Colors in the surround of an object (see illusion picture)

• Local contrast effects

Example:

A black object on a sunny day outside reflects more light than a white object inside an office room. Yet, we perceive the black object as dark and the white one as light.

Page 19: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Colors maps

Estimation of the lightness of colors depends on surround

Page 20: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Colors maps

Color not useful as a means to encode/read absolute value

Page 21: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Interpretation of color

Again, the human visual system is not an absolute measuring device.

Also perceived color depends on a number of factors:

• Overall ambient light level adjustment (photo pigment bleaching)

(after images)

• Colors in the surround of an object (see illusion picture)

• Local contrast effects

Page 22: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson
Page 23: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson
Page 24: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson
Page 25: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Color AdaptationWhat color is the shirt of the lady not raising her hands?

Page 26: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Color AdaptationLet’s have a look at a picture with a color filter.

What color is the top of the lady not raising her hands?

Did you say yellow? Right!

Page 27: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Color AdaptationHere is the original image, without filter.

And quite right. The color is yellow!

Page 28: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Color AdaptationNow lets copy the top from picture1 into the original picture2?

Well, the color of the top in picture1 was in fact green!

Page 29: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Color AdaptationHere is the direct comparison

Page 30: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

ContrastVisual perception is not directly based on the neural signals ofthe receptors in the retina, instead there is some neural processing in several layers of retinal ganglion cells.

Page 31: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Contrast

Ganglion cells are organized with circular receptive fields thatcan have an on-center or off center. Size of receptive fields vary from central field of view to periphery.

Lateral inhibition (Hartline 1940)

Page 32: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

ContrastDifference of Gaussian model (compare figure 3.3)

Page 33: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Simultaneous contrast

The DOG processing model yields enhanced contrast -> simultaneous contrast

Color Ramp example

Other illusionary pictures

Page 34: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson
Page 35: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson
Page 36: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Hermann Grid

Page 37: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

High Contrast and Visual Stress

Spatial frequency of 3 deg / vis angle

And high contrast

See next picture

Page 38: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson
Page 39: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Tri-stimulus color model

Spectral range of visible light 380nm – 680nm

Spectral sensitivity function

Three peaks: 430 nm, 540nm, 580nm

Page 40: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Relative sensitivity of the eye

Green 555 nm, peakBlue 450 nm, 4% of max sensitivity

=> Blue is not a good choice in presence of green or red

Relative sensitivity to different wavelength according to CIE (V(l) (Values from Ware 2005)

0

0,2

0,4

0,6

0,8

1

1,2555 nm

Tri-stimulus color model

Page 41: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Opponent Process Theory

Ewald Hering (1920)

• Six base colors (unlike trichromacy theory)

• Differential and additive processing of receptors signals

• Naming-, cultural and neurophysiologicalevidence for this theory

Cone signals are hierarchically combined and processed in three channels:

Yellow-Blue (R+G-B)

Red-Green (R-G)

Black-White (R+G+B)

Page 42: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Color as label

Ethnographic studies

Most frequent colors

How many we can distinguishCompare 4.12

Colors that are not basic are difficult to remember(orange, lime green …)

Criteria for use of color as labelDistinctness, uniqueness, contrast with background, color blindness, number, field size,conventions

1

33

4/5 5/4

6

BrownPinkPurpleOrangeGray

Page 43: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Color as labelConventions and learned knowledge

Yellow

Green

Blue

Orange

Gray

Red

Green

Name the colors of the words!

Page 44: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Color as labelConventions and learned knowledge

Yellow

Green

Blue

Orange

Gray

Red

Green

Name the colors of the words!

Page 45: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Colors to show detail

Lightness contrast most important for readability of text and fine detail

Note: Acuity depending on brightness of colors

Not too small structures

Page 46: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Colors as visual pop-out

Visual pop-out:

Visual pop-out occurs when visual features are processed pre-attentively. I.e. in a visual task, where visual targets are identified, this identification is not depending on the number of the distractors (non-target elements).

Chrominance differences are useful as visual pop-out, however consider color restrictions according to 4.19

Page 47: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Colors maps

Perceptual linearity

Constant lightness contrast

Color maps for deviation detection

Not suited for quantitative assessment

Page 48: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson
Page 49: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

VisualizationVisualizationPotential and pitfalls Potential and pitfalls

Visualization has an enormous potential!

”An image tells more than thousand words”

But:

”The eye sees what it wants to see”

CAVEAT: Illusions and perceptual limits

Page 50: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

VisualizationVisualizationAmbiguous representations Ambiguous representations

”The eye sees what it wants to see”

Sax player or woman's face? Seal or donkey's face? Bacchus or couple kissing?

How you interpret the visual percept depends among others upon your personal attitude, expectations and visual angle

Page 51: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

VisualizationVisualizationCognitive limits Cognitive limits

Visualizations have enormous potential!

”An image tells more than thousand words”

However:

”Human’s capacity for attention is limited”

Example: “Inattentional blindness”

Page 52: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

InattentionalInattentional blindnessblindnessTask : Count the passes of the black team in the following video!

Page 53: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Visualizations have enormous potential!

”An image tells more than thousand words”

However:

”Human visual short term memory is limited”

Example: “Change blindness”

VisualizationVisualizationCognitive limits Cognitive limits

Page 54: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

VisualizationVisualization

Change Blindness:

Large changes in a scene are not detected if they coincide with some visual disruption (saccades, blinks, transient noise and distraction)

Failure to compare relevant visual information from current scene with visual short term memory.

Page 55: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Change Blindness:

Page 56: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

VisualizationVisualization

Page 57: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

Change Blindness:

Page 58: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

VisualizationVisualizationPotential pitfalls Potential pitfalls

The way in which data is mapped upon visual form affects how a message is perceived!

Visualizations can unintentionally make interpretation more difficult!

Visualizations can be manipulative or even be misused!

Page 59: Perceptual and cognitive aspects - Uppsala University · 2010-09-15 · Perceptual and cognitive aspects 15th of September, 2010 Stefan Seipel. Overview Quick overview over this lesson

VisualizationVisualizationExample of manipulative useExample of manipulative use

Same data, different appearance!

“WiLLY:s Sveriges billigaste matkasse”, UNT ad 26th aug. 2010

This is what EXCEL offers you as default! After manual adjustment of scale.