Questions for lesson 3 Perception 11/27/2018 lesson 3.

Slides:



Advertisements
Similar presentations
Human-Computer Interaction
Advertisements

Chris Burfitt Designing for Colour Blindness. What do we mean by ‘Colour Blind’? Actual colour blindness (Monochromacy) is very rare We’re usually talking.
Color Theory Using Color in Multimedia. Color Theory Color theory encompasses a multitude of definitions, concepts and design applications. All the information.
2/23/051 Human Abilities: Color, Vision, & Perception CS 160, Spring 2005 Slides from: James Landay.
COLOR IN CARTOGRAPHY Four color characteristics important in thematic mapping, meaning the psychological and aesthetic aspects of printed (NOT digital)
A (Uncolorful) Lecture on Color for UI’s Use of Color in UI Design (not ready for distribution) laura leventhal.
Cognitive and physiological design drivers Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies.
Chapter 7: Color Vision How do we perceive color?.
Data dan Teknologi Multimedia Sesi 04 Nofriyadi Nurdam.
Elements of Art.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
2001 by Jim X. Chen: 1 The purpose of a color model is to allow convenient specification of colors within some color gamut.
Graphics Design Robert Pastel Figures of this lectures are from McCracken and Wolfe, “User-Centered Website Development”
Color. -Visual light -An integral part of the sculpture -Creates desired effect -Distinguish items -Strengthen interest.
Human Eye and Color Rays of light enter the pupil and strike the back of the eye (retina) – signals go to the optic nerve and eventually to the brain Retina.
Chapter 3 Space. Three Kinds of Space Space as format: size, scale, and presentation. Space as the relationships among objects and the areas surrounding.
Visual Perception How We See Things.
Design Basics Introduction Color Type J187 Class 2 IIMM J187 Introduction to Interactive Multimedia.
Perception, Cognition and the Visual Seeing, thinking, knowing (link to optical video) (link to optical video) (link to optical video)
Chapter 7: Color perception Color is an important source of information independent of luminance (which we discussed extensively in Chapter 5). Color is.
Lecture 2b Readings: Kandell Schwartz et al Ch 27 Wolfe et al Chs 3 and 4.
Week 6 Colour. 2 Overview By the end of this lecture you will be familiar with: –Human visual system –Foundations of light and colour –HSV and user-oriented.
Photographic Composition Basic elements of composition help strengthen all types of photographs and digital images Quality and eye catching images are.
Color Theory Why study color theory? If you are involved in the creation or design of visual documents, an understanding of color will help when incorporating.
Psychology 001 Introduction to Psychology Christopher Gade, PhD Office: 621 Heafey Office hours: F 3-6 and by apt. Class WF 7:00-8:30.
Color Sources and Resources: 1. Hypergraph Hypergraph 2. Frosty Drew Observatory Frosty Drew Observatory 3. User-Centered Web Site Development: a Human-
Rainbow - colours in the eye  play with colours  use of colour  'physics' of colour  how we see colour  how computers do colour see also
Non-parametric tests (chi-square test) Dr. Omar Al Jadaan Assistant Professor – Computer Science & Mathematics.
Color Theory in Web Design Web Design – Sec 2-2. Objectives  The student will: –Have a better understanding of effective use of color on the web. –Be.
Virtual University - Human Computer Interaction 1 © Imran Hussain | UMT Imran Hussain University of Management and Technology (UMT) Lecture 7 Human Input-Output.
Design Tips for Using Color. Objectives Identify and discuss various functions of color in design Define terms related to color Offer some tips on using.
Color Models. Color models,cont’d Different meanings of color: painting wavelength of visible light human eye perception.
ColourColour. The Colour Wheel The colour wheel is a colour circle, based on red, yellow and blue, is traditional in the field of art.
Color perception. Wrong representation wavelength sensibility.
Color and Color for the Web First, discuss idea of color (some overlap with lecture on HVS) First, discuss idea of color (some overlap with lecture on.
PART TWO Electronic Color & RGB values 1. Electronic Color Computer Monitors: Use light in 3 colors to create images on the screen Monitors use RED, GREEN,
Colour CPSC Colour ● Models ● RGB ● CMY(K) ● HSB (or HSV) ● RYB ● Harmonies ● Monochrome ● Complementary ● Analogous ● Triadic.
Human Computer Interaction Slide 5
Half Toning Dithering RGB CMYK Models
Human Computer Interaction Lecture 2 The Human
2.01 Understand Digital Raster Graphics
Our Color vision is Limited
Vision.
2.01 Understand Digital Raster Graphics
Color Theory in Web Design
Dr. Jim Rowan ITEC 2110 Color Part 2
Color Harmonies.
Colour Theory Fundamentals
Visual Perception.
3. Perception A Rose is still a rose by any other name
How do we realize design? What should we consider? Technical Visual Interaction Search Context of use Information Interacting/ transacting.
Given current computer technology, color is seldom NOT an option
Questions for lesson 4 Recognizing things 9/22/2018 Lesson 4.
Dr. Jim Rowan ITEC 2110 Color Part 2
Optical Illusions.
Ch 6: The Visual System pt 3
Computer Vision Lecture 4: Color
WELCOME BACK!.
2.01 Understand Digital Raster Graphics
Dr. Jim Rowan ITEC 2110 Color Part 2
2.01 Understand Digital Raster Graphics
Dr. Jim Rowan ITEC 2110 Color Part 2
Sound, language, thought and sense integration
What Color is it?.
Cooper Part II Making Well-Behaved Products Visual Design
Color Model By : Mustafa Salam.
Why Does Our Mind See Illusions?
Why Does Our Mind See Illusions?
Why Does Our Mind See Illusions?
2.01 Understand Digital Raster Graphics
Presentation transcript:

Questions for lesson 3 Perception 11/27/2018 lesson 3

Reality Is photographic reality necessary for effective web sites? No because perceptions depend on whether visual analyzers fire not the physical signals. Anything that fires the analyzer will be effective, whether it is “real” or not 11/27/2018 lesson 3

Ambiguity How can a figure to be ambiguous at a sensory level? Surely base sense data is defined? How should web sites treat ambiguity? Sense data is not defined. Perception involves the formation of the best hypothesis to fit incoming sense data. Some sense input can fit two hypotheses equally, and thus are ambiguous. Usually it should be avoided, but could be used for interest or humor 11/27/2018 lesson 3

Kanizsa’s triangle Why do we sometimes see edges and shapes with very little in the way of boundary changes (eg Kanizsa’s triangle). Because the visual system deduces the cause of sudden line termination is an edge and then enhances the deduced boundary so a brightness difference is perceived 11/27/2018 lesson 3

Color How is color represented in a computer? How is it represented in the brain? How does color relate to light frequency? As three numbers 0-255 for red, green, blue The brain processes red, green, blue, and also saturation and luminance. This gives five channels not three Not in a simple way e.g. see notes on white, yellow, brown, black 11/27/2018 lesson 3

Text colors What are the best colors for fine text? Why? What if you cant use those colors? Black on white or white on black. Because this gives the greatest boundary changes in red, green and blue (hue) channels, and saturation and brightness Use larger or clearer font 11/27/2018 lesson 3

Blue/Green contrasts Why is it bad to present figures with blue/green contrasts? Because a significant proportion of men cannot distinguish blue-green 11/27/2018 lesson 3

Saturation What is saturation? Why is it important in web site design? The amount of white, ie the amount of equal frequencies of RGB Children seem to prefer pure bright colors, while adults prefer more subtle saturated color contrasts 11/27/2018 lesson 3

Boundary What is the basis of shape perceptions? What is a common reason for shapes (such as letters) being unclear? Why are button icons often unclear? Where is this perception generated in the visual system? Boundary contrasts insufficient boundary contrast As above, for the key features of the icon (see next lesson) Probably begins at the retinal level but is enhanced by higher levels 11/27/2018 lesson 3

Processing There seem to be two main categories of visual processing. What are they? Shape and color, and position and movement 11/27/2018 lesson 3

Constancy Why do signal changes caused by orientation, color, illumination and distance of an object not confuse us? We conclude an object’s size from the size of the image on the retina. T/F What does this mean for web site design? Do our senses trick us? because the visual system is designed to compensate for such changes It also depends on judged distance Considerable variation in colors and shapes will still give an effect Yes but for good reason 11/27/2018 lesson 3

Perception What is perception affected by? Why is the total effect important in perception? What is a minimalist approach? Because all analyzers and channels interact, and something that is not effective alone may be effective in combination with something else, and things that are effective alone may not work when combined (the Frankenstein effect). To use very few signals, but ensure they are consistent and no signal contradicts the desired effect 11/27/2018 lesson 3