School of Mechanical, Industrial, and Manufacturing Engineering 1 The Human-Machine Systems Engineering Process.

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.
(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)
Copyright © 2010 Pearson Education InternationalChapter Designing Visual Communication.
Displays INSY 3020/7976/ENH 670. Display Any method for presenting information which uses some intervening mechanism or device to convey information from.
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.
User Interface Design: Methods of Interaction. Accepted design principles Interface design needs to consider the following issues: 1. Visual clarity 2.
User interface design Designing effective interfaces for software systems Objectives To suggest some general design principles for user interface design.
AIRCRAFT Electronic Instrument Systems
1 Information Input and Processing Information Theory: Some times called cognitive psychology, cognitive engineering, and engineering psychology. Information.
Communication: Displays
Data Processing Equipment
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.
ArcGIS Overview Lecture 1: Software Layer characteristics Thematic maps.
AVIONICS Unit 2.
1 Chapter 8: Displays System Display (the represented system) Mental model Senses Attention Perception.
Learning Objective Chapter 7 Graphics and Visual Communication Copyright © 2001 South-Western College Publishing Co. Objectives O U T L I N E General Design.
Human-Centered Information Visualization Jiajie Zhang, Kathy Johnson, Jack Smith University of Texas at Houston Jane Malin NASA Johnson Space Center July.
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.
Chapter 13 Creating Graphics. 2Chapter 13. Creating Graphics.
I NDUSTRIAL E NGINEERING C OGNITIVE E RGONOMICS L AB TOPIC 2: INFORMATION PROCESSING.
Chapter 12 Visual Aids. Learning Objective 1 Describe the purposes of visual aids in written and oral communication.
Principles of Good Screen Design
Displays Chapter 8 Rebecca W. Boren, Ph.D.
Understand the Principles of Good Screen Design. Introduction A well-designed screen: Reflects the capabilities, needs, and tasks of its users. Is developed.
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.
Displays. 2 Functions of Dynamic Visual Displays Continuous System Control steering (vehicle control) tracking state variable  target value System Status.
VERITAS Confidential Graphic Design Shashank Deshpande VERITAS Software July, 2003.
Software Architecture
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.
1 ISE 412 Memory LONG-TERM MEMORY WORKING MEMORY SENSORY STORE.
G063 - Human Computer Interface Design Designing the User Interface.
1 Human information processing: Chapters 4-9 n Computer as a metaphor for human performance n Misses role of emotion and distributed cognition ReceptorsPerception.
Chapter 12. Creating Graphics © 2010 by Bedford/St. Martin's1 Graphics serve five functions: They can catch the reader’s attention and interest. They can.
Chapter 8. Creating Graphics © 2013 by Bedford/St. Martin's1 Graphics serve five functions: They can catch readers’ attention and interest. They can help.
1 ISE 412 Information Theory (aka Communication Theory)  Grew out of the study of problems of electrical communications (especially telegraphy) and statistical.
 A navigational display should serve these four different classes of tasks:  Provide guidance about how to get to a destination  Facilitate planning.
Human Factors Psychology Dr. Steve
 Emphasize Ideas .Display abstract ideas in concrete, geometric shapes .Condense .Dramatize .Compare large amount of data .Indicate trend .Convey.
King Saud University College of Engineering IE – 341: “Human Factors” Fall – 2015 (1 st Sem H) Visual Displays of Dynamic Information (Chapter 5)
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.
6. (supplemental) User Interface Design. User Interface Design System users often judge a system by its interface rather than its functionality A poorly.
IE 366 Chapter 11 Workstation Design. IE 366 Overview ● Workstation design in the work systems engineering process ● Guidelines for workstations for repetitive.
IE 366 Chapter 16 Displays. IE 366 Human-Machine System Displays Controls Other Subsystems Environment Human(s)
Business System Development
Principles of Good Screen Design
Displays.
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.
Visual Displays of Dynamic Information (Chapter 5)
CEN3722 Human Computer Interaction Displays
Presentation, layout and labeling
King Saud University College of Engineering IE – 341: “Human Factors Engineering” Fall – 2017 (1st Sem H) Visual Displays of Dynamic Information.
King Saud University College of Engineering IE – 341: “Human Factors Engineering” Fall – 2017 (1st Sem H) Visual Displays of Dynamic Information.
Characteristics of Graphical and Web User Interfaces
Step-3: Principles of Good Interface and Screen Design
6. Cognition.
(the represented system)
8. Displays.
Designing Visual Communication
6. Cognition.
9. Displays and Controls.
8. Displays.
Presentation transcript:

School of Mechanical, Industrial, and Manufacturing Engineering 1 The Human-Machine Systems Engineering Process

School of Mechanical, Industrial, and Manufacturing Engineering HMSE Design Guidance ● Requirements ● Principles from ● HF Textbook ● HF lectures ● HF handbooks ● HF checklists

School of Mechanical, Industrial, and Manufacturing Engineering Displays

School of Mechanical, Industrial, and Manufacturing Engineering Human-Machine System Displays Controls Other Subsystems Environment Human(s)

School of Mechanical, Industrial, and Manufacturing Engineering 5 MD-11 Cockpit Copyright Harri Koskinen, used with permission, downloaded from 30 Jun 04

School of Mechanical, Industrial, and Manufacturing Engineering 6 Classifying Displays ● Display physical properties/technologies ● mechanical ● electronic ● etc. ● Tasks they support ● status monitoring ● surveillance ● etc. ● Characteristics of human users ● level of expertise ● etc. ● Static/dynamic ● Sensory modality

School of Mechanical, Industrial, and Manufacturing Engineering 7 Visual Displays OIL FUEL Circular Analog Linear Analog Annunciators Digital

School of Mechanical, Industrial, and Manufacturing Engineering 8 Thirteen Principles of Display Design ● Perceptual Principles ● Mental Model Principles ● Principles Based on Attention ● Memory Principles

School of Mechanical, Industrial, and Manufacturing Engineering 9 Perceptual Principles 1.Make displays legible (contrast, VA, font characteristics, etc.) 2.Avoid absolute judgment limits (< 5-7) 3.Exploit top-down processing 4.Exploit redundancy 5.Utilize discriminability (similarity causes confusion)

School of Mechanical, Industrial, and Manufacturing Engineering 10 Coding ● Color ● < 9 discriminable colors (absolute discrimination) ● < ? (relative discrimination) ● Shape ● alphanumeric: < 82 (A-Z, a-z, 0-9, <, (, +, &, …) ● geometric: < 15 ● pictorial: < ?

School of Mechanical, Industrial, and Manufacturing Engineering 11 Coding (cont’) Magnitude < 7 (± 2) ● area ● line length ● number of primitives ● luminance ● stereoscopic depth ● inclination

School of Mechanical, Industrial, and Manufacturing Engineering 12 Mental Model Principles 6.Apply pictorial realism 7.Apply principle of the moving part 8.(and other principles of movement compatibility)

School of Mechanical, Industrial, and Manufacturing Engineering 13 Fixed Scale Moving Pointer (1)

School of Mechanical, Industrial, and Manufacturing Engineering 14 Fixed Scale Moving Pointer (2)

School of Mechanical, Industrial, and Manufacturing Engineering 15 Fixed Pointer Moving Scale (1)

School of Mechanical, Industrial, and Manufacturing Engineering 16 Fixed Pointer Moving Scale (2)

School of Mechanical, Industrial, and Manufacturing Engineering 17 Scale Intervals Good progressions (0.1 unit numbered interval) (1 unit) (5 units) Fair progressions (0.2 unit) (2 units) Poor progressions (0.25 units) (4 units) (2 units, poor initial point)

School of Mechanical, Industrial, and Manufacturing Engineering 18 Scale Layout ● Circular ● Numbers increase clockwise ● Zero break ● Zero at bottom (positive scale) ● Zero at 9 o’clock position (positive - negative scale) ● Numbers inside graduation marks 0

School of Mechanical, Industrial, and Manufacturing Engineering 19 Circular Display

School of Mechanical, Industrial, and Manufacturing Engineering 20 Positive/Negative Display

School of Mechanical, Industrial, and Manufacturing Engineering 21 Linear Displays

School of Mechanical, Industrial, and Manufacturing Engineering 22 Linear Displays (2)

School of Mechanical, Industrial, and Manufacturing Engineering 23 Long-Scale Displays: Multiple Pointer

School of Mechanical, Industrial, and Manufacturing Engineering 24 Long-Scale Displays: Pointer/Counter

School of Mechanical, Industrial, and Manufacturing Engineering 25 Motion (Fixed Pointer Moving Scale) ● Scale numbers increase in clockwise direction ● Compatible control / scale movement ● Clockwise control movement increases value ● Avoid FPMS displays (inconsistency)

School of Mechanical, Industrial, and Manufacturing Engineering 26 FPMS Anomalies (1)

School of Mechanical, Industrial, and Manufacturing Engineering 27 FPMS Anomalies (2)

School of Mechanical, Industrial, and Manufacturing Engineering 28 Principles Based on Attention 8.Minimize information access costs 9.Apply proximity compatibility principle ● mental proximity → display proximity ● e.g., aircraft primary flight instruments 10.Utilize multiple resources/modalities (visual + auditory)

School of Mechanical, Industrial, and Manufacturing Engineering 29 Aircraft Primary Flight Instruments Source: Wikimedia commons, downloaded 2 Nov 10 from Source: Wikimedia commons, downloaded 2 Nov 10 from b/d/dc/Primary_Flight_Display.svg/2000px- Primary_Flight_Display.svg.png Conventional Electronic

School of Mechanical, Industrial, and Manufacturing Engineering 30 Memory Principles 11.Replace knowledge in the head with knowledge in the world 12.Provide predictive aiding 13.Be consistent!

School of Mechanical, Industrial, and Manufacturing Engineering 31 Alerting Displays ● Alert levels (e.g., Engine Indication and Crew Alerting System [EICAS]) ● Advisory ● Caution (salient, perhaps auditory) ● Warning (most salient)

School of Mechanical, Industrial, and Manufacturing Engineering 32 Labels ● Examples of static displays ● Design criteria 1.Visibility & legibility 2.Discriminability 3.Meaningfulness 4.Location (close & unambiguous)

School of Mechanical, Industrial, and Manufacturing Engineering 33 Monitoring Displays ● Used to display changing quantities ● Design criteria 1.Legibility 2.Analog vs digital 3.Analog form & direction ● pictorial realism, moving part 4.Prediction & sluggishness

School of Mechanical, Industrial, and Manufacturing Engineering 34 Check Reading ● Examples ● RPM ok? ● Temperature ok? ● Types ● FSMP ● FPMS ● Technologies ● Mechanical ● Electronic (CRT, LCD, …)

School of Mechanical, Industrial, and Manufacturing Engineering 35 Check Reading (2)

School of Mechanical, Industrial, and Manufacturing Engineering 36 Check Reading (3) ABCD

School of Mechanical, Industrial, and Manufacturing Engineering 37 Display Layout ● Primary visual area ● Principles 1.Frequency of use 2.Importance 3.Display relatedness 4.Sequence of use 5.Functional grouping 6.Stimulus-response compatibility 7.Clutter avoidance 8.Proximity compatibility 9.Standardization ● Conflicts → tradeoffs

School of Mechanical, Industrial, and Manufacturing Engineering 38 Head-Up Displays windscreen mirror projector pilot’s eye combiner HUD image (at optical infinity)

School of Mechanical, Industrial, and Manufacturing Engineering 39 Head-Up Displays ● Advantages ● Far-near in parallel ● Conformal display ● Optical infinity ● Disadvantages ● Cost ● Clutter ● Also Head-Mounted Displays(HMDs)

School of Mechanical, Industrial, and Manufacturing Engineering 40 Head-Up Display Source:

School of Mechanical, Industrial, and Manufacturing Engineering 41 Military Aircraft HUD

School of Mechanical, Industrial, and Manufacturing Engineering 42 Head Mounted Display Kopin Monocular Head Mounted Display,

School of Mechanical, Industrial, and Manufacturing Engineering 43 Helmet Mounted Display Source: VSI F-35 HMDS - Joint Strike Fighter Helmet Mounted Display System hmcs.com/pages_hmcs/03b_f35nite.htmlhttp:// hmcs.com/pages_hmcs/03b_f35nite.html, last accessed 22 Oct 07.

School of Mechanical, Industrial, and Manufacturing Engineering 44 Configural/Object Displays ● Configural displays (object displays) ● See p. 206, Fig ● Taking advantage of emergent features Configural Respiration Monitoring Display Nuclear Power Plant Object Display

School of Mechanical, Industrial, and Manufacturing Engineering Supervisory Displays ● Large, complex systems ● Monitoring ● Routine & non-normal situations ● Ecological interfaces – Graphical – Emergent features – Supports reasoning at different levels of abstraction ● e.g., synoptic displays

School of Mechanical, Industrial, and Manufacturing Engineering 46 Pictorial Display (System Synoptic)

School of Mechanical, Industrial, and Manufacturing Engineering 47 Navigation Displays and Maps ● Tasks ● Guidance ● Planning ● Recovery (if lost) ● Route lists and command displays ● Maps - principles ● Legibility (under all conditions) ● Clutter & overlay (declutter, color coding) ● Position representation (YAH) ● Orientation (N-up, Track-up) ● Scale (appropriate) ● 3D maps ● Data Visualization

School of Mechanical, Industrial, and Manufacturing Engineering 48 Horizontal Situation Indicator (HSI)

School of Mechanical, Industrial, and Manufacturing Engineering 49 Pathway In The Sky Display Source: Newman, D. (2006) “A Review of Pathway in the Sky Displays,” last accessed 22 Oct 07.

School of Mechanical, Industrial, and Manufacturing Engineering 50 Quantitative Information Displays: Tables and Graphs ● Choice ● Precision → tables ● Relationships, trends → graphs ● Legibility ● Adequate contrast ● Discriminability ● Redundant coding ● Clutter: maximize “data/ink” ratio ● Proximity: things to be compared should be close ● Format: many data points → visualization

School of Mechanical, Industrial, and Manufacturing Engineering 51 Display Design ● Driven by requirements from task analysis. ● 13 Principles of Display Design 1.Make displays legible 2.Avoid absolute judgment limits 3.Exploit top-down processing 4.Exploit redundancy 5.Utilize discriminability 6.Apply pictorial realism 7.Apply principle of the moving part 8.Minimize information access costs 9.Apply proximity compatibility principle 10.Utilize multiple resources/modalities (visual + auditory) 11.Replace knowledge in the head with knowledge in the world 12.Provide predictive aiding 13.Be consistent!