1 Chapter 8: Displays System Display (the represented system) Mental model Senses Attention Perception.

Slides:



Advertisements
Similar presentations
Information Representation Need to break representations into component forms, for analysis and for design Establish a common language for discussion Few.
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.
Principles of Web Design 5th Edition
(c) Chris Curran, Data Display Techniques Christine R. Curran, PhD, RN, CNA October, 2001.
Human – Computer Interaction By: Tharindu Weerasinghe BSc.Eng(Hons), AMIE(SL), AMCS(SL)
Cognitive Issues in Virtual Reality Wickens, C.D., and Baker, P., Cognitive issues in virtual environments, in Virtual Environments and Advanced Interface.
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 
Instructor: Vincent Duffy, Ph.D. Associate Professor Exam 1 Review Fri. Feb. 9, 2007 IE 486 Work Analysis & Design II.
Instructor: Vincent Duffy, Ph.D. Associate Professor of IE Lecture 7 – Displays & Controls Tues. Feb. 6, 2007 IE 486 Work Analysis & Design II.
These courseware materials are to be used in conjunction with Software Engineering: A Practitioner’s Approach, 6/e and are provided with permission by.
ICS 463, Intro to Human Computer Interaction Design: 3. Perception Dan Suthers.
G063 - HCI Design Perception, Attention, Memory & Learning (PALM)
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.
Level > Next Level > …. > Crumb Trail (Hansel & Grettel) Bread Crumb Trail.
User Characteristics & Design Principles Gabriel Spitz 1 Lecture # 11.
Chapter 3 – Human Information Processing
Copyright © 2010 SAS Institute Inc. All rights reserved. Effective Data Visualization Design for Dashboards Lisa Whitman TriUPA May 25, 2011.
Computing & Information Sciences Kansas State University CIS 536/636 Introduction to Computer Graphics Lecture 28 of 41 William H. Hsu Department of Computing.
Midteram Overview SY DE 142 Midterm: Date: June 14, 2004 Time: 1:30 - 3:30pm Room: DC 1350 Aids Allowed: Text book: Wickens and Set Phasers on Stun Calculator.
Human Supervisory Control Memory & Attention.
Principles of Good Presentation Slides & Graphics November 21, 2008 Adapted from slides used by Katie Kopren.
Chapter 5: Spatial Cognition Slide Template. FRAMES OF REFERENCE.
1 Information Input and Processing Information Theory: Some times called cognitive psychology, cognitive engineering, and engineering psychology. Some.
I NDUSTRIAL E NGINEERING C OGNITIVE E RGONOMICS L AB TOPIC 2: INFORMATION PROCESSING.
Principles of Good Screen Design
Displays Chapter 8 Rebecca W. Boren, Ph.D.
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.
Visual Organization Layout. Importance Users form their 1 st impression of your website in SECONDS When users know what they want, they want to find it.
Displays. 2 Functions of Dynamic Visual Displays Continuous System Control steering (vehicle control) tracking state variable  target value System Status.
Dr. Gallimore10/18/20151 Cognitive Issues in VR Chapter 13 Wickens & Baker.
VERITAS Confidential Graphic Design Shashank Deshpande VERITAS Software July, 2003.
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.
Cognitive Ergonomics: Design Analysis & Proposed Enhancement UPC Digital Television System Emma Cusack, Shane Murphy & Ciaran Treanor.
Understanding Users Cognition & Cognitive Frameworks
Human Factors In Visualization Research Melanie Tory and Torsten Moller Ajith Radhakrishnan Nandu C Nair.
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
SBD: Information Design
Midterm I Review Anne Hummel Meghan Nelson October 13, 2003.
 A navigational display should serve these four different classes of tasks:  Provide guidance about how to get to a destination  Facilitate planning.
Dialog Design I Basic Concepts of Dialog Design. Dialog Outline Evaluate User Problem Representations, Operations, Memory Aids Generate Dialog Diagram.
DATA OUTPUT  maps  tables. DATA OUTPUT output from GIS does not have to be a map many GIS are designed with poor map output capabilities types of output:
Human Factors Psychology Dr. Steve
Capabilities of Humans. Gestalt More than the sum of its parts.
Information Design Goal: identify methods for representing and arranging the objects and actions possible in a system in a way that facilitates perception.
School of Mechanical, Industrial, and Manufacturing Engineering 1 The Human-Machine Systems Engineering Process.
IE 366 Chapter 16 Displays. IE 366 Human-Machine System Displays Controls Other Subsystems Environment Human(s)
SIE 515 Universal Design Lecture 9.
CEN3722 Human Computer Interaction Cognition and Perception
Chapter 3. Information Input and Processing
Making the Web Accessible to Impaired Users
Chapter 2 Hix & Hartson Guidelines.
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
CEN3722 Human Computer Interaction Displays
Chapter 15 User Interface Design
HCI and Hypermedia/WWW
Perception.
(the represented system)
8. Displays.
9. Displays and Controls.
8. Displays.
Presentation transcript:

1 Chapter 8: Displays System Display (the represented system) Mental model Senses Attention Perception

2 Display design principles n Perceptual principles 1) Absolute judgement (maximum of 5-7 levels) 2) Top-down processing (Highlight the unexpected) 3) Redundancy gain (Multiple cues or modes) 4) Discriminability (ratio of similar to dissimilar features) n Attention principles 5) Minimizing information access cost (minimize “distance” between variables) 6) Proximity compatibility principle (link variables through common location, color, or other code) 7) Principle of multiple resources (distribute information between mental resources) n Mental model principles 8) Principle of pictorial realism (configure to match system/mental model, thermometer) 9) Principle of the moving part (match movement to system/mental model, aircraft and altimeter) 10) Ecological interface design (display provides an externalized and normative mental model) n Memory principles 11) Predictive aiding (show future states rather than force people to estimate) 12) Knowledge in the world (displayed information rather than rely on memory) 13) Consistency (same cues should have same meaning, red is for danger)

3 Attention principles n Minimizing information access cost (minimize “distance” between variables, same page for related information) n Proximity compatibility principle (link variables through common location, color, or other code) n Principle of multiple resources (distribute information between mental resources, such as auditory and visual modes)

4 Mental model principles n Principle of pictorial realism (configure to match system/mental model, thermometer) n Principle of the moving part (match movement to system/mental model, aircraft and altimeter) n Ecological interface design (display provides an externalized and normative mental model)

5 VCR metaphor for printer?

6 Dimmer Switch

7 Memory principles n Predictive aiding (show future states rather than force people to estimate) n Knowledge in the world (displayed information rather than rely on memory, position estimates on chart) n Consistency (same cues should have same meaning, red is for danger)

8 From Barrows and Powell (2000)

9 Display design principles n Perceptual principles 1) Absolute judgement (maximum of 5-7 levels) 2) Top-down processing (Highlight the unexpected) 3) Redundancy gain (Multiple cues or modes) 4) Discriminability (ratio of similar to dissimilar features) n Attention principles 5) Minimizing information access cost (minimize “distance” between variables) 6) Proximity compatibility principle (link variables through common location, color, or other code) 7) Principle of multiple resources (distribute information between mental resources) n Mental model principles 8) Principle of pictorial realism (configure to match system/mental model, thermometer) 9) Principle of the moving part (match movement to system/mental model, aircraft and altimeter) 10) Ecological interface design (display provides an externalized and normative mental model) n Memory principles 11) Predictive aiding (show future states rather than force people to estimate) 12) Knowledge in the world (displayed information rather than rely on memory) 13) Consistency (same cues should have same meaning, red is for danger)

10 Types of displays n Alerting n Labels n Monitoring n Multiple displays n Navigation displays and maps n Tables and graphs

11 Alerting n Perceptual: Redundancy gain (use auditory because it is omnidirectional) n Perceptual: Absolute judgement (limit number of warning tones to 5-7) n Memory: Consistency (uniform meaning for color codes)

12 Labels n Perceptual: Discriminability n Attention: Proximity compatibility principle n Asymmetry in interpretation of negative Right turn only vs. No left turn

13 Monitoring n Perceptual: Absolute judgement and display markings n Mental model: Ecological interface design n Mental model: Principle of pictorial realism and analog and digital displays. DEPENDS ON TASK

14 Traditional Interface

15 Rankine Cycle Interface

16 Specific benefits of the Rankine cycle display n Distinctive shape makes changes easy to identify (highlights the unexpected) n Changes in shape are linked to a model of the underlying physics and so support problem solving (externalized mental model) n Temperature and pressure data are placed in a meaningful context (Knowledge in the world rather than steam tables in the head)

17 Multiple displays n Attention: Minimizing information access cost using the primary visual area, phase-related tailoring n Memory: Consistency of display layout n Attention/Mental model: Information grouping

18 Multiple displays n Attention: Costs and benefits of head-up displays n Perceptual: Discriminability and emergent features of configural displays

19 Navigation displays and maps n Perceptual: map clutter (color, intensification, and declutter/filtering functions) n Map orientation: Head up vs North up n 3-D vs 2-D: Role of topography, experience of users ;

20 Tables and graphs n Perceptual: Discriminabilty, differentiating lines in a line graph n Perceptual: Discriminabilty, minimizing clutter n Attention: Proximity compatibility and linking lines to legend

21 Objectives n Power of representation n Display variables and the match to the task n Display design principles Perceptual Mental model Attention Memory n Types of displays and how to apply the principles