1. Perception, Cognition and the Visual Seeing, thinking, knowing (link to optical video) (link to optical video) (link to optical video)

2. Perception: Pre-attentive Perceptual/Cognitive issues –How do human visual systems analyze images? preattentively,without the need for focused attention preattentively,without the need for focused attention Generally less than 200-250 msecs (eye movements take 200 msecs) Generally less than 200-250 msecs (eye movements take 200 msecs)

3. Preattentive Processes Grid stays while asterix disappears Grid stays while asterix disappears

4. Preattentive Processes Cognitive operations prior to focusing attention

5. Necker Cube 3 Ways

6. Completing Broken images

7. Visual Ambiguity

8. How Many threes? 128176875613897654698450698560498282 676298098584582245098564589450984509 809435859091030209905959595772564675 050678904567884578980982167765487636 4908560912949686 128176875613897654698450698560498282 676298098584582245098564589450984509 809435859091030209905959595772564675 050678904567884578980982167765487636 4908560912949686

9. How many threes? 128176875613897654698450698560498282 676298098584582245098564589450984509 809435859091030209905959595772564675 050678904567884578980982167765487636 4908560912949686 128176875613897654698450698560498282 676298098584582245098564589450984509 809435859091030209905959595772564675 050678904567884578980982167765487636 4908560912949686

10. Response Time: where is the horizonatal bar?

11. Where is the letter L?

12. Orientation

13. Size/Scale

14. Colour (hue)

15. Hue: where is the red circle? Not Usually Pre-attentive

16. Hue & shape

17. Region Search Hue boundary identified pre-attentively Form variations do NOT interfere with hue boundary identification Form boundary NOT identified pre-attentively Hue variations interfere with form boundary identification

18. Area Estimation Blue rectangles? Sloped rectangles? Blue rectangles? Sloped rectangles?

19. Fill and Shape

20. Brightnesss

21. Shape

22. Luminance/Contrast

23. Color for Categories and Sequences Links to websites about color systems Links to websites about color systems CIE, Munsell CIE, Munsell CIEMunsell CIEMunsell

24. Using Color--Varied Opnions, More later in the course blue in large regions, not thin lines blue in large regions, not thin lines red and green in the center of the field of view (edges of retina not sensitive to these) red and green in the center of the field of view (edges of retina not sensitive to these) black, white, yellow in periphery black, white, yellow in periphery Color Brewer Color Brewer Color Brewer Color Brewer Pantone Pantone Pantone

25. Perceptual “Tasks” Target detection ( Is something there?) Target detection ( Is something there?) Boundary detection (Can the elements be grouped?) Boundary detection (Can the elements be grouped?) Counting ( How many elements of a certain type are present?) Counting ( How many elements of a certain type are present?)

26. Perceptual Properties Luminance (measured) Brightness (perceived) Luminance (measured) Brightness (perceived) Color Color –sensory response to electromagnetic radiation-- wavelengths 0.4-0.7 micrometers) –Hue, value, saturation Texture Texture Shape Shape Sources: Colin Ware & Morgan Kaufmann Information Visualization--Perception for Design Sources: Colin Ware & Morgan Kaufmann Information Visualization--Perception for Design

27. Optical Illusions and Programmed Variations Link Link Link Chernoff Faces link Chernoff Faces linklink

28. Pre-attentive Perception, cognition & visualization “Understanding of what is processed pre-attentively is probably the most important contribution that vision science can make to data visualization.” BUT “Humans do not perceive much unless we have at least some expectation and need to see it.” - Colin Ware

29. Cognitive issues Visualization as a tool useful for Visualization as a tool useful for aiding comprehension and understanding Seeing as thinking Seeing as thinking Visual Cognition & Attention--Visual Cognition Lab. U. Illinois Visual Cognition & Attention--Visual Cognition Lab. U. Illinois Visual Cognition & Attention--Visual Cognition Lab. U. Illinois Visual Cognition & Attention--Visual Cognition Lab. U. Illinois

30. Visualizations of Home/House. Child Katrina Survivors

31. Recall: House/Home (Katrina Victim)

32. House/Home House as roof House as roof

33. House?Home Sources: Slide show of Katrina victim’s drawings of house/home, Dewann, S. “Using Crayons to Exorcise Katrina, New York Times, Monday September 17, 2007, Arts Section, B1,5. Sources: Slide show of Katrina victim’s drawings of house/home, Dewann, S. “Using Crayons to Exorcise Katrina, New York Times, Monday September 17, 2007, Arts Section, B1,5.house/home,

34. Graphical visualization to support more efficient task performance – Allowing substitution of rapid perceptual influences for difficult logical inferences –Reducing search for information required for task completion (Sometimes text is better, however)

35. Issues Cognitive Artifacts Cognitive Artifacts Matching Representation to Task Matching Representation to Task Representations Aid Info Access and Computation Representations Aid Info Access and Computation Naturalness and Experiential Cognition Naturalness and Experiential Cognition

36. Cognitive Maps You have some existing internal model of the You have some existing internal model of the system, stops, how to get there –glance at SFU map for help –Refine your internal model, clarifying items and extending it Note differences between your map & the official one Note differences between your map & the official one

37. Process Models: Navigation in Visual systems -process by which a person looks at a graphic and makes some use of it –substeps –Can you describe process? –Navigation in visual systems - Creation and interpretation of an internal mental model

38. Information foraging Search for schema (representation) Search for schema (representation) Problem solve to trade off features Problem solve to trade off features Search for a new schema that reduces problem Search for a new schema that reduces problem Package the patterns found in some output product Package the patterns found in some output product

39. Navigation

40. CrystallizationCrystallization

41. Process

42. Browsing useful when Good underlying structure so that items close to one another can be inferred to be similar Good underlying structure so that items close to one another can be inferred to be similar Users are unfamiliar with collection contents Users are unfamiliar with collection contents Users have limited understanding of how system is organized and prefer less cognitively loaded method of exploration Users have limited understanding of how system is organized and prefer less cognitively loaded method of exploration Users have difficulty verbalizing underlying information need Users have difficulty verbalizing underlying information need Information is easier to recognize than describe Information is easier to recognize than describe