Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.

Slides:



Advertisements
Similar presentations
Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Cognitive Psychology & Interface design Objectives of Lecture To provide an overview.
Advertisements

Unit 4(G): Perceptual Organization and Interpretation
Gestalt Principals: Perception of Design
Gestalt Principles Seçil TOROS. PERCEPTION _ Graphic designers do more than decorate a surface. They work with the fundamental principles of perception.
GROUPING Organizing Information & Gestalt Principles of Perception.
Gestalt Principles of Visual Perception
Gestalt Principles Gurpreet. What are the Gestalt Principles? Gestalt is a psychological term which means ‘unified whole’. It was discovered by the German.
Sensation and Perception. Sensation & Perception Not always veridical to the physical stimulus Illusions An illusion is a perception of a physical stimulus.
Constructing the Visual World
Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
1 Capabilities of Human Beings Howell Istance School of Computing (chapter 2: McCracken and Wolfe – Capabilities of Human Beings)
SM5312 week 2: web design1 Web Design Principles Nick Foxall.
Day 6 Layout. Objectives  Learn about some principles of perception  Learn how grids can help you organise a site’s content  Learn about the golden.
PBA Front-End Programming Gestalt Laws. The standard page compo- sition ”pattern” seems to be well-established; it works! But…why does it work…? Because.
GCSE Psychology Gestalt Laws.
GROUPING AND VISUAL RELATIONSHIPS Principle of Proximity.
LOGOS. What are logos? A graphic representation/ image/ trademark symbolizing an organization Makes company easily recognizable Can appear on advertizing.
Brugergrænseflader til apparater BRGA Presentation 3: Cognitive Psychology & usable methods.
Slide 1 Consider the page layouts for: Layout design – does it look balanced and even Size of box relative to its importance – the Heading (or title) of.
Human beings and their capabilities Design guidelines based on: ● Human Senses, perception, interruptions, and memory ● Mental models,metaphors, and perceived.
FACTORS THAT AFFECT PERCEPTION
PowerPoint Basics (for Macs) 1. Before you start your project, you need: Completed project storyboard. Files with images, sound, or video already saved.
Wedneday, March 5 Chapter13-5 Symmetry. There are many types of symmetry.
Cognitive Approach The way I think is the way I behave…
Brugergrænseflader til apparater BRGA Presentation 6: Capabilities of Human Beings.
1 Introduction to Computer Graphics – CGS-1586C Spring Quarter 2011 Instructor: Amanda Dickinson Tues/Thurs from 6:00PM to 7:50 PM.
INSTRUCTIONAL DESIGN JMA 503. Objectives 1. Flowcharts and storyboards Flowcharts and storyboards 2. Project Eval Project Eval 3. Toolbook (Data) Toolbook.
Shortcuts Quiz #1  Study for the shortcuts quiz!  The list of commands included in this quiz are on the class calendar.
INSTRUCTIONAL DESIGN JMA Review Principle Review Principle 2. Flowcharts and storyboards Flowcharts and storyboards 3. Project evaluation (Morae)
Chapter 6 Repetition…. Objectives (1 of 2) Reinforce the importance of the principle of repetition. Understand the effect of repetition in a design. Appreciate.
Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall 2. Capabilities of Human Beings In this chapter you will learn about: Human senses,
Warm Up #8 How many pegs do you see?
Gestalt Principles of Design
Perception.
Survey of Modern Psychology
Principles of Grouping & Pitch Theory By Kayla and Anika.
Colour Schemes Gestalt. Colour Schemes Gestalt Gestalt is the German word for "form” The essential point of gestalt is that in perception the whole is.
Learning PowerPoint Presenting your ideas as a slide show… …on the computer!
Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Context Context plays a major role in what people see in an image Mind set: factors.
Visual Organization Module 19.
3. Nini, 4. Nono. 5. ?? What is the name of the fifth daughter?
P ERCEPTION CRASH COURSE CRASH COURSE The process of organizing and interpreting information, enabling us to recognize meaningful objects and events. Seeing.
Perception. Gestalt Psychology Gestalt means “an organized whole.” These psychologists emphasize our tendency to integrate pieces of information into.
Conjunctiva Zonula Retina Aqueous humour Fovea Lens Pupil Optic nerve Cornea Iris Image by MIT OpenCourseWare.
Visual Perception Front page.
CGMB124/224 GESTALT Gestalt is a general description for the concepts that make unity and variety possible in design. It is a German word that roughly.
Chapter 6 (G): Perceptual Organization and Interpretation
Image by MIT OpenCourseWare.
WHAT IS PERCEPTION? Sensation + Cognition = Perception
In Visual World Perception Psychology Marina Wardaya, S.sn.
Human Computer Interaction
Gestalt Principles of Visual Perception
Objective 11/13/15 Provided notes & an activity SWBAT discuss Gestalt Psychology’s contribution to perception. Agenda: Do Now-quick review monocular vs.
Perception crash course
7 How many squares are there?.
Reasoning deduction, induction, abduction Problem solving
Chapter 6: Perception.
Copyright © 2004 by Prentice Hall
2. Capabilities of Human Beings
Questions for lesson 4 Recognizing things 9/22/2018 Lesson 4.
Huxley’s Circle of Visual Perception
Gestalt Psychology Gestalt means “an organized whole.” These psychologists emphasize our tendency to integrate pieces of information into meaningful.
ID 242 Portfolio Development
Perceiving and Recognizing Objects
Unit 4 Perception Perception pt. 2
To identify all 5 of Gestalts Laws.
Chapter 6: Perception Pages
Gestalt theory Theory in web design.
A good logo is: Simple Well Drawn Interesting.
Gestalt principles – in the mind, not the eye
Presentation transcript:

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Example: familiar objects that we see, but don’t store in detail How many links are there on top menu of amazon.com? What are the colors on your favorite cereal box? How many lines are there in the IBM logo? Who cares? Moral: People filter out irrelevant factors and save only the important ones

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Context Context plays a major role in what people see in an image Mind set: factors that we know and bring to a situation Mind set can have a profound effect on the usability of a web site

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Example of context: What do you see?

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Hint: it’s an animal, facing you...

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Hint: this animal gives milk, and her face takes up the left half of the picture...

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Why couldn’t you see the cow’s face at first? It’s blurry and too contrasty, of course, but more: You had no idea what to expect, because there was no context Now that you do have a context, you will have little difficulty recognizing it the next time

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Another example of context: are these letters the same?

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Well, yes, but now in context:

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Figure and ground Images are partitioned into Figure (foreground) and Ground ( background) Sometimes figure and ground are ambiguous

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Figure and ground: What do you see?

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Gestalt psychology “Gestalt” is German for “shape,” but as the term is used in psychology it implies the idea of perception in context We don’t see things in isolation, but as parts of a whole

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Five principles of Gestalt psychology We organize things into meaningful units using Proximity: we group by distance or location Similarity: we group by type Symmetry: we group by meaning Continuity: we group by flow of lines (alignment) Closure: we perceive shapes that are not (completely) there

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Proximity

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Example: a page that can be improved..

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall By using proximity to group related things

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Similarity

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Buttons the same size:

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Symmetry: we use our experience and expectations to make groups of things We see two triangles. We see three groups of paired square brackets.

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Continuity: flow, or alignment We see curves AB and CD, not AC and DB, and not AD and BC We see two rows of circles, not two L-shaped groups

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall E.g. Dot Matrix Printer

Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall Closure: we mentally “fill in the blanks” All are seen as circles