Text Lecture 2 Schwartz.  The problem for the designer is to ensure all visual queries can be effectively and rapidly served.  Semantically meaningful.

Slides:



Advertisements
Similar presentations
Human-Computer Interaction
Advertisements

Principles of Design.
YEARBOOK Layout and Design.
Reminder: extra credit experiments
Visual Rhetoric/Visual Literacy
Chapter 3: Neural Processing and Perception. Lateral Inhibition and Perception Experiments with eye of Limulus –Ommatidia allow recordings from a single.
Earlston High School Display. How to Keep it Simple The Bottle overlaps all three backgrounds areas. This helps unify the graphic and make it feel organised.
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.
Recap – lesson 1 What is perception? Perception: The process which we give meaning to sensory information, resulting in our own interpretation. What is.
A saliency map model explains the effects of random variations along irrelevant dimensions in texture segmentation and visual search Li Zhaoping, University.
Visual Design Principles The recipe to creating good graphic content!
The Building Blocks of Design
Features and Objects in Visual Processing
Visual Neuron Responses This conceptualization of the visual system was “static” - it did not take into account the possibility that visual cells might.
MENTAL REPRESENATIONS Neur 3680 Midterm I review.
Upcoming Stuff: Finish attention lectures this week No class Tuesday next week – What should you do instead? Start memory Thursday next week – Read Oliver.
Cognitive Processes PSY 334 Chapter 3 – Attention July 8, 2003.
Feature Level Processing Lessons from low-level vision Applications in Highlighting Icon (symbol) design Glyph design.
Ware:Vislab:CCOM Basic Vision+ The process and what stands out CH1 – CH2 + supplimentary.
Higher Processing of Visual Information: Lecture I --- April 2, 2007 by Mu-ming Poo 1.Overview of the Mammalian Visual System 2.Structure of Lateral Geniculate.
Visual search: Who cares?
Features and Object in Visual Processing. The Waterfall Illusion.
Visual Cognition I basic processes. What is perception good for? We often receive incomplete information through our senses. Information can be highly.
Color vision Different cone photo- receptors have opsin molecules which are differentially sensitive to certain wavelengths of light – these are the physical.
Human Visual System Lecture 3 Human Visual System – Recap
Features and Object in Visual Processing. The Waterfall Illusion.
The Human Visual System Vonikakis Vasilios, Antonios Gasteratos Democritus University of Thrace
© Anselm Spoerri Lecture 2 Information Visualization Intro – Recap Foundation in Human Visual Perception –Sensory vs. Cultural –Attention – Searchlight.
Lecture 6: Color in Design Neil H. Schwartz, Ph.D. Senior Seminar in Visualization.
Ware:Vislab:CCOM Basic Vision+ The process and what stands out CH1 – CH2 + supplimentary.
1B50 – Percepts and Concepts Daniel J Hulme. Outline Cognitive Vision –Why do we want computers to see? –Why can’t computers see? –Introducing percepts.
PRINCIPLES OF DESIGN PHOTOGRAPHY. BALANCE Visual center is above geometric center. Visual weight is determined by many variables Size Darkness – A strong.
Visual Elements of Design Upon completing this lesson segment, you will be able to: Write down at least three design elements, Write down at least two.
Process of __________, arranging, & ______________ visual elements of art to accomplish or address a particular purpose  Elements of Visual Design 
Studying Visual Attention with the Visual Search Paradigm Marc Pomplun Department of Computer Science University of Massachusetts at Boston
Dr. Neil H. Schwartz.  Visualization refer to the 2D and 3D static and animated visual displays that depict conditions, situations, processes, places.
Design Principles. Design Process 1. Define the problem 2. Research the project 3. Create thumbnails and roughs ◦ Thumbnail – small, fast sketches that.
Elements and Principles of Graphic Design Communications Technology 11.
By Emilio Dixon. Line  Definition: A line is a mark made by a moving point and having psychological impact according to its direction, weight and the.
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)
THE VISUAL SYSTEM: EYE TO CORTEX Outline 1. The Eyes a. Structure b. Accommodation c. Binocular Disparity 2. The Retina a. Structure b. Completion c. Cone.
Myers EXPLORING PSYCHOLOGY Module 14 Introduction to Sensation and Perception: Vision James A. McCubbin, PhD Clemson University Worth Publishers.
PRINCIPLES OF DESIGN.
Creating visually attractive and appealing publications.
GIS Lecture 2 Map Design.
Visual Distinctness What is easy to find How to represent quantitity Lessons from low-level vision Applications in Highlighting Icon (symbol) design -
Chapter 6 Section 2: Vision. What we See Stimulus is light –Visible light comes from sun, stars, light bulbs, & is reflected off objects –Travels in the.
Chapter 3: Neural Processing and Perception. Neural Processing and Perception Neural processing is the interaction of signals in many neurons.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
Elements & Principles OF ART 8 TH Grade. ELEMENTS PRINCIPLES Line Shape Color Texture Form Value Space Balance Unity Contrast Emphasis Proportion Movement.
Mind, Brain & Behavior Wednesday February 19, 2003.
Design Elements & Principals By Julia Burk. Geometric shapes- a set of particular spots that include lines connecting in a closed system. Primitive shapes-
Binding problems and feature integration theory. Feature detectors Neurons that fire to specific features of a stimulus Pathway away from retina shows.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
What the Frog Eye Tells The Frog’s Brain
Colour and Texture. Extract 3-D information Using Vision Extract 3-D information for performing certain tasks such as manipulation, navigation, and recognition.
Sensation and Perception
A Model of Saliency-Based Visual Attention for Rapid Scene Analysis
Attention Definition: Concentration of mental effort or energy on a selected internal or external signal. Encompasses: (processes) orienting: directing.
Visual Perception CS4390/5390 Fall 2014 Shirley Moore, Instructor September 8,
Goals for Today’s Class
Principles of Design Balance b b A. Stability of an arrangement 1. Arrangement appears secure and stable 2. Balance must be both visual and actual.
Elements & Principles Of Art. Element Line is a mark on a surface that describes a shape or outline.
1 Perception and VR MONT 104S, Spring 2008 Lecture 3 Central Visual Pathways.
Vision.
Visual Perception.
Early Processing in Biological Vision
Perception We have previously examined the sensory processes by which stimuli are encoded. Now we will examine the ultimate purpose of sensory information.
Human vision: function
Presentation transcript:

Text Lecture 2 Schwartz

 The problem for the designer is to ensure all visual queries can be effectively and rapidly served.  Semantically meaningful graphic objects need to have the right amount of salience.  Visual queries should be supported with the most visually distinct objects.

 The PVC has been mapped  by Hubel & Wiesel, (1981)  The PVC has a number of interlocking layered sub-regions, each of which respond to either color, shape, texture, motion, or depth.  The PVC sub-regions are– V1, V2, V3 V4, and V million nerve fibers for each eye Billions of neurons in the PVC Working together in PDP (parallel distributed processing)

The PVC has a number of interlocking layered sub-regions, each of which respond to either color, shape, texture, motion, or depth.

What and Where Pathways  V1 and V2 provide inputs to two distinct processing systems. what  The what system  Responsible for identifying objects in the environment.  Helps identify if a pattern of light and color represent an identifiable object. where  The where system  Responsible for determining the location of information in the world and guiding actions to grab it, or navigate around it or to it. What What pathway sweeps forward from V1 and V2 along the low edge of both sides of the brain. Where Where pathway sweeps higher up on the brain and processes information about where objects in the world are located.

 Perceptual attention is called pre-attentive processing, but it is all about tuning. And most of it occurs in the sensory register.  Tuning refers to the cognitive processes mobilized from the visual properties of graphics (salience) used to plan the next eye movement.  In pedestrian terms: “pop out”  “Pop out” requires a 30 degree orientation difference to stand out. CONTRAST Due to feature-level CONTRAST. SIZE MOTION COLOR ORIETATION CONTOUR (CONVEX/CONCAVE) Creates visual distinctness Requires only ONE eye fixation. Perceived in 100 milliseconds

 Trying to find a target based on two features  Size & color  Orientation & contour  Etc.  Most visual conjunctions are hard to see.  Conjunctions require attention; non-conjunctions do not.  Time to do a conjunctive search increases linearly with the number of items.  You have to pay attention to each item, one item at a time to bind the features.

 Neurons sensitive to more complex conjunction patterns are found farther up the “What” processing pathway.  These neurons cannot be used to plan eye movements.  If background is very homogenous, then a small difference is needed to make a feature distinct.  The more the background varies in a particular feature channel (color, texture, orientation), then the larger the difference required to make a feature distinct.

 Color  Size  Shape  Orientation  Motion  Contour

 To make something easy to find, make it different from its surroundings using a primary visual channel.  To make several things easily searchable at the same time, use different channels.  More than one feature can be changed on the same channel.  Using more than 2 or 3 symbols to create “pop-out” is difficult.  When aiming for pop-out, there are only three difference steps on each channel: 3 size, 3 orientation, 3 frequencies of motion, etc.

 What takes a fraction of a second with multi-feature designs can take several seconds with a consistent (say, color-only) design.  Making visible enhancements is better than visible reductions.  Increase symbol size rather than decrease it.  Increase contrast rather than decrease it.  Add extra parts to a symbol rather than take parts away.  Manipulate motion in the periphery of the visual field.  Motion should not be “shaking” per se, rather it should move into the visual field.  Fast motion is annoying; slower motion is alerting

 The goal is to always to get a visual target in the vicinity of the eye’s detection field. From there, it becomes eligible for the next fixation.  The bigger something is, the more it takes up in the detection field.  Salience of visual channel targets create: HIERARCHICAL SEARCH STRATEGY.

This poster shows multiple feature channels and visual searches. This duo tone poster has color as the top of the visual hierarchy. The blue and yellow have a pop effect, bold, bright colors on a black and white poster. These color features are also arrows that bring direction and motion to the poster. This keeps the eyes moving back an forth across the page. The bold black text boxes keep your eyes centered on the page. The dark irregular shape of the monkey then attracts the viewer. Color, motion, then shape. POSTED BY BAILEY KIMA

 Move and Scan Loop  Is the first step: involves orienting the head and trying to get the best viewpoint.  Eye Movement Control Loop  Is the second step: involves executing eye movements around salient features and feature categories to map the locations in the whole design.  Pattern Testing Loop  Is the third step: involves finding a promising target and testing the pattern to see if it is the search target or not.