Psychological Principles. UIDE Chapter 5 Four Psychological Principles Four Psychological Principles –Users See What They Expect to See –Users Have Difficulty.

Slides:



Advertisements
Similar presentations
Chapter 11 Designing the User Interface
Advertisements

The gestalt law of parallel movement The book by Lauesen, User Interface Design, illustrates many of the gestalt laws, but cannot illustrate the law of.
1 Teori Gestalt Pertemuan 8 Matakuliah: U0062/Strategi Manajemen Persuasi Tahun: 2006.
Annoy Your Users Less Session 202 Philip Wolfe, Lead Developer Farm Credit Services of America.
Chapter 6 Design Principles Principles of Interaction Design Comprehensibility Learnability Effectiveness/Usefulness Efficiency/Usability Grouping Stimulus.
PSYC 1000 Lecture 21. Selective Attention: Stroop.
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 Gurpreet. What are the Gestalt Principles? Gestalt is a psychological term which means ‘unified whole’. It was discovered by the German.
CPSC 533C Static and Moving Patterns Presented by Ken Deeter Slides borrowed from Colin Ware’s PPT Slides.
Sensation and Perception. Sensation & Perception Not always veridical to the physical stimulus Illusions An illusion is a perception of a physical stimulus.
Part 2c: Requirements Chapter 2: How to Gather Requirements: Some Techniques to Use Chapter 3: Finding Out about the Users and the Domain Chapter 4: Finding.
Multimedia and the World Wide Web
1 Perception Chapter 6. 2 Perception The process of selecting, organizing, and interpreting sensory information, which enables us to recognize meaningful.
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.
Cognitive Processes PSY 334 Chapter 2 – Perception.
SIMS 213: User Interface Design & Development Marti Hearst Tues, Feb 11, 2003.
Chapter 13: Designing the User Interface
Chapter 14 Designing the User Interface
GROUPING AND VISUAL RELATIONSHIPS Principle of Proximity.
Multimedia & The World Wide Web winny HCI 201 Multimedia and the www.
The Map Design Process and the Elements of Map Composition SP 240 Cartography Alex Chaucer.
FACTORS THAT AFFECT PERCEPTION
RULES OF PERCEPTUAL ORGANIZATION Proximity: obects that are close to each other tend to be perceived as belonging together Similarity: similar things are.
◦ Goals, Tasks, and Actions  Task Characteristics: The Nature of the Work  Task Sequences: There May Be More Than One Way to Do a Task  Goal: the end.
INSTRUCTIONAL DESIGN JMA Review Principle Review Principle 2. Toolbook (Data) Toolbook (Data) 3. M-Learning M-Learning Objectives.
©2001 Southern Illinois University, Edwardsville All rights reserved. Today Thursday CS 321 Human-Computer Interaction Midterm Q & A Design Elements Midterm.
REQUIRMENTS GATHERING: knowledge of user interface and design.
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.
Perception Is… The process of recognizing, organizing, and interpreting sensory information.
‘rules’ that we apply to visual information  to assist our organization and interpretation of the information in consistent meaningful ways.
Information: Perception and Representation Lecture #7 Part A.
Design Principles Review
©2001 Southern Illinois University, Edwardsville All rights reserved. Today Group Discussion Design Elements Continued Readings in HCI, pp Monday.
Copyright © 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Lecturer: Prof Jim Warren Based on Chapter 6 The Resonant Interface HCI Foundations.
Gestalt Principles of Design
Perception.
Gestalt Theory for Computer Screen Design
Psy 430 Some other perceptual phenomena & illusions.
Principles of Grouping & Pitch Theory By Kayla and Anika.
Chapter 5 Requirements gathering: knowledge of user interface design.
Perception HOW WE SELECT, ORGANIZE, & INTERPRET OUR SENSATIONS.
Chapter 2: Capabilities of Human BeingsCopyright © 2004 by Prentice Hall User-Centered Website Development: A Human- Computer Interaction Approach.
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
3. Nini, 4. Nono. 5. ?? What is the name of the fifth daughter?
Chapter 6 Perception.  How do we create meaning out of sounds?  Selective Attention  focus of conscious awareness on a particular stimulus  Focus.
Web Design Basics What is a good web site from a design standpoint?
GESTALT PSYCHOLOGY Gestalt is a German word means configuration or forms or patterns. Organized whole in contrast to a collection of parts. Example:
GESTALT PRINCIPLES OF VISUAL DESIGN Gestalt principles of visual design are derived from the theories of gestalt psychology, which were applied to the.
Myers’ PSYCHOLOGY (7th Ed) Chapter 6 Perception James A. McCubbin, PhD Clemson University Worth Publishers.
PBA Front-End Using Contrast. The Gestalt Laws mainly deal with perception of ”similar” elements (similar appearance, similar position, etc.) How do we.
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.
Principles Determine users' skill levels Novice or first-time users - Knowledgeable intermittent users - create templates Expert frequent users-
GESTALT PRINCIPLES IN ART AND DESIGN
Perception crash course
7 How many squares are there?.
Dr.safeyya Adeeb Alchalabi
the role of figural context & attention in masking
Chapter 6: Perception.
Chapter 8 Composition and Complex Shapes
Questions for lesson 4 Recognizing things 9/22/2018 Lesson 4.
Huxley’s Circle of Visual Perception
Perceiving and Recognizing Objects
Chapter 14 Moving from choosing components into design areas
Cognitive Processes PSY 334
How your mind understands sensory information
There are two types of photoreceptive cells in the eyes: _____, which permit sharply focused color vision in bright light, and _____, which permit vision.
Gestalt theory Theory in web design.
Gestalt principles – in the mind, not the eye
Presentation transcript:

Psychological Principles

UIDE Chapter 5 Four Psychological Principles Four Psychological Principles –Users See What They Expect to See –Users Have Difficulty Focusing on More Than One Activity at a Time –It Is Easier to Perceive a Structured Layout –It Is Easier to Recognize Something Than to Recall It

UIDE Chapter 5 Design Knowledge Design Principles Design Principles –First Principles of Interactive Design First Principles of Interactive DesignFirst Principles of Interactive Design Design Rules Design Rules –8 Golden Rules 8 Golden Rules8 Golden Rules See URL: See URL:

UIDE Chapter 5 4 Psychological Principles Users See What They Expect to See Users See What They Expect to See

UIDE Chapter 5 4 Psychological Principles Users Have Difficulty Focusing on More Than One Activity at a Time Users Have Difficulty Focusing on More Than One Activity at a Time –The Cocktail Party Effect The Cocktail Party EffectThe Cocktail Party Effect Principle of Perceptual Organization Principle of Perceptual Organization –Group like things together Principle of Importance Principle of Importance –Prominent display for important items

UIDE Chapter 5 4 Psychological Principles It Is Easier to Perceive a Structured Layout It Is Easier to Perceive a Structured Layout

UIDE Chapter 5 4 Psychological Principles Gestalt principles Gestalt principles a.Proximity Elements close together are seen as groups Elements close together are seen as groups b.Similarity Elements with same shape or color appear to belong togethe r Elements with same shape or color appear to belong togethe r c.Closure When possible, we compllete incomplete objects in our head When possible, we compllete incomplete objects in our head d.Continuity Figure d is two lines of dots, not random ones Figure d is two lines of dots, not random ones e.Symmetry Regions with symmetric borders are sen as shapes Regions with symmetric borders are sen as shapes

UIDE Chapter 5 4 Psychological Principles –It Is Easier to Recognize Something Than to Recall It Principle of recognition Principle of recognition Knowledge in the head & Knowledge in the world Knowledge in the head & Knowledge in the world

UIDE Chapter 5 Three Principles from Experience: Visibility, Affordance, and Feedback Three Principles from Experience: Visibility, Affordance, and Feedback –The Principle of Visibility: It Should Be Obvious What a Control Is Used For

UIDE Chapter 5 Three Principles from Experience: Visibility, Affordance, and Feedback –The Principle of Affordance: It Should Be Obvious How a Control Is Used

UIDE Chapter 5 Three Principles from Experience: Visibility, Affordance, and Feedback The Principle of Feedback: It Should Be Obvious When a Control Has Been Used The Principle of Feedback: It Should Be Obvious When a Control Has Been Used