Acuite www.acuite.com

Similar documents
Graphic Design Basics. Shannon B. Neely. Pacific Northwest National Laboratory Graphics and Multimedia Design Group

WBU PowerPoint Guidelines

Tips for Making Scientific Posters

Colour Science Typography Frontend Dev

Brand Standard Guide

Guide to design and layout

Making a Poster Using PowerPoint 2007

Dr. Lisa White

When older typesetting methods gave

Mekong River Cruises. Indochina Sails BRAND GUIDELINES. (*) This brand guidelines is temporary and can be changed by request

Text Legibility and Readability of Large Format Signs in Building and Sites Mary Jane Carroll, M.A. IDeA Center, SUNY Buffalo

Graphic Design. Background: The part of an artwork that appears to be farthest from the viewer, or in the distance of the scene.

Sample Table. Columns. Column 1 Column 2 Column 3 Row 1 Cell 1 Cell 2 Cell 3 Row 2 Cell 4 Cell 5 Cell 6 Row 3 Cell 7 Cell 8 Cell 9.

DESIGN. Basic Principles of

WCAG 2.0 for Designers: Beyond Screen Readers and Captions

Instructions to Create Your Rollup Poster in PowerPoint

Overview of Microsoft Office Word 2007

Macros in Word & Excel

Guide To Creating Academic Posters Using Microsoft PowerPoint 2010

Roles of Visuals in Instruction

Figure 3.5: Exporting SWF Files

If you know exactly how you want your business forms to look and don t mind

Interfaces. Ways of helping the user. Balancing function with fashion. Metaphors Data Display. Faulkner, Section 4.2. Structure Affordances Visuals

HIT THE GROUND RUNNING MS WORD INTRODUCTION

BRAND GUIDELINES AND STANDARDS

Divide your material into sections, for example: Abstract, Introduction, Methods, Results, Conclusions

Three Key Paper Properties

Adjunct Assistant Professor Gayle Rembold Furbert. Typography II. County College of Morris Graphic Design Degree Program

KB COPY CENTRE. RM 2300 JCMB The King s Buildings West Mains Road Edinburgh EH9 3JZ. Telephone:

Create a report with formatting, headings, page numbers and table of contents

Using this Brand Guide

PTP-Global. Alarm Management An Introduction

Digital Commons Design Customization Guide

AC : HMI DESIGN: AN ANALYSIS OF A GOOD DISPLAY FOR SEAMLESS INTEGRATION BETWEEN USER UNDERSTANDING AND AUTOMATIC CONTROLS

Designing a Marketing That Works

Working with SmartArt

Creating a History Day Exhibit Adapted from materials at the National History Day website

Designing a Logo. Design 1

THE VALSPAR CORPORATION

CommunicationBulletins

HOW TO SUCCEED WITH NEWSPAPER ADVERTISING

Microsoft Migrating to PowerPoint 2010 from PowerPoint 2003

Using PowerPoint To Create Art History Presentations For Macintosh computers running OSX with Microsoft Office 2008

InDesign for Beginners Step-By-Step Guide

Interactive Brand Guidelines Brand Standards 2012

Organizing image files in Lightroom part 2

Acrobat X Pro Accessible Forms and Interactive Documents

Writing Journal Articles

Tradeshow Overview. The Parker identity elements. Color palette. Typography. Graphics and imagery. Product displays. Apparel TRADESHOW BOOTH(S)

Introduction to Accuracy and Repeatability in Linear Motion Systems

RGB Workflow Key Communication Points. Journals today are published in two primary forms: the traditional printed journal and the

McAFEE IDENTITY. October 2011

DESIGN STYLE GUIDE PAGE 1

Purdue University Writing Lab Indiana Department of Transportation Workshop Series Dr. David Blakesley, Allen Brizee

GRAPHIC DESIGN BITES FOR MARKETERS

PowerPointoint Presentations a n d T U S K [

ACTIVITY CENTRE ZONE MAPPING STYLE GUIDE. Guidelines for producing Framework Plans and Precinct Maps for the Activity Centre Zone

Welcome to CorelDRAW, a comprehensive vector-based drawing and graphic-design program for the graphics professional.

Q&As: Microsoft Excel 2013: Chapter 2

Producing accessible materials for print and online

Perception of Light and Color

Piston Ring. Problem:

How to prepare and deliver a presentation. Roberto Cipolla Department of Engineering

CAD/ CAM Prof. P. V. Madhusudhan Rao Department of Mechanical Engineering Indian Institute of Technology, Delhi Lecture No. # 03 What is CAD/ CAM

Advice to USENIX authors: preparing presentation slides

Insight Advanced Workstation

Introduction to dobe Acrobat XI Pro

Newsletter Design, Layout and Content Tips

DATA VISUALIZATION GABRIEL PARODI STUDY MATERIAL: PRINCIPLES OF GEOGRAPHIC INFORMATION SYSTEMS AN INTRODUCTORY TEXTBOOK CHAPTER 7

IM 2701 Multimedia Design and Web Development BSc in Business Information Systems. Chapter 01 Introduction to Multimedia Design

americas europe africa asia australasia BNIBRANDING.COM BNI Branding Standards 2011 BNI Changing the Way the World Does Business

Graphic Standards Manual

Hello. What s inside? Ready to build a website?

Website Accessibility Under Title II of the ADA

Course Syllabus. Technical Writing Certificate - Basic

Excel Formatting: Best Practices in Financial Models

Color quality guide. Quality menu. Color quality guide. Page 1 of 6

LITERATURE REVIEWS. The 2 stages of a literature review

SMU Student Affairs Style Guide

To view the recorded workshop, please click the link:

Report Card Template Navigating Techniques

Scanning in Windows XP: Basics Learning guide

Elements of Good Interactive Media Design

Problem of the Month: Cutting a Cube

Microsoft Office 2010 Publisher

The Point Cloud Library Logo

The Essential Guide to User Interface Design An Introduction to GUI Design Principles and Techniques

Creating Interactive PDF Forms

Successful Grant Writing

Producing a Research Poster USING POWERPOINT 2013

Using Microsoft Word. Working With Objects

Creating Accessible Documents in Word 2011 for Mac

Transcription:

Human Machine Interface Standards: A critical review and help for users Acuite www.acuite.com

Motivation User s perspective I want to build good HMIs, where can I get help? Are there any resources I can use myself? Yes, there are many sources of guidance, but Considerable variation in level of detail Can be hard to know if or how it applies to your situation Some guidance is technical, hard to interpret Implementation can be challenging

This presentation Compares the major guidance sources for the process industry Attempts to clarify / explain the guidance for display style and format

Current Process Industry Guidance Standards ISO 11064-5 (2008) ISA 101 (in progress) Guidelines EEMUA publication No. 201 (2002) update coming soon? ASM Operator Display Guidelines (2009) NUREG-0700 rev2 Human-Systems Interface Design Review Guidelines (2002) Handbooks High Performance HMI Handbook (2008)

Other Relevant Guidance ANSI/HFES 100 (2007) Human Factors Engineering of Computer Workstations Detailed guidance for office workstations and displays NUREG/CR-6633 Advanced Information Systems Design Focus on advanced display concepts DOT/FAA/TC-7/11 Human Factors criteria for displays Focused on hardware characteristics; aviation-oriented NORSOK I-002 rev2 Safety and Automation System Norwegian Oil Industry standard; brief EN 894 (-1,-2,-3) - Ergonomics requirements for the design of displays and control actuators EN 894-2 (rev 2008) covers visual, auditory and tactile displays; very brief

Generating Guidance Why do standards/guidelines look like they do? Authors have to confront some difficult issues that directly impact the final product Generality vs Specificity If you re very broad and general Applies to largest number of potential users Large gap between the advice and implementation If you re very specific and concrete High-value advice to a few users Guidance is highly conditional many users left out Document becomes complex and lengthy

Standards vs other guidance Conservative bias Temptation to document current practice, not best practice Shall vs Should Consensus process pulls opinions in towards the middle, up towards the general But if we write it this way, all of these plants will suddenly be non-compliant The technology to do things this way is too expensive / not available Users are too invested in current practice they ll never do it this new way Hard-edged or specific advice often ends up in Guidelines, Technical Reports or Recommended Practice documents

Beware of Commandments Efforts to be concise can lead to lists of tips, rules, or laws HMI design as a table look-up exercise??...what about automated??? Proposing guidance as gospel minimizes the need for justification of explanation Over-simplifies design by ignoring the context, tradeoffs

There is no free lunch There s no free lunch You can t apply principles intelligently without understanding something about their basis Is it relevant to my situation? What are the bounds of applicability? Assumptions? What are the interactions, alternatives and tradeoffs? How strong is the supporting evidence? If you want good HMI design you need to invest in somebody (internal or external) who can bridge the knowledge base about HMI and the context of your particular design situation

Other issues Guideline cannibalism Sometimes the creation of new guidelines is done by culling and stitching together the most relevant parts of existing guidelines Guidance may look new and current, but in fact it is often recycled and potentially out-of-date Know the sources of the material (not always easy) Underspecified advice Ensure text has sufficient contrast with the background Colors should be visually distinct

Comparing the major sources Dimensions of variation: Scope Detail Presentation style

Scope All relatively similar ASM, EEMUA guidelines and HMI Handbook are all in the same family ASM Consortium is source of much material NUREG 0700 and ISO 11064 also cover the same basic topics Display format issues (color, text, lines, etc.) Console configuration (number and layout of screens, etc.) Navigation Interaction with alarms Control room / environmental design Design process Evaluation

Detail Page counts are a good clue NUREG 0700: ~650 HMI Handbook: ~200 ASM Guidelines: ~150 EEMUA: ~ 50 ISO 11064: ~ 50 Ex color usage: EEMUA: The use of color can add significantly to a display but should not dominate ASM: devotes an entire chapter to color usage

Presentation Style Different sources vary greatly in user-friendliness Only some use examples, pictures ASM, HMIH include many pictures, good/bad examples Others are almost exclusively text NUREG is particularly dense Explanation of rationale Educates users and allows them to evaluate guidance in their own context ASM, HMIH, NUREG are good But ASM and HMIH offer limited citation of source material EEMUA, ISO very poor Thou shalt

Making sense of the guidance Display style and format Typically what most people focus on in an HMI standard or guideline Color Texts, fonts, readability Process lines Animation and 3D Graphical widgets (valves, controllers etc)

Color Common theme is to use color sparingly Trend towards use of grayscale palettes (ASM) salient colors reserved for alarms and/or abnormal conditions This is a major topic for some and not for others. It is important to remember that using color this way is a design choice. There are good reasons for doing it this way, but there are alternatives and tradeoffs to consider.

Color Reason #1: A light gray background reduces glare from room lighting This allows room lighting levels to be increased Vigilance benefits Interaction with control room design e.g., reflective surfaces behind console?

Color Reason #2: To direct operators attention to alarms and abnormal conditions Human attention is drawn to objects that differ from their surroundings Color differences are pre-attentively processed the pop out effect Effect is diluted by presence of other colors Counteracts tunnel vision under stress Color is not the only attribute that can be used to draw attention! Size, shape, orientation, motion, texture Color is not processed well in peripheral vision Need to combine with other attributes e.g., motion/blinking

Color Deficiency aka color blindness ~8% of men and ~1% of women have some form of color deficiency Red-green deficiency is most common What do you see?

Color Deficiency How many people here see 74? How many see 21? How many don t see any numbers? Do you test your operators for color deficiency?

Designing for color deficiency How can we design to account for color deficiencies? Minimize use of color By using carefully chosen colors e.g., avoid red-green color codes Do not rely exclusively on color to indicate critical information like alarms Shape, size, motion, labeling, etc.

Color and Eye-Strain Another reason for limiting the use of color is to reduce eye-strain Different wavelengths of light are focused at different distances behind the lens of the eye Your eye has to re-focus slightly when moving between different colors, esp. blue/red Constant re-focusing leads to fatigue, headaches

Alphanumeric characters Type style Serif vs Sans Serif fixed-width vs. variable-width, Color, USE OF ALL CAPS, Use of italics, Size

Text Serif or Sans Serif? Color Most sources say sans serif Research shows no significant difference in legibility Not as important as other factors (color, size) Most important factor is luminance contrast with background Black text on light background is ideal Grey text for less important information (e.g., static labels) Saturated (pure) blue should be avoided All caps decreases readability Italics But can be an effective way to draw attention (if surrounding text is mixed case)

Fixed vs Variable width fonts Use fixed-width fonts for data values to ensure good alignment (e.g., Lucida Console) 123.45 678.90 Variable-width fonts are more readable for text (e.g., Arial, Helvetica)

How Big should text be? What is the best font size for text / numerals? 10pt, 12pt, 14pt? Wrong Question What matters for legibility is the visual angle angle subtended by text at a given viewing distance Θ = H/D * 3438

Recommendations Standards vary widely for Recommended Text Heights 10min to 30min of arc (NUREG-0700: 16-24 min) Sensitive to viewing conditions and tasks Assumes viewers with 20/20 vision What exactly are we measuring? X-height? Cap height? Font size?

Font Issues Font size is an archaic term referring to the size of the printing blocks used in typesetting Assuming 72pt/in, if you select a 72 pt font size it doesn t mean your characters are going to be 1 tall Also, it is possible for two 72pt fonts to have quite different physical letter sizes When you re defining your text size in the HMI, there s no menu for visual angle you have to pick a font size

Implementation OK how do I set my font to get X min of arc? Not as simple as it sounds What is font size? Font choice Font version (TrueType, OpenType, Postscript) Viewing distance Screen resolution dpi setting Use a ruler and place it on the screen

Process Lines Importance of line coding is domain dependent Do not use color to code line contents Instead, use attributes like thickness, texture, gray levels Cf. NORSOK Options: Allow users to turn line colors on/off Use tooltips Minimize the number of line types Identify the major operationally relevant differences E.g., code by primary / secondary flows

Process Lines Avoid birds-nest displays Well-organized displays with consistent direction of flow (left-to-right, top-to-bottom) Minimize line use on overview displays

Graphical Widget Design Depiction of process values, controllers, valves, pumps, etc. Emphasis on analog representation Importance of placing data in context Integration with color strategy HMIH includes many examples, however Most users do not have the option to (re-)design the appearance and behavior of the basic object set Advice geared for designers of object libraries?? Acuite APG Object Library

Animation and 3D Animation Use only for Alarms to draw attention Too much of a good thing becomes a bad thing 3D Very few justifiable uses unless you re in marketing Separate hype from substance

Animation and 3D Today we can do almost anything Realistic 3D equipment Millions of shades of color Animated flames, flows, motors

Animation and 3D But should we? What is the value? What is the cost?

Remove the Flash

3D / Animation Example pulled from an actual on-line forum by somebody who was asked by their management to provide advice on use of 3D in displays

Issues in application of guidance Legacy problems e.g., hardwired panels that contradict color standards DCS graphics libraries Do not support some of the design recommendations without extensive customization or 3 rd party extensions Developing content How do I design a good overview display? Format + Content How do you identify the right content? some form of Task Analysis is required Compliance vs Performance Following the guidance is no guarantee of success

Guidelines for guidelines? Good guidelines should Synthesize: What is the current state of knowledge and what does it mean for practice Teach: Provide the key concepts, categories and distinctions Increase the expertise of the reader Provide many examples, illustrations Help avoid and/or detect and correct design errors Show typical problems Provide strategies and techniques (not commandments!) Be sensitive to realities of design and implementation Conflicting priorities, time and resource constraints

In a Nutshell Tell me what, tell me why, tell me how These are things to look for as you sift through the guidance that s out there Resource constraints include design budget, hardware and DCS platform, etc.

Acuite Approach Acuite approach with sites: Workshop to educate and align Style guide provides general guidelines Site Configuration document to provide specific details about how the site is going to incorporate standards and guidelines into project execution includes Workstation configuration Display structure and hierarchy Workstation configuration Graphic Development tools and documentation Graphic Design and workflow

Summary Major guidance sources cover similar ground but have vastly differing utility Proper application of guidance is not simple When done properly, results can be excellent

Where To Get More Information lisa@acuite.com nick@acuite.com www.acuite.com