CEN3722 Human Computer Interaction Displays

Slides:



Advertisements
Similar presentations
Principles of Display Design Home Principles:  Perceptual Perceptual  Mental Model Mental Model  Attention Attention  Memory Memory About Links Site.
Advertisements

Man and Machine: HCI Principles
Displays Chapter 8. Key Components in Display Design.
Annoy Your Users Less Session 202 Philip Wolfe, Lead Developer Farm Credit Services of America.
Human – Computer Interaction By: Tharindu Weerasinghe BSc.Eng(Hons), AMIE(SL), AMCS(SL)
Perception and Attention. Information Processing Model  models human thought like its a computer.
Representation at the Interface Gabriel Spitz 1 Lecture #13.
Garadan Al-Amir Hector Segarra.  Is to create instructional messages that are sensitive to the caracteristics of the human information- processing system,
Learning and Technology An Overview. Two types of Multimedia Learning Environments Virtual Learning Environments Windows On The World Multimedia Environments.
3. Memory and Human Computer Interaction. Memory memory 4 The multi-store model of memory describes how the processes of the stage model of HCI are interconnected.
Lecture 3: Shared Workspace and Design Coordination Dr. Xiangyu WANG.
CIS465: Adv. Info. Sys. Memory Systems Min Song Information Systems Dept.
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.
Design, goal of design, design process in SE context, Process of design – Quality guidelines and attributes Evolution of software design process – Procedural,
Copyright © 2010 SAS Institute Inc. All rights reserved. Effective Data Visualization Design for Dashboards Lisa Whitman TriUPA May 25, 2011.
William H. Bowers – Designing Look and Feel Cooper 19.
1 Chapter 8: Displays System Display (the represented system) Mental model Senses Attention Perception.
SD 142 – Catherine M. Burns 1 Memory Text p
Long-Term Memory Ch. 3 Review A Framework Types of Memory stores Building Blocks of Cognition Evolving Models Levels of Processing.
1 Information Input and Processing Information Theory: Some times called cognitive psychology, cognitive engineering, and engineering psychology. Some.
CS 235: User Interface Design September 29 Class Meeting Department of Computer Science San Jose State University Fall 2014 Instructor: Ron Mak
Cognition Chapter 6. Cognition The basic mechanism by which people perceive, think, and remember The basic mechanism by which people perceive, think,
Principles of Good Screen Design
Displays Chapter 8 Rebecca W. Boren, Ph.D.
Metaphors for Learning  Learning involves strengthening correct responses and weakening incorrect responses.  Learning involves adding new information.
Applying cognitive load theory to the design of web-based instruction 指導教授 : 陳 明 溥 研 究 生 : 許 良 村 Feinberg, S. & Murphy, M. (2000). Applying cognitive load.
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.
Understanding Users Cognition & Cognitive Frameworks
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.
U SER I NTERFACE L ABORATORY Situation Awareness a state of knowledge, from the processes used to achieve that state (situation assessment) not encompass.
Yonglei Tao School of Computing & Info Systems GVSU Ch 7 Design Guidelines.
 A navigational display should serve these four different classes of tasks:  Provide guidance about how to get to a destination  Facilitate planning.
Basic components of memory
Human Factors Psychology Dr. Steve
WP6 Emotion in Interaction Embodied Conversational Agents WP6 core task: describe an interactive ECA system with capabilities beyond those of present day.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
School of Mechanical, Industrial, and Manufacturing Engineering 1 The Human-Machine Systems Engineering Process.
CEN3722 Human Computer Interaction Attention and Memory
Interactive Media for Learning Why Are the Videos Doing All the Talking, Enable Your Students to Interact with Media! Kenith Wilson, M.Ed., Educational.
Assist. Prof. Dr. Ilmiye Seçer Fall
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.
SIE 515 The Human Brain vs. The Computer
Yonglei Tao School of Computing & Info Systems GVSU
Learning, Perception, and Attribution
Human information processing: Chapters 4-9
Lect 4: General Principles of Design
Human Factors Issues Chapter 8 Paul King.
Monitoring and Information Systems
WHAT IS PERCEPTION Detect Select Organize Interpret Sensory inputs
Perceiving Other Persons and the World Around Us
CSC USI Class Meeting 2 August 30, 2006.
Cooper Part II Making Well-Behaved Products Visual Design
Demystifying Web Content Accessibility Guidelines
Standards learning goals - syllabus lecture notes – the current .ppt
Learning and Technology
(the represented system)
8. Displays.
Multisensory Integration: Maintaining the Perception of Synchrony
Standards learning goals - syllabus lecture notes – the current .ppt
8. Displays.
Presentation transcript:

CEN3722 Human Computer Interaction Displays Dr. Ron Eaglin

Objectives Describe the following display principles Perceptual operations Mental models Attention Memory Describe principles behind alerting displays, including: Warnings Cautions Advisories Describe principles underlying appropriate labeling

Objectives Describe the following display principles Pictorial realism Moving part Redundancy gain Discriminability Proximity compatibility Predictive aiding Knowledge in the world Consistency

Displays Human made artifacts designed to support the perception of relevant systems variables and facilitate processing of that information Visual Graphs Speedometer Gauges Print Auditory Buzzers Beeps

Display Variables Location Color Dimensionality Motion Intensity Coding Modality What to display

Display - Example 23.445 98 23.11 4 12 1245

Display Example 23.445 98 23.11 4 12 1245

Display Principles Perceptual operations Mental model Human attention Human memory

Perceptual Principles Avoid absolute judgment limits Do not require operator to judge the level of a variable on the basis of a single sensory variable like color, size, or loudness, with numerous levels. IF light is royal blue, THEN all systems are GO

Perceptual Principles Top-down processing Users perceive and interpret signals in accordance with what they expect to perceive on the basis of past experience Valve 12 is OK Valve 13 is OK Valve 14 is OK Valve 15 is OFF Valve 16 is OK Valve 12 is OK Valve 13 is OK Valve 14 is OK Valve 15 is OFF Valve 16 is OK

Perceptual Principles Redundancy Gain Messages expressed multiple times are more likely to be interpreted correctly. Best if multiple messages are in alternative forms (e.g., visual AND aural channels). WARNING WARNING Color Only Color + Label Color + Label + Auditory

Perceptual Principles

Perceptual Principles Discriminability: Similarity causes confusion Signals that are similar will be confused Either at time they are perceived or if signals must be kept in working memory Similarity affected by ratio of similar to dissimilar features: J606V45 versus J706V45 5 similar, 1 dissimilar 606 versus 706 2 similar, 1 dissimilar

Perceptual Principles This figure illustrates how the growth of large companies has increased over the last few years. This figure illustrates how the growth of large countries has increased over the last few years.

Perceptual Principles Companies Countries This figure illustrates how the growth of large companies has increased over the last few years. This figure illustrates how the growth of large countries has increased over the last few years.

Mental Model Principles Principle of Pictorial Realism (Display should look like variable it represents) 100 ° 100 ° ° °

Mental Model Principles Principle of the Moving Part - Moving elements of any display of dynamic information should move in a spatial pattern and direction that is compatible with the user’s mental model of how the represented element moves. (follow user mental model) 375 400 425 450 475 500 430 525 465 500 525 475 500 450 475 400 465 425 450 400 425 375 400

Mental Model Principle Ecological Interface Design Use principles of pictorial realism and moving part to create display with close correspondence with real world system Consistent with/create operator mental model

Mental Model Principles Time 1 Time 2 340 260 110 Reservoir : 340 Reservoir : 330 Holding: 260 Holding: 270 Valve Open Flow:110 p/m Reservoir Flow: 0 p/m Holding Area Valve: Open Valve: Closed 330 270 Pictorial Realism Moving Part Redundancy Gain Valve Closed Reservoir Holding Area

Attention Principles Minimizing information access cost - There is a mental cost associated with the time or effort to move selective attention from one display location to another to access information Good designs minimize cost by keeping frequently accessed information sources in a prominent place

Attention Principles Proximity compatibility principle When two or more sources of information are related, and must be mentally integrated to complete a task (through divided attention), then they should be placed contiguously in space “Close mental proximity” requires “close display proximity”

Attention Principles Focused attention Divided attention Allows information sources to be perceived without distraction from other information sources Divided attention Allows parallel processing of two or more information sources Selective attention Attention shifts based on salience of incoming information.

Proximity Compatibility Principle

Attention Principles + Principle of multiple information resources Processing a large amount of information can be facilitated by dividing information into multiple channels Visual + Visual Audio

Memory Principles Principle of predictive aiding Predicting future is hard Current conditions Possible future conditions Rules that map (relate) the two As a result, human operators become reactive rather than proactive React to events after the fact versus anticipating events. Replace “current status” display with predictive display Allows operators to rely on perceptual versus cognitive processing

Memory Principles Principle of knowledge in the world Information prominently displayed Recognition versus recall: Visibility Knowledge in the head requires relying on retrieval from long term memory Graphical user interface versus command line

Memory Principles Principle of consistency Display information consistently Across multiple displays/windows/screens. Make behavior consistent Exit shortcut: Exit versus Exit

Alerting Displays System alerts differ by criticality Severity of the consequences for ignoring them Warnings Most critical Use auditory AND visual alert

Alerting Displays Cautions Same as warning, use both auditory and visual signal Less salient auditory signal (“softer” sound)

Alerting Displays Advisories Least critical Need not include auditory signal (only visual)

Labels Used to unambiguously identify elements Present “knowledge in the world

Label Design Principles Visibility/legibility Contrast sensitivity a concern Contrast sufficient so that label can be read in poorest of conditions

Label design Principles Discriminability Operator should be able to clearly discriminate between labels Relates to distinct features

Label Design Principles Discriminability Tendency to confuse negative and positive labels Problem under degraded sensory conditions Low visibility for visual indicators Noisy environments for auditory warnings

Labels Meaningfulness No guarantee that a particular word or icon triggers the appropriate meaning, even if it is visible and legible. Avoid labels based solely on icons or abbreviations

Objectives Describe the following display principles Perceptual operations Mental models Attention Memory Describe principles behind alerting displays, including: Warnings Cautions Advisories Describe principles underlying appropriate labeling

Objectives Describe the following display principles Pictorial realism Moving part Redundancy gain Discriminability Proximity compatibility Predictive aiding Knowledge in the world Consistency