Static Visual Displays: Flight Deck Documentation

Similar documents
Text Topics. Human reading process Using Text in Interaction Design

Unit 4. Multimedia Element: Text. Introduction to Multimedia Semester 2

BDA Dyslexia Style Guide

Clear language and design. Joan Acosta

Accessible Document Guidelines

Font Basics. Descender. Serif. With strokes on the extremities of the letters. T Script. Sans-Serif. No strokes on the end of the letters

TYPOGRAPHY. ascender arm (as on the capital T) descender bar (as on the capital H) counter ear (as on the lower case g and r)

Putting type on a page without incorporating typographic principles is merely word processing. Terry Rydberg, Author Exploring InDesign 3

User-Centered Website Development: A Human- Computer Interaction Approach

Multimedia for the Web: Creating Digital Excitement. Multimedia Element Text

Digital Media, UX-UI Design > Website Principles

MODULE CM 2004 / STAGE 2 / SEMESTER 2 / SESSION Module title Design Principles and Context

Font classification review

Elements of typographic design

BRAND IDENTITY STANDARDS GUIDE

Make It Clear Introduction

Typography guidelines

VOICE OF TYPE LECTURE 1

Unit 3--Alignment, Formatting Font--Size, Color, Style [Bold, Italic, and Underline] Block

TYPO GRA PHY THE ANATOMY OF TYPE A BRIEF HISTORY OF TYPOGRAPHY WHAT IS YOUR TYPE ACTUALLY SAYING? OPEN FONT DISCUSSION

BASIC ABOUT TYPE TYPO GRAPHY

Computer Projection Presentation Guide HPS Midyear Meeting Bethesda, MD

STAR OFFICE WRITER. Lesson 2

Alphabet. elemental visual signs 26 characters frozen sounds

OUTLINE. Advanced Technical Communication & Writing Skills. What is technical communication? Technical communication skills

Guidelines for Legible and Readable Text, page 2-1 Visual Density Transparent, Translucent, or Opaque?, page 2-3

Designing Research Posters. College of Art and Design Chris Jackson, Associate Dean Keli DiRisio, Assistant Professor

CHAPTER 2 Information processing (Units 3 and 4)

OUR TYPOGRAPHY APPROVED UNIVERS FONTS. Univers 65 Bold Univers 65 Bold Oblique Univers 75 Black Univers 75 Black Oblique

BRAND. For Internal Use Only Not For Use With The Public. For help and guidance on our brand standards, contact

BRAND GUIDELINES + UPDATED

Ele s Place Brand Standards Guide May, 2018

LoremTM. Identity Guidelines (Date)

OTTER TAIL COUNTY - MINNESOTA LOGO USAGE POLICY

INTRODUCTION TO TYPOGRAPHY DESIGN

Principles of Typography

Assessment of Informational Materials (AIM) Tool. Funded by Alberta Enterprise and Education

LOGO & BRAND STANDARDS GUIDE

Creating an Accessible Microsoft Word document

ABOUT RESEARCH POSTERS

ASMP Website Design Specifications

Brand Guidelines. version

understanding typography

Creating Large Format Posters Using PowerPoint TIP SHEET. Before you begin working in PowerPoint, sketch out your poster on paper.

Web Site Design and Development Lecture 6

Modifying Type: effects of a letter change COLDS

What is Accessibility?

Best Practices and Guidelines. Large Print Documents. Low Vision Community. Council of Citizens. Low Vision International

LECTURE 4 THE USES OF TEXT IN MULTIMEDIA

5. Text CHAPTER HIGHLIGHTS 10/12/2016 CHAPTER. Text tradition. Codes for computer text. t. Font technologies. Multimedia text.

Typesetting Tips. Put your best type forward.

LOGO USE GUIDELINES BRAND GUIDELINES PUBLISHED ON FEBRUARY 17,

Accessible Documents & Presentations. By Amy Maes, DNOM

Microsoft PowerPoint 2013 Module

anatomy cap height x-height baseline descender ligature finial terminal ascender spine small capital uppercase counter cross bar lowercase

Brand stylebook. Version 2.0 updated

Brand Guidelines Solano County Transit (SolTrans)

The 12 most common newsletter design mistakes

TYPE ANATOMY jtittle

Universal Design Principles Checklist

Corporate Identity Style Guide. April 2014

SAMPLE PAGES. Syllabus coverage chart. viii Syllabus coverage chart

Mega International Commercial bank (Canada)

Web Development & Design Foundations with HTML5

CREATE AN EFFECTIVE POSTER

Chapter 7 Typography, Style Sheets, and Color. Mrs. Johnson

Designing a Web Site. Michelle Hulett

WCSD Graphic Standards and Logo Use Guide

jasonjuwono twentyfifteen TYPEDIA _ Typography Encyclopedia

corporate identity guidelines

Improving Readability by Design toolkit. Questions

QUICK GUIDE. Graphics Standards & Guidelines University of Nebraska at Kearney

FLEET LOGO USAGE AND STANDARDS INNOVA BRANDING STANDARDS 2015 GUIDE

Summary of the Swiss Red Cross Corporate Design Manual

Graphical Screen Design

onem2m Standards Certification Logo Usage Guidelines

Typographic hierarchy: How to prioritize information

Web Development & Design Foundations with HTML5

Introduction to Web Design CSS Reference

BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER

Introduction to Web Design CSS Reference

Guiding Principles for PowerPoint Presentations

IT82: Mul timedia. Practical Graphics Issues 20th Feb Overview. Anti-aliasing. Fonts. What is it How to do it? History Anatomy of a Font

INDEX UNIT 4 PPT SLIDES

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)

Brand Guidelines 2012

Visual Identity Standards

MEDIA KIT. MARCH 2019 / v. 1

The Transition Word 2003 to Word 2007

Einführung in Visual Computing

Identity Guidelines 2018

Franklin Gothic. Seniors: Use larger text that is clear and legible. (Souvenir, Times, Garamond, Helvetica)

GÉANT CORPORATE IDENTITY GUIDELINES FOR USE. connect communicate collaborate

Document and Web design has five goals:

LEADING THE WORLD IN ENERGY ABSORPTION BRAND IDENTITY. Document last updated: 10/10/2013

Computer Projection Presentation Guide

Designing and Creating an Academic Poster using PowerPoint

Develop great research posters using Microsoft PowerPoint

Topic 0b Graphics for Science & Engineering

BRANDING & STYLE GUIDE CONTACT INFORMATION : CTL 203/204, , uco.edu/stlr UPDATED APRIL 2017

Transcription:

Static Visual Displays: Flight Deck Documentation Source: Degani, A. (1992). On the Typography of Flight-Deck Documentation, NASA Contractor Report #177605. Moffett Field, CA: NASA Ames Research Center, 1

Background: Flight Deck Documentation Types of documentation manuals charts flight plans Quick Reference Handbooks (QRHs) checklists Checklist use to check that things were done as to-do lists 2

Significance of Checklists Aircraft complexity Human memory limits Multiple tasks, interruptions Recent accidents 3

B-747 Checklist Starting Engines (1). CKPIT / SMK BARR DR CLSD / LCKD E (2). GALLEY POWER OFF E (3). PACK VALVES CLSD E (4). FUEL BOOST PUMPS ON E 5. HYDS CLRD / PRESSZD C, E 6. PRKNG BRK / PRESS SET / NORM C 7. NAV / ANTI-COLL LTS ON C 8. START PRESS PSI E 9. PUSHBK CLRNCE REC D C 10. STRTING ENGS CHK COMPLETE E 4

Typography (1) Definition: arrangement, style, appearance of type Print legibility quality of print allowing reader to quickly and positivley identify characters depends on stroke width character form illumination on page contrast 5

Typography (2) Print readability quality of print allowing rapid recognition of words, word groups, etc. depends on character spacing word spacing line spacing character area/background area ratio Flight deck characteristics non-optimal viewing conditions changes in accommodation (near/far) interruptions & distractions several age groups 6

Typography (3) serifs ascenders counters baseline Alphabet descender x-height upper-case letter lower-case letters 7

Typefaces (Fonts) Major font groups roman fonts (with serifs) sans-serif fonts (without serifs) Serif pros & cons - serifs aid horizontal movements of eyes + serifs disrupt character discrimination 8

Font Examples Arial ABCDEFGHIJ 1234567890 abcdefghij Antique Olive ABCDEFGHIJ 1234567890 abcdefghij Helve-WP ABCDEFGHIJ 1234567890 abcdefghij Impact ABCDEFGHIJ 1234567890 abcdefghij Rockwell ABCDEFGHIJ 1234567890 abcdefghij Times New Roman ABCDEFGHIJ 1234567890 abcdefghij 9

Font Recommendations Use sans-serif fonts (usually). Avoid fonts having similar characters. Avoid dot matrix fonts. 10

Lower-Case vs UPPER-CASE Characters Research findings: lower-case headings located faster lower-case read faster, ranked higher Factors Most printed material in lower-case. Total word form is more obvious in lower-case. 11

Word Form START PAUSE start pause 12

Case Recommendations Long chunks of text should be set in lower-case. If upper-case is required, make first letter larger. START PAUSE 13

Font Height (Typesize) Size measurement 1 point = 1/100 in. (when part of character) 1 point - 1/72 in. (when between lines, words, etc.) Font height vs. viewing condition 14

Character Height Recommendations (1) H (in.) = 0.0022D + K1 + K 2 K1 : correction factor for illumination & viewing conditions K1 = 0.06 in. for good illumination (> 1.0 fc), favorable reading conditions K1 = 0.26 in. for poor illumination (< 1.0 fc), unfavorable reading conditions K2 : correction factor for importance K2 = 0 in. for non-important markings K2 = 0.075 in. for important markings 15

Character Height Recommendations (2) Viewing Nonimportant markings, Important markings, distance, 0.0022D K2 =.0 K2 =.075 in value K1 =.06 K1=.26 K1 =.06 K1 =.26 14 0.0308 0.09 0.29 0.17 0.37 28 0.0616 0.12 0.32 0.20 0.40 42 0.0926 0.15 0.35 0.23 0.43 Derived from formula H (in) = 0.0022D + K1 + K2 16

Character Height Recommendations (3) Low luminance (to 0.03 ft-l) High luminance (> 1.0 ft-l) Critical markings, position variable (e.g., numerals on counters) 0.20-0.30 0.12-0.20 Critical markings, position fixed (e.g., numerals on fixed scales) 0.15-0.30 0.10-0.20 Non-critical markings (e.g., instrument labels) 0.05-0.20 0.05-0.20 Assumes viewing distance of 28 inches. Heights in inches. 17

Other Height Recommendations Distinguish between x-height and overall height when designing for lower-case. x-height should generally be > 0.10 in. (under good viewing conditions). 18

Stroke Width Measured as stroke width : character height character height F Recommendations stroke width 1 : 6-1 : 8 (black on white, viewed straight-on) 19

Height-to-Width Ratio Measured as character height : character width character height F character width Recommendations 5 : 4 (to compensate for variable angles) 20

Horizontal and Vertical Spacing Affect legibility and readability Clarity can be enhanced by increasing vertical separation between lines Recommendations Vertical spacing between lines > 25-33% overall font size Horizontal spacing 25% overall size (between words) > 1 stroke width (between characters) 21

Line Length Long lines make difficult transition from end of one line to beginning of next. Recommendations single-column text: 4 in double-column text: 3 in 22

Face and Underline Very, very long sentences that run on and on like this one can be quite difficult for most people to read, when set entirely in italics, though difficulty may vary with the specific font used. Using too many faces -- italic, bold, shaded -- and too many forms of underline for EMPHASIS can also make text difficult to read. Recommendations avoid long strings of italics use primarily one or two typefaces for emphasis 23

Contrast Recommendation use dark characters over a light background If white on black is desired use minimum amount of text use large font use sans-serif font 24

Color Coding For short viewing distances, large luminance differences are more effective than chromatic (color) differences. Recommendations (dark characters over colored background) reflectance of background > 70% luminance ratio, character:background 1:8 typesize > 0.10 in Caution 25

Color Coding (2) General Recommendations Use black characters over white or yellow background for most applications. Avoid using black over dark red, dark green, or dark blue. satisfactory satisfactory unsatisfactory unsatisfactory unsatisfactory 26

Cumulative Effects of Improper Typography Combination of two or more non-optimal characteristics has a greater effect on legibility and readability. e.g., roman font, small typesize, italics, dark characters over dark background: It is very, very likely that most of you will have trouble reading this. 27

Wording Recommendations Use familiar words. Use short words, when possible. Avoid jargon. Use only standard abbreviations. 28

Sentences Recommendations Use clear syntax, usually subject-verb-object. Use correct grammar. Use short sentences. Use positive rather than negative construction (tell what to do rather than what not to do). Use active rather than passive voice: Push the button. not The button should be pushed. 29

Glare Definition: presence of an area of very high relative luminance in the field of view. Recommendation Use anti-glare plastic to laminate documents 30

Slope and Angular Alignment Optimal conditions: document perpendicular to sight When document if tilted about an axis vertical to line of sight, changes in accommodation have to be made as the text is scanned. Recommendation Orient document perpendicular to line of sight. 31

Quality of Paper and Print Recommendations Print on thick, opaque paper Print should be clear: boundaries between strokes and spaces should be distinguishable Quality of paper and print should be well above normal 32

Effects of Age on Reading 50% reduction in retinal illumination at age 50 compared to age 20. Lens thickens and yellows with age. Recommendation Assess age groups of users and take conservative approach in document design. 33