Improving Readability by Design toolkit. Questions

Similar documents
Design that Enhances Readability

Table of contents. TOOLKIT for Making Written Material Clear and Effective

TOOLKIT for Making Written Material Clear and Effective. SECTION 2: Detailed guidelines for writing and design

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

Clear language and design. Joan Acosta

Essentials for Text and Graphic Layout

Make It Clear Introduction

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

Accessible Documents & Presentations. By Amy Maes, DNOM

Basic PowerPoint Guidelines. Tips for Creating Great Presentations

InDesign. your. Resumé. a how-to guide for creating a professional resumé using InDesign

Template Tidbits. Q How do I get the places I can enter copy to show up? (Highlight Fields Bar)

The following slides present guidelines and suggestions for the use of fonts, colors, and graphics when preparing PowerPoint presentations.

SAMPLE PAGES. Syllabus coverage chart. viii Syllabus coverage chart

Universal Design Principles Checklist

Designing Posters TIDI Development Research Week

Accessible Document Guidelines

6. RESEARCH POSTERS II

WHY EFFECTIVE WEB WRITING MATTERS Web users read differently on the web. They rarely read entire pages, word for word.

CHAPTER 2 Information processing (Units 3 and 4)

Company Design Specifications

BDA Dyslexia Style Guide

Developed by: Beth Gibbs

Notes For Making an NTI Toolkit revised

A Graphic Standards Guide for Southlake Regional Health Centre

Document Design Chunking Similar Information Together

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

Preview from Notesale.co.uk Page 2 of 61

STAROFFICE 8 SUMMARY PROJECT

Designing and Creating an Academic Poster using PowerPoint

Microsoft PowerPoint 2013 Module

Typesetting Tips. Put your best type forward.

Helping Clients with Public Legal Education and Information

The 12 most common newsletter design mistakes

Client-Centric Approaches to Written Consent and Data Sharing Andrea Miller and Ryan Burger

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)

Understanding PowerPoint s Text Capabilities

Multimedia Design Principles. Darnell Chance August 2005

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8

Principles of Professional Communication 1!! Familiar icons & symbols what do they represent?! Familiar signs!

Web Development & Design Foundations with HTML5

The same can also be achieved by clicking on Format Character and then selecting an option from the Typeface list box.

Fast Company Homepage This ad is very distracting and grabs the viewer attention more than the logo and navigation. It could cause the user to overloo

25 Tried and True Direct Marketing Rules

Beyond Captioning: Tips and Tricks for Accessible Course Design

Mega International Commercial bank (Canada)

Document and Web design has five goals:

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

How to make your neighbourhood newsletter look good

Detailed Format Instructions for Authors of the SPB Encyclopedia

STAR OFFICE WRITER. Lesson 2

Principles of Professional Communication 1!! Lecture 12! Graphics & Visuals a picture paints a thousand words!

TASC CONFERENCES & TRAINING EVENTS

The Visual Scientist Presents Poster Design

MULTIMEDIA TRAINING KIT INTRODUCTION TO OPENOFFICE.ORG WRITER HANDOUT

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

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

What is Accessibility?

Developing successful posters using Microsoft PowerPoint

TASC CONFERENCES & TRAINING EVENTS

Designing a single channel technology: Introduction to Coursebuilder handout

Projected Message Design Principles

Basic PowerPoint Guidelines. Some tips to make your presentations presentable!

Static Visual Displays: Flight Deck Documentation

Gian Maria Greco. Guidelines for an Accessible Presentation

INCOSE IS2018 Paper Manuscript Instructions

Reading 2.2 Cascading Style Sheets

CREATING A STYLE GUIDE FOR YOUR ORGANISATION

MARKET RESEARCH AND EVALUATION2017. Reporting Guidelines

BRAND GUIDE JANUARY 2013 PREPARED BY JULIE ZACK GRAPHIC DESIGNER

Formatting a One-Page Report

Style guide for Department for Education research reports and briefs

All-Ways Accessible. People experience the world in different ways. User Friendly Anyone can understand it. Versatile Easy to update.

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

Quick Reference Design Guide

Easy English fact sheet

C L A S S 2 T Y P O G R A P H Y. FOUNDATIONS OF GRAPHIC DESIGN MW 8 a.m.

Repetition is not just naturally consistent; it comes from intentional effort to unify all parts of a design.

TABLE OF CONTENTS PART I: BASIC MICROSOFT WORD TOOLS... 1 PAGE BREAKS... 1 SECTION BREAKS... 3 STYLES... 6 TABLE OF CONTENTS... 8

Accessible Documents: Word to PDF

Typographic hierarchy: How to prioritize information

Microsoft Office Word 2013

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

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

Making a Great Poster. A Great Poster is:

Instructions for Presenting & Preparing PowerPoint Presentations

How to Write a Technical Manual that Users Can Actually Use

Symphonic Distribution Brand Identity Guidelines Brand Guidelines 2019

Text. Text metrics. There are some important metrics that we must consider when working with text. Figure 4-1 shows the basics.

ISAE2013 Conference Proceedings Format Sample File

In your lifetime you ve seen billions of letters and millions of words, yet you might never have consciously noticed the typefaces you read.

Publisher 2007 Creating Flyers and Brochures

Publisher 2007 Creating Flyers and Brochures

15 NEUROMARKETING. Mind Hacks. You Need To Be Using

Font size. Tabl:e 2-4 Font Size Examples. Chapter 2.. Page Layout and Design 47. (font si ze="3"> (fo nt s ize="+l"> (font size="-l">

Presented by Dr. Mariah Judd February 15, 2013

Public Meeting Agenda Formatting Best Practices


Curriculum Vitae: "the course of [your] life" Office of the Grants Coordinator, Curry College, MIlton, MA

Style Guide August 1, 2012

Transcription:

Improving Readability by Design toolkit Questions 1. Most patient education managers do readability assessments that determine the reading level of text as well as a review of the page layout. Usually they use a reading assessment tool to evaluate text difficulty. Why is it important to be just as specific in the evaluation of the layout? Layout is often overlooked when evaluating the readability of patient education documents. Greater access to computers and software has made it possible for everyone to do desktop publishing these days, and in fact we take it for granted. We turn on the computer, open up a word processing program and we can create everything from a letter to our own greeting cards. For health educators, it opened opportunities to not only write but also design patient education handouts, brochures and newsletters. Templates and default settings for fonts and margins make it easy. We don t have to know much about graphic design or the principles of good layout in order to create a document. In health education, and even more so in the field of education itself, there has been a strong focus on readability over the last 50 years or more, with the emergence of what many experts refer to as modern readability theory with scholars like Dale, Chall, Gunning, and Flesch leading the way. These and others that followed, gave us many of the tools that we know by name (such as Fry, Fog, and SMOG) that are used to evaluate the readability of text. Readability testing can even be done in most word processing programs. But there are very few tools that evaluate layout and design and how they impact the readability of documents. While health literacy has been a viable field of study for the past 50 years or so, and readability much longer than that, it wasn t until the National Adult Literacy Survey (NALS) in 1992 and the National Assessment of Adult Literacy (NAAL) in 2003, which included for the first time an assessment of health literacy among American adults, that the concept of readability of health care documents and patient education materials became a major focus of scrutiny. These national studies revealed that as much as 50 percent of the American adult population reads at or below the 6 th grade reading level. Several independent studies were designed to evaluate the readability of printed health information, and it was shown that most printed health information is written at the 10 th grade level and above, showing a rather large disconnect between the level at which health information is written and the reading skills of the population these materials are intended for. The National Library of Medicine introduced a definition of health literacy that has been included in Healthy People 2010 and accepted by the Institute of Medicine and included in their 2004 report titled, Health Literacy: A Prescription to End Confusion. That definition, the degree to which individuals have the capacity to obtain, process, and understand health information and services needed to make appropriate health decisions, clearly states that the cornerstone to improving health literacy is obtaining, processing and understanding health information. The national literacy surveys and the growing amount of independent research gave us a great starting point. Since 80-90 % of patient education is either directly a product

of, or is supported and enhanced by, written documents, it was a natural place to focus our attention. As the health community became increasingly aware of the need for health information written at a level most patients can understand, health educators took on the task of not only learning the guidelines of plain language and the recommendations coming out of current health literacy research, but also how to evaluate the patient education materials they were writing and using in their organizations. Much of the focus, however, is placed on the readability of the text: using simpler words and shorter sentences, avoiding medical and technical jargon, and using a readability calculator establish a reading ease or reading grade level score, and hopefully aiming for somewhere between the 6 th to 8 th grade. Even when we do this, we can still end up creating documents that are difficult to read if we don t also evaluate the layout and design of the document. If the font is too small, for example, the document will be difficult to read, even if it is written at an appropriate reading grade level for our patients. Well chosen fonts, using shorter line lengths, and including generous margins and white space in a documents make it easier to read. These and other design elements control the legibility of a document which is part of it s overall readability. Documents that are poorly designed defeat all the efforts we put into improving the readability of the text. In the words of Peter Biľak, graphic designer guru, "Right and wrong do not exist in graphic design. There is only effective and non-effective communication." 2. I went online to the Wisconsin Literacy Web site but could not find you scorecard. Can you explain what it includes and how it is used to score a teaching sheet? I created a toolkit called Improving Readability by Design for a presentation at the 2009 Wisconsin Health Literacy Summit. The toolkit includes a PowerPoint presentation that is designed to be used as a computer-based training tool. In other words, you don t have to have the information presented to you. Instead, anyone can review the presentation at their own speed on their own time, right at their desk. (NOTE: the presentation is available on the Wisconsin Literacy Web site at http://www.wisconsinliteracy.org/documents/improvingreadabilitybydesign.pdf). The presentation is modeled after a design readability scorecard that I developed. There already are a number of document design checklists and manuals and handbooks that give recommendations for designing patient education materials, but there isn t (to my knowledge) a design evaluation tool that produces a numeric score like readability calculators do. So that is what I attempted to do. The design readability scorecard is based on seven design elements are: font, paragraphs, line length, grouping, graphics, color, and white space. Each design element can have a positive or a negative effect on readability, depending on how it is used. The scorecard lists the positive and negative aspects of each design element and provides a way to score the design and layout of a document. Positive points are added to the score for design elements that enhance readability. Negative points are subtracted from the score for design elements that make a document more difficult to read. For example, a document written in times New

Roman (or comparable font) that is at least 12 point in size, would score positive points. If that font was italicized, underlined, or written in all caps, for example, the document would have points subtracted from the total because text that is italicized, underlined, or written in all caps is harder to read. After all seven design elements are evaluated and scored, all of the positive and negative points are added together to determine the documents overall design readability score. A document can have a total of 65 positive points. After all of the negative points are subtracted, the documents that score closer to 65 are designed to be easier to read. Documents that score in the 45 to 50 range have some minor design flaws that should be corrected before using the document with patients. Documents that score below 45 should be redesigned before use, or perhaps not even used at all. 3. You mentioned your toolkit looks at seven design elements-why these elements and how did you choose them? What are the seven? The seven design elements are: font, paragraphs, line length, grouping, graphics, color, and white space. After researching several manuals and handbooks on document design, I realized that most covered the same elements, although they didn t always refer to them by the same name or definition. The elements I included could be more accurately described as categories because each one covers more than one concept. For example, for fonts there are two main considerations: the size of the font (commonly measured in points or picas) and what I call the font s classification, with the two main ones being serif and sans serif. Beyond this you consider the font family. A common family of sans serif fonts is Arial. Within that family of fonts are Arial, Arial Black and Arial Narrow. Each of these can also be bold, italicized or both, which creates a myriad of combinations and variations within each font. [Side note: The art (or is it a science?) of typography is rather complex. To become really familiar with a font you d evaluate the x-height, counters (or negative space), and the ascenders and descenders (or the parts of letters that rise above or hang below the x-height in letters like h, k, p, q and g). This isn t something most people have the time or the interest to study.] I identified one of the design elements as grouping, and in that category I included bulleted lists, numbered lists, tables and figures, and other methods used to group information together other than in standard prose paragraphs. I thought it made sense to look at all these as one design element instead of assigning them into separate categories on the score card. 4. I would guess that the direction to use ample white space in the layout or generous margins came because there were no specifics or generalities were not needed-how did you determine otherwise? Actually, a few manuals and handbooks on designing printed patient education materials provide specific recommendations for margins and white space. However, many only offer vague suggestions. Here a sampling of what I found: Simply Put: Tips for creating easy-to-read print materials (CDC) - "Leave at least 1/2 to 1 inch of white space between the margins of the page and between columns." [page 19]

Patient Education Materials: An Author's Guide (University of Utah Health Sciences Center) - "Avoid making lines of type too long or too short. Use one inch side margins to get a line length of 50-70 characters." Writing Easy-to-Read Materials (Center for Medicare Education) - "Be sure to leave ample white space on each page. Use generous margins. For example, on an 8.5 by 11 page, leave a 2 inch margin on each side, with one column of text in the middle. If you need to fit more information on a page, be sure that each column is no more than 5 inches across." [page 4] Writing and Designing Print Materials for Beneficiaries: A Guide for State Medicaid Agencies (CMS) - "Generous margins and other white space that is, empty space with no text or graphic elements give your print piece some breathing room, so that it doesn t look too crowded." [page 197] "When you are creating print documents for beneficiaries, a good rule of thumb is to create lines of text that are, on average, no more than about five inches long. It generally works well if lines are no less than about 25 characters wide, and no more than about 50 to 60 characters wide. Use wide margins to take up the rest of the space on the page; it gives the reader a place to pause and rest." [page 211] The Health Literacy Style Manual (Covering Kids & Families) - "Provide generous margins so that you can keep lines of text somewhere between seven and ten words, if possible." [page 46] "'White space' is the empty area around text. Text that crowds the margins and fills most of the space on a page is intimidating; it tires readers and makes them feel uncomfortable. White space offers the reader visual relief, contributes to an uncluttered look, and markedly improves the readability of a document. A generous amount of white space throughout is part of a clean design." [page 47] Principles for Clear Health Communication: A Handbook for Creating Patient Education Materials That Enhance Understanding and Promote Health Outcomes (Pfizer) - Under the "Make It Look Easy to Read" they suggest, "Allow wider margins." [page 35] Writing Quality Patient/Family Education Print Materials (Capital Health Patient Education Advisory Committee) - "Use wide margins and borders." [page 7] Guidelines for Developing Easy-to-Read Health Education Materials (Washington State Department of Health) - No mention of margins in their recommendations. Clear & Simple: Developing Effective Print Materials for Low-Literate Readers (National Cancer Institute) - No mention of margins in their recommendations. I think the reason why so many of the recommendations are vague is that design is very subjective. After all, document layout and design is often referred to as graphic arts. The very tern design implies a subjective, artistic quality. Often this subjectivity is influenced by preference. When we create a document we might choose fonts that we like or think that look good on the page. We seldom think about the preferences of the end users, perhaps mistakenly thinking that we share common preferences. Because of the subjective nature of design recommendations, and the fact that they are often vague, they don t usually carry the same weight and validity of other recommendations and rules that more concrete and well defined. One of the most common (yet often unwritten)

rules in writing patient education is shorter is better. There is some validity to this. However, one of the most common problems in writing patient education documents is too much text. We try to fit it all on one page, because patients are likely read it if it s one page. When we have too much text, instead of going through the document line by line and cutting what is not needed or editing sections to make them less wordy, it s easier to shrink the margins or make the font one point smaller to get all of the text to fit on one page. We often do this without thinking. If the recommendation is to simply have ample white space there isn t a way to measure or quantify what is ample. So why not change the margins or shrink the test to make it fit? The toolkit doesn t resolve the issue of subjectivity. I do not see the value in saying all documents must have a one inch margin, for example. It depends on the type of document you are creating or evaluating. One inch margins make sense for a letter. It would be impractical, however, to have a one inch margin on a brochure. So, recommendations like use generous margins are unavoidable if you intend to provide general recommendations that can be applied to many different types of documents. What I tried to do (which I feel is missing from the available checklists and design manuals) is provide a way to assign an objective, measurable, quantitative score to a document based on subjective, variable concepts of good design. 5. How did you find specific information on what would be considered generous white space etc? I looked at 15 manuals, handbooks and resources about designing patient education materials and cross referenced them to compile the list of seven design elements included on my score card. I used these 15 resources to form a consensus for what makes up the positive and negative point structure on the score card. Beyond the Brochure: Alternative Approaches to Effective Health Communication (AMC Cancer Research Center and Centers for Disease Control and Prevention) Clear & Simple: Developing Effective Print Materials for Low-Literate Readers (National Cancer Institute) Easy-to-Read NYC: Guidelines for Clear and Effective Communication (City of New York, Mayor's Office of Adult Education) Guidelines for Developing Easy-to-Read Health Education Materials (Washington State Department of Health) Making Health Communication Programs Work (National Cancer Institute) Patient Education Materials: An Author's Guide (University of Utah) Patient/Family Education Print Material Guidelines (Capital Health) Principles for Clear Health Communication (Pfizer) PRISM Readability Toolkit (Group Health Center for Health Studies) Simply Put (Centers for Disease control and Prevention) The Health Literacy Style Manual (Covering Kids & Families) Readability for Clear Health Communication (Health Research for Action) Tips for Clear Health Communication (Health Research for Action) Writing and Designing Print Materials for Beneficiaries: A Guide for State Medicaid Agencies (Centers for Medicare & Medicaid Services)

Writing Easy-to-Read Materials (Center for Medicare Education) 6. Can you briefly go over your seven design elements and a few of the positive and negative impacts each design element can have on a printed document? 1. Font Font is comfortable size (between 12pt and 15pt) Main body text is a serif font Heading and subheadings use a sans serif font (for contrast) Document uses more than 3 different fonts Document contains script, novelty, or fancy fonts Document contains italicized text Document contains words, sentences or paragraphs in ALL CAPS Document has awkward line spacing (too much or too little space between lines of text) Low contrast between text (words) and background (paper) 2. Paragraphs Document uses blocked paragraphs: no indenting, left justified text, space between paragraph Document uses descriptive headings and subheadings Paragraphs are indented Document uses short headings and subheadings (i.e. symptoms or what to do ) Document contains text that is center justified Document contains text that is right justified 3. Line Length Document uses appropriate line length (lines of text about 39 [alphabet and a half] characters wide) Document contains lines of text that are too long Document contains lines of text that are too short 4. Grouping Document uses lists (bulleted, numbered) appropriately Information is chunked or grouped into manageable sections Tables are used for comparative information The document lacks a logical flow

Sections are not clearly described or blocked Navigation markers (i.e. headings) are lacking or inconsistent Bulleted lists contain more than 5 items Information presented as steps is not a numbered list Tables do not have clear headings 5. Graphics Document has good graphics that add meaning and help explain the text Graphics are appropriate for the subject and the audience Graphics disrupt the flow of text Graphics are not sized correctly (too small or too big) Graphics are decorative and/or distracting Photos do not represent a diverse mix of cultures, gender, or ages for the intended audience Demonstrative photos/graphics do not have captions 6. Color Color is used appropriately in the document More than 3 colors are used in the document There is not enough contrast between the text and the background There is not enough contrast between the colors (will not translate to black and white/grayscale) 7. White Space The document has adequate white space The document does not have adequate margins or space between columns There is not enough white space around graphics (photos, logos, tables, etc.) Document is text heavy and crowded The score card still contains subjective evaluations. However, I tried to use the positive and negative points in combination to define the design elements that add to the overall reading ease of the document and those that make the document more difficult to read. For example, positive points are given if color is used appropriately in the document. But what does that mean? The negative points help clarify. Negative points are given if the document contains more than 3 colors, for example. Overuse of color adds to both visual and navigational confusion. An example of appropriate and effective use of color would be using colored text for headings and subheadings. They stand out to the eye and help readers scan the document to find the information they want. Another example when color can subtract from the overall readability of a document is if the there isn t a strong enough contrast between colors. Yellow text on a white background, for example, does not have a strong contrast. If blue text

is used over a blue shaded box, there needs to be enough contrast to make the words stand out clearly from the background. One good test is to print the colored document in grayscale. If the shades of gray are difficult to distinguish from one another, the colors do not have enough contrast. 7. Patient education managers often provide information about writing readable text to "experts" in various fields who might write teaching materials? Why would it be just as important to offer details on design? 8. How does understanding the impact of design on readability influence the development/writing of the text? One obvious example comes to mind. Knowing that white space is an important design element that adds to the readability of documents, writers of education materials should plan for it. I identified single-page documents that incorporate generous white space into the design. I then removed the white space (space between paragraphs, space between columns, space around headings, graphics and logo, etc.) and cut and pasted the text into a standard word processing document. Without the white space, the text itself filled 2/3 of the page. I also looked at documents that didn t use much white space. These documents looked crowded and text heavy. When I removed the white space, I found the text itself filled more than ¾ of the page. To avoid documents that are too text heavy, and to ensure your documents have enough white space, I recommend to writers that they provide only 2/3 of a page of text for each one page document. It s hard to explain in words, so here is a graphic I use in the toolkit to help explain this concept: To fill a one page patient education handout, only write 2/3 of a page of text. Leave at least 1/3 of the page for white space (margins, space between paragraphs, space around headings and graphics, etc.). Space at the bottom of the document should be available for in formation

like a disclaimer, sources of the information, copyright, date of publication and last review, name of organization, logo, etc.