Displays Chapter 8 Rebecca W. Boren, Ph.D.

Slides:



Advertisements
Similar presentations
Chapter 12 User Interface Design
Advertisements

Principles of Display Design Home Principles:  Perceptual Perceptual  Mental Model Mental Model  Attention Attention  Memory Memory About Links Site.
Man and Machine: HCI Principles
Displays Chapter 8. Key Components in Display Design.
SM2222: Information Design and Visualization Wayfinding: “You Are Here” (YAH) Map 18 November 2005.
 Description of PressurePro System  Identify system components  Display and Operational Modes  Sensor alerts  Checking of tire pressures  Manual.
COMP 3715 Spring 05. Computer Interface Interaction between human and computer Has to deal with two things  User’s mental model Different user has different.
Human – Computer Interaction By: Tharindu Weerasinghe BSc.Eng(Hons), AMIE(SL), AMCS(SL)
Interface Design Workshop Shad Valley Waterloo, 2003 (Day 2 of 4) Presenter: Danny Ho Advanced Interface Design Lab University of Waterloo.
Perception and Attention. Information Processing Model  models human thought like its a computer.
Visual Display of Dynamic Information Chapter 5. Visual Display of Dynamic Information Uses of Dynamic Information   Quantitative Visual Displays 
CMPUT 301: Lecture 25 Graphic Design Lecturer: Martin Jagersand Department of Computing Science University of Alberta Notes based on previous courses by.
1 Chapter 1 Introduction. 2 Outline 1.1 A Very Abstract Summary 1.2 History 1.3 Model of the Signaling System 1.4 Information Source 1.5 Encoding a Source.
1 Information Input and Processing Information Theory: Some times called cognitive psychology, cognitive engineering, and engineering psychology. Information.
1 User Interface Design CIS 375 Bruce R. Maxim UM-Dearborn.
1 VISUAL DISPLAYS OF DYNAMIC INFORMATION Things in our world keep changing (such as temperature and blood pressure). This lecture will deal with the design.
Charts and Graphs V
William H. Bowers – Designing Look and Feel Cooper 19.
MODULE 2 THE DRIVER. FACTORS INVOLVED IN COLLISIONS Three factors in collisions, of which you only have control over the first two; – 1. Driver – 2. Vehicle.
1 Chapter 8: Displays System Display (the represented system) Mental model Senses Attention Perception.
Ch 6 - Menu-Based and Form Fill-In Interactions Yonglei Tao School of Computing & Info Systems GVSU.
Chapter 5: Spatial Cognition Slide Template. FRAMES OF REFERENCE.
Designing a Graphical User Interface (GUI) Krisana Chinnasarn, Ph.D. January 2007.
1 Information Input and Processing Information Theory: Some times called cognitive psychology, cognitive engineering, and engineering psychology. Some.
Managing Project Through Information System.  Monitoring is collecting, recording, and reporting information concerning any and all aspects of project.
I NDUSTRIAL E NGINEERING C OGNITIVE E RGONOMICS L AB TOPIC 2: INFORMATION PROCESSING.
WAYFINDING Cognitive mapping and signage. Universal Access  Navigating buildings should accommodate a diverse population  Healthy and cognitively aware.
Principles of Good Screen Design
MULTIMEDIA DEFINITION OF MULTIMEDIA
1 ISE Ch. 17/18 Human–Machine System The boundary between the human and the machine is the “user interface.” Information flows from human to machine.
Current Assistive Technologies Available for Orientation and Mobility Purposes: Applications, Limitations, and Criteria for Successful Use Ed Gervasoni,
Chapter 3. Information Input and Processing Part – II* Prepared by: Ahmed M. El-Sherbeeny, PhD *(Adapted from Slides by: Dr. Khaled Al-Saleh) 1.
King Saud University College of Engineering IE – 341: “Human Factors” Fall – 2015 (1 st Sem H) Chapter 3. Information Input and Processing Part.
©Ian Sommerville 2004Software Engineering, 7th edition. Chapter 4 Slide 1 Slide 1 Human Computer Interface Design (HCI - Human Computer Interactions Alias.
Corritore, MCIT Working Connections, June Introduction to Visual Design Dr. Cindy Corritore Creighton University ITM 734 Fall 2005.
1 COSC 4406 Software Engineering COSC 4406 Software Engineering Haibin Zhu, Ph.D. Dept. of Computer Science and mathematics, Nipissing University, 100.
1 Human information processing: Chapters 4-9 n Computer as a metaphor for human performance n Misses role of emotion and distributed cognition ReceptorsPerception.
1 ISE 412 Information Theory (aka Communication Theory)  Grew out of the study of problems of electrical communications (especially telegraphy) and statistical.
Week 2-1: Human Information Processing
©2001 Southern Illinois University, Edwardsville All rights reserved. CS 321 Human-Computer Interaction Today Design Elements Readings in HCI, pp
U SER I NTERFACE L ABORATORY Situation Awareness a state of knowledge, from the processes used to achieve that state (situation assessment) not encompass.
© 2006 PSEN Unit - #4 Let’s Go Driving Identification Evaluation Control Monitor.
Positive Guidance Principles. Positive guidance concept - Provide drivers sufficient information about roadway design, operations, and potential hazards.
 A navigational display should serve these four different classes of tasks:  Provide guidance about how to get to a destination  Facilitate planning.
Access for Individuals who are visually impaired or blind Janet M. Barlow Accessible Design for the Blind 2015 Walking Summit October 29, 2015.
Radio Aids & Navigational Systems – RAN 2204
Importance of user interface design – Useful, useable, used Three golden rules – Place the user in control – Reduce the user’s memory load – Make the.
Human Factors Psychology Dr. Steve
1 These courseware materials are to be used in conjunction with Software Engineering: A Practitioner’s Approach, 5/e and are provided with permission by.
IT323 - Software Engineering 2 1 Tutorial 3.  Suggest ways in which the user interface to an e-commerce system such as an online stores might be adapted.
Information Design Goal: identify methods for representing and arranging the objects and actions possible in a system in a way that facilitates perception.
Chapter 2 Signs, Signals, and Roadway Markings Start working on the Start working on the 8 questions on page 39! 8 questions on page 39!
School of Mechanical, Industrial, and Manufacturing Engineering 1 The Human-Machine Systems Engineering Process.
Smart Vehicles – Summary
CEN3722 Human Computer Interaction Cognition and Perception
Chapter 3. Information Input and Processing
King Saud University College of Engineering IE – 341: “Human Factors Engineering” Fall – 2017 (1st Sem H) Chapter 3. Information Input and Processing.
Human information processing: Chapters 4-9
Human Factors Issues Chapter 8 Paul King.
ERGONOMICS VISUAL DISPLAY.
CEN3722 Human Computer Interaction Displays
King Saud University College of Engineering IE – 341: “Human Factors Engineering” Fall – 2017 (1st Sem H) Visual Displays of Dynamic Information.
Cooper Part II Making Well-Behaved Products Visual Design
How To Be A More Perceptive Driver
(the represented system)
8. Displays.
Auditory, Tactical, and Olfactory Displays
Accessibility.
9. Displays and Controls.
8. Displays.
Presentation transcript:

Displays Chapter 8 Rebecca W. Boren, Ph.D. Introduction to Human Factors Engineering IEE 437/547 Arizona State University October 17, 2011

What are displays? Human-made artifacts designed to support the perception of relevant system variables and further processing of that information.

Ways of Classifying Displays Physical properties The tasks they are designed to support Properties of the human user that dictate the best mapping between display and task (what we learned from the chapters on vision, hearing, and cognition)

Ways of Classifying Displays Physical properties: Color or monochrome Visual or auditory modality 3-D display or stereo

Ways of Classifying Displays The tasks they are designed to support: Navigating Controlling Decision Making Learning So forth…

Ways of Classifying Displays Properties of the human user that dictate the best mapping between display and task: Thirteen principles of display design Perceptual principles Mental model principles Principles based on attention Memory Principles

Perceptual Principles Display Principles Perceptual Principles

Make displays legible (or audible) Good contrast Font size and type How far away will the display be viewed? Use the principles for vision (ch 4) and audition (ch 5) Example: ClearviewHwy Fonts

Avoid absolute judgment Do not require users to judge the level of a variable on the basis of a single sensor variable like color or size, which contains more than five to seven possible levels.

The variables used to differentiate the batteries are their size and form.

What variable is used to differentiate these screwdrivers?

What variable is used to differentiate these screwdrivers? Answer: Length Does it conform to the Principle of Avoiding Absolute Judgment?

Choose a leather

How many colors are used in this example?

Does this conform to the Principle of Avoiding Absolute Judgment? Answer: 3 Does this conform to the Principle of Avoiding Absolute Judgment?

Unnatural mapping Natural mapping

Top-down processing People will perceive and interpret signals in accordance with what they expect to perceive on the basis of past experience. WARNING

Can you identify these signs by their shape?

Were you correct?

Redundancy gain When the same message is expressed more than once, particularly if the presentation is in alternative physical forms. (In this case, color and words.)

Discriminability Similarity causes confusion

Discriminability Similarity causes confusion

Problem With the design on the left, the two displays are very similar, but represent two very different quantities. Both displays have the same numeric scale with the same incremental increases. This can cause driver confusion. Bad Good Solution To eliminate confusion, the tachometer and speedometer should be on different numeric scales, like the display on the right.

Mental Model Principles Display Principles Mental Model Principles

Principle of pictorial realism A display should look like the variable that it represents. X X X X

Quicken Check-writing Features – looks like an actual checkbook.

Principle of the moving part Display variables move similarly to the way the actual parts move.

Principle of the moving part Safety Blanket Uses 4 AA batteries and car plug 4 lighting modes: arrows flashing in sequence, all arrows flashing simultaneously, all arrows on at the same time, reflectors only (lights off) http://www.astrooptics.com/emergency.html

Principles Based on Attention Display Principles Principles Based on Attention

Minimizing information access cost Cost is measured in time and effort of the user. Keep frequently accessed sources in such a location that the cost of traveling between them is small.

Drop-down Menus

Proximity compatibility principle Sometimes two or more sources of information must be mentally integrated to complete the task. Parts of the information should be close together, but not too close.

Proximity compatibility principle and (c) are better than (b) or (d)

Proximity compatibility principle

Principle of multiple resources Dividing information display between modalities (audition and vision). Multiple cues to identification. Icons accompanied by words.

Display Principles Memory Principles

Replace memory with visual information: Knowledge in the World Visible reminders or statements of what is to be done. Computer on the right with labels For each device: E:, A:, D:, F:, G:.

Principle of predictive aiding Help with making prediction in the future.

Principle of consistency When all else fails, standardize.

Confusing Signs

Confusing Signs

Confusing Signs

Let’s look at this example of a home office. Any Questions so far? Let’s look at this example of a home office.

What display principles can we apply here?

Why is this better?

What is the best way to present an alert? Alerting Displays What is the best way to present an alert?

Alerting Displays Should it be visual or auditory? Could it be both?

Alerting Displays Three levels of alerts Warning: most critical category; signaled by the most salient auditory alerts. Cautions: less critical, softer auditory alert. Advisories: need not be auditory. Can be visual.

Alerting Displays Smoke alarm Radar detector Warning light

Alerting Displays Aviation community has agreed on a common color code: Red for warning Amber or yellow for caution Other colors (that cannot be confused with red or amber) for advisory information.

Display that is static and unchanging. Labels Display that is static and unchanging.

Labels Purpose is to signal the identity or function of an entity. Represents “knowledge in the world” Usually print, but can be an icon.

Design criteria for labels: Visibility/legibility (contrast sensitivity) Discriminability (try to avoid Don’t) Meaningfulness (avoid icons only or abbreviations) Location (should be located physically close to the entity)

Monitoring Displays Potentially changing values, such as noise level, speed, temperature, etc.

Design criteria for monitoring displays Legibility Analog versus digital If analog is chosen, the orientation of the display scale should be in a form and direction that is congruent with the user’s mental model. Up or right shows increase.

Prediction Prediction is not something humans do very well, particularly under stress. A good predictor display can aid human performance. Do not try to predict further into the future than is reasonable and necessary. Sluggishness can be a problem.

Multiple Displays Establish a primary visual area (PVA)

Multiple Monitors http://www.codinghorror.com/blog/2007/08/the-large-display-paradox.html

The Large Display Paradox Is a large display more productive or not?

Design criteria for multiple display layouts Frequency of use. Most frequently used displays should be adjacent to the PVA. Display relatedness or sequence of use.

Navigation Displays serve to Provide guidance about how to get to a destination. Facilitate planning Help recovery if the traveler becomes lost. Maintain situation awareness regarding the location of a broad range of objects.

Forms of navigation displays Paper Electronic

Navigation may be through Physical space, or Information space

Navigation Displays & Maps Route lists & command displays work best if accompanied by a map.

Electronic Maps With electronic maps, detail can be achieved without sacrificing legibility if zooming capabilities are incorporated.

The Problem with Clutter Clutter slows down the time to access information Slows down the time to read items, as a consequence of masking by nearby items.

Cluttered Map

Solutions to the Problem of Clutter Effective color-coding Minimalist maps With electronic maps it is possible to highlight needed information A “you are here” or YAH indication is useful

Solutions to the Problem of Clutter Minimalist Maps You Are Here Maps

Tables & Graphs Decide how best to display data Legibility and clutter are issues. “Greatest amount of data with the least amount of ink”

Other Display Modes The most common forms of display are visual and auditory. Occasionally, touch and smell are used to alert us.

Olfactory Displays Olfactory relates to the sense of smell. Natural gas does not have any odor. A stinky smell is added to warn of a gas leak.

IF THE RED LIGHT IS BLINKING OR YOU SMELL WINTERGREEN – EVACUATE THE BUILDING In buildings where carbon dioxide is released when a fire is detected, an odor of wintergreen was added to the gas as a warning. E. J. McCormick & M. S. Sanders, Human Factors in Engineering and Design, 5th Ed., 1982, p. 150.

Tactile Displays Bott’s Dots are used on the highway to mark the lanes. They are also used on the race track to help the drivers stay on course.

Any Questions?

More displays