Visual Perception & Graphical Principles Seminar on Information Visualization Daniele Della Bruna winter university of Fribourg.

Slides:



Advertisements
Similar presentations
Selective Visual Attention: Feature Integration Theory PS2009/10 Lecture 9.
Advertisements

Data Visualization using R How to get, manage, and present data to tell a compelling science story William Head of Academic Outreach, Mendeley.
The theory of data visualisation v2.0 Simon Andrews, Phil Ewels
Chapter 8 Enhancing Learning with Visuals
Chapter 6: Visual Attention. Overview of Questions Why do we pay attention to some parts of a scene but not to others? Do we have to pay attention to.
CS 235: User Interface Design March 5 Class Meeting Department of Computer Science San Jose State University Spring 2015 Instructor: Ron Mak
Chapter 6: Visual Attention. Scanning a Scene Visual scanning – looking from place to place –Fixation –Saccadic eye movement Overt attention involves.
Features and Objects in Visual Processing
1 Perception Presented by: Meghan Allen. 2 Papers Perceptual and Interpretative Properties of Motion for Information Visualization, Lyn Bartram. Perceptual.
Visual Perception Cecilia R. Aragon IEOR 170 UC Berkeley Spring 2006.
Visual Search: finding a single item in a cluttered visual scene.
Upcoming Stuff: Finish attention lectures this week No class Tuesday next week – What should you do instead? Start memory Thursday next week – Read Oliver.
Review of: High-Speed Visual Estimation Using Preattentive Processing (Healy, Booth and Enns 1996) Gene Chipman.
Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design.
Deficits of vision What do visual deficits tell us about the structure of the visual system?
Visual Attention More information in visual field than we can process at a given moment Solutions Shifts of Visual Attention related to eye movements Some.
Next Week Memory: Articles by Loftus and Sacks (following week article by Vokey)
What Newton Found (and everyone believed) White light can be split into all wavelengths by a prism.
Perception By Sherman Lai CPSC 533 fall ‘06. Papers Presented Level of detail: Varying rendering fidelity by exploiting human change blindness. Kirsten.
1 SIMS 247: Information Visualization and Presentation Marti Hearst Sept 19, 2005.
Visual search: Who cares?
Attention II Selective Attention & Visual Search.
A (Uncolorful) Lecture on Color for UI’s Use of Color in UI Design (not ready for distribution) laura leventhal.
Features and Object in Visual Processing. The Waterfall Illusion.
Human Visual System Lecture 3 Human Visual System – Recap
Features and Object in Visual Processing. The Waterfall Illusion.
© Anselm Spoerri Lecture 2 Information Visualization Intro – Recap Foundation in Human Visual Perception –Sensory vs. Cultural –Attention – Searchlight.
December 2, 2014Computer Vision Lecture 21: Image Understanding 1 Today’s topic is.. Image Understanding.
Beyond the Striate Cortex. Extrastriate Pathways  Parallel processing of visual information from the striate cortex.  Three pathways: Color processing.
Are you ready?. Welcome to Perception and Cognition JEOPARDY !
+ Elements of Design Principles of Design In Graphic Design.
ART PRINCIPLES OF DESIGN.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Copyright 1999 all rights reserved Human Visual Understanding System n Anything that is seen by our eyes has to be processed n The processing difficulty.
CPSC / Cognitive Perspective Sheelagh Carpendale.
Nonphotorealistic Visualization of Multidimensional Datasets SIGGRAPH 2001 Christopher G. Healey Department of Computer Science, North Carolina State University.
Studying Visual Attention with the Visual Search Paradigm Marc Pomplun Department of Computer Science University of Massachusetts at Boston
Technical Workshops | Esri International User Conference San Diego, California Evaluating the Visual Impact of Maps Kenneth Field and Damien Demaj July.
When GOOD Maps Go BAD (Cartography) E.J. McNaughton.
IAT 355 Introduction to Visual Analytics Perception May 21, 2014IAT 3551.
Combining Perception and Impressionist Techniques for Nonphotorealistic Rendering of Multidimensional Data By Christopher Healey Presented by Guangfeng.
Choropleth Maps, Color & Placement Geography 59 May 24, 2007 Refer to: Krygier & Wood, pages Krygier & Wood, pages Monmonier, pages 163.
Lightness && Ming Huan Lee Feb. 3, 2003 Brightness CPSC 533C Information Visualization Contrast Constancy.
Text Lecture 2 Schwartz.  The problem for the designer is to ensure all visual queries can be effectively and rapidly served.  Semantically meaningful.
1 Perception and VR MONT 104S, Fall 2008 Session 13 Visual Attention.
Perception, Cognition and the Visual Seeing, thinking, knowing (link to optical video) (link to optical video) (link to optical video)
How Capacity Limits of Attention Influence Information Visualization Effectiveness IEEE INFOVIS 2012 Steve Haroz, University of California, Davis David.
Visual Distinctness What is easy to find How to represent quantitity Lessons from low-level vision Applications in Highlighting Icon (symbol) design -
INTRODUCTION Basic Design Principles Proximity Visual Hierarchy Visual Hierarchy Symmetry / Asymmetry Symmetry / Asymmetry Repetition Unity Contrast.
Development and Design of Multimedia. Planning Your Title 1)Develop the concept or idea – a multimedia project starts with an idea that supports a vision.
Space, Time & Colour in Visualisation Space –Cues: position, size, overlay, colour, perspective, texture, lighting, focus, accommodation, convergence,
Elements & Principles OF ART 8 TH Grade. ELEMENTS PRINCIPLES Line Shape Color Texture Form Value Space Balance Unity Contrast Emphasis Proportion Movement.
IAT 814 Introduction to Visual Analytics
Mind, Brain & Behavior Wednesday February 19, 2003.
Fig61. Fig62 Fig5_14 InRev5a InRev4bInRev2a PRINCIPLES OF PERCEPTUAL ORGANIZATION AND CONSTANCY Certain objects or sounds are automatically identified.
WP6 Emotion in Interaction Embodied Conversational Agents WP6 core task: describe an interactive ECA system with capabilities beyond those of present day.
Principles of Design Guidelines that govern the way artists organize the elements of art. CAN YOU NAME THE SEVEN ELEMENTS OF ART?
1 Principles of symbolization Attribution (by) Licensees may copy, distribute, display and perform the work and make derivative works based on it only.
DATA VISUALIZATION BOB MARSHALL, MD MPH MISM FAAFP FACULTY, DOD CLINICAL INFORMATICS FELLOWSHIP.
-Subject, Form, Content -Principles and Elements of Design.
PBA Front-End Using Contrast. The Gestalt Laws mainly deal with perception of ”similar” elements (similar appearance, similar position, etc.) How do we.
The Science of Data Visualization Presented by Nick Beaton.
The theory of data visualisation
Section 7.1 Section 7.2 Identify presentation design principles
Elements of Art Principles of Design
Pengkayaan Materi: Guidelines, Principles, and Theories -> COLOR
Given current computer technology, color is seldom NOT an option
Bell Work What occurs when experiences influence our interpretation of data? A. Selective attention B. Transduction C. Bottum-up processing D. Top-down.
Designing with the Mind in Mind By Jeff Johnson
Experiencing the World
Presentation transcript:

Visual Perception & Graphical Principles Seminar on Information Visualization Daniele Della Bruna winter university of Fribourg

Introduction Preattentive perception Introduction Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter Perception in visualization - Power of visualization - Color use guidelines

Introduction Preattentive perception Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter Eye movements take at least 200 msec to initiate -Tasks performed in less than msec are considered preattentive -A limited set of visual properties are detected very rapidly by the low-level visual system

Introduction Preattentive perception Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter 2006

Introduction Preattentive perception Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter Demo

Introduction Preattentive perception Theories Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter Feature integration theory: a set of feature maps ; each feature map registers in parallel activity in response to a specific feature -Texton Theory: a group of features ; only difference in textons or in their density can be detected -Similarity Theory: search time is based on T-N and N-N values -Guided Search Theory: features maps filtered into multiple categories (colour  red/green/blue/yellow)

Introduction Preattentive perception Postattentive vision Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter attention allow a viewer to learn what is it in a scene, but it does not allow the viewer to see the scene in a different manner -preattentive visual representation appears to be identical after the viewer studied it -What we see when confronted with a new scene depends as much on our expectations -an interruption in what is being seen renders us “blind” to significant changes

Introduction Preattentive perception Demo postattentive Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter 2006

Introduction Preattentive perception Demo postattentive Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter 2006

Introduction Preattentive perception Demo postattentive Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter 2006

Introduction Preattentive perception Not lie with visualization Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter How data are represented visually has a powerful effect on how is perceived - It can significantly influence the user’s interpretation of the data

Introduction Preattentive perception Demo visualization Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter 2006

Introduction Preattentive perception Colour use guidelines Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter Colours can help the understanding of a graph - 4 different colour schemes -Qualitative -Binary -Diverging -Sequential

Introduction Preattentive perception Qualitative / Binary Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter Qualitative: data of different categories are usually represented in an effective way by means of differences in hue - Binary: A binary scheme is a qualitative scheme where there are only two categories

Introduction Preattentive perception Diverging / Sequential Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter Diverging: In a diverging scheme data can be grouped in two sets that show two different trends around a balance or theshold point -Sequential: To represent ordered data in sequential form the common recommendation is using variations in lightness or saturation of a given hue

Introduction Preattentive perception Combinations Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter Finally these four possibilities can be combined among them to obtain up to 10 commendable bivariate schemes

Introduction Preattentive perception Problems in colour appearance Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Colour use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in colour appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter colorblind

Introduction Preattentive perception Questions Demo preattentive Theories Postattentive vision Demo postattentive Demo visualization Demo postattentive Not lie with visualization Color use guidelines Qualitative / Binary Diverging / Sequential Combinations Problems in color appearance Questions Daniele Della Bruna – Visual Perception & Graphical Principles ; Seminar winter 2006 ?