HATS - A Design Procedure for Routine Business Documents Presentation by H. Allen Brizee; Adapted from Baker (2001)

Slides:



Advertisements
Similar presentations
PowerPoint Dos and Don’ts
Advertisements

Typography 101 Using Typography to Enhance Content.
Typography (The study of font).
1 College Essay to Formal Report – Poof! It’s Easy! By Allen Brizee, PhD Loyola University Maryland.
Kira Jones Oral Communication Instructor
Dobrin / Keller / Weisser : Technical Communication in the Twenty-First Century. © 2008 Pearson Education. Upper Saddle River, NJ, All Rights Reserved.
Document Design: Guidelines for Effective Information Layout Dr. Shelley Thomas ENGL 3100.
123 Making a Poster is as easy as 1, 2, 3 Making a Poster is as easy as 1, 2, 3 Esbern Holmes Define Your Audience Effective communication.
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Presentation by H. Allen Brizee; Adapted from Baker (2001) Brought to you in cooperation with the Purdue Online Writing Lab HATS - A Design Procedure for.
® Copyright 2008 Adobe Systems Incorporated. All rights reserved. ® ® 1 INTRODUCTION TO TYPOGRAPHY DESIGN Vocabulary and Guidelines.
Typography and Space for Web Design Important Issues From Web Style Guide.
PAGE DESIGN PAGE DESIGN Giving Your Work the Best Possible Appearance.
Design Principles 3.02 Understand business publications Slide 1.
Designing Scientific Research Posters By Dan Kenzie and Mary McCall.
Chapter 8 Document Design 2 Page Layout
Document Etiquette. White space An essential design element Should balance text and graphics Allows readers to digest what is being communicated Carries.
Unit 4 – Multimedia Element: Text
Typography-- Using Text Typography -- Using Text There are two basic types of fonts: Sans Serif Serif.
Design Principles for PowerPoint
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
Visual Literacy Staff Development Presentation Kipps Elementary School November 2009 Presented by Juliane Meek.
Document and Web design has five goals:
Chapter 12 Designing the Document. 1. To make a good impression on readers Documents should reflect your own professional standards and those of your.
Writing & Speaking for Business By William H. Baker Chapter Four.
Project title to go here Introduction The page size of the poster is to be A1 (59.4cm x 84.1 cm) and it is to be produced in portrait (vertical) format.
Chapter 7. Designing Documents and Web Sites © 2013 by Bedford/St. Martin's1 Document and Web design has five goals: to make a good impression on readers.
Creating Good Presentations. Planning a Presentation (Remember all the things you learned in speech class) PowerPoint as a Visual Aid (Remember all the.
Monday, September 19 Check HW: 3 thumbnail sketches Intro to Poster Design –Handout Begin working on posters once sketches have been approved Poster deadline:
Coatbridge High School 10 Commandments For Good Design Layouts.
Document Design ENG 371 Lukowski. Things to Consider Think about your audience and their expectations – How will they read and use your document? – What.
Page Design and Elements
Fonts and Typography Section 7.3. Typography Typography: the style, arrangement, and appearance of text Well designed text makes your page more readable.
Design Elements of Graphical Representation, (Factors supporting appearance and functionality of solutions). P0CCUAA.
Introduction to Visual Rhetoric: The Basics Romberger.
Desktop Publishing Design Tips and Guidelines. Effective Design Attractive and pleasing to look at and read Well-organized Self-explanatory Link between.
Don’t have to be a designer to know when something just ain’t right…
Designing Reader- Focused Documents C H A P T E R 10.
Introduction to Visual Rhetoric. Visual Rhetoric Definition Is the “how to” of visual literacy Visual rhetoric applies the rhetorical situation to decision.
Page Design and Elements TECO 63 M. Reber Page Design Helps readers understand information Indicates hierarchy of ideas and concepts Helps readers.
Unit 1: Graphics are all around us Design Graphic.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
Posters, Magazines, Websites
Guidelines for Preparing Slides Create A ____________ To Introduce Your Presentation.
Design Principles 3.02 Understand business publications Slide 1.
Design Principles 5.01 Understand business publications Slide 1.
Preparing a Scientific Poster for Presentation
Report Design Designing the Body of the Report. White Space Margins Provide enough white space around the edges for holding the page, binding the page,
Good design and layout The Ten commandments. 1. Research your subject Find out the key information and make notes Select pictures that tell the story.
Instruction Set ENGL 202C. CONTENTS Depending on the nature of your task, you may wish to include some or all of the following contents. Introduction.
Design and Typography Chapter Designing a Publication Designing is the process of determining the format and layout, then creating Format: how and.
35”x42” Vertical poster template (Title)
36”x48” Landscape Poster Template (Segoe UI Bold 88pts)
Page Design and Elements
HATS - A Design Procedure for Routine Business Documents
Formatting Text and Paragraphs
36”x48” Landscape poster template (Title)
Chapter 9 Layout and Design
HATS – A Design Procedure for Documents
Technical Communication Fundamentals Chapter 3: Visual Design
Your Poster Title Here Your Name, Other Names… Your University
36”x48” Landscape Poster Template (Segoe UI Bold 88pts)
Better Design Understand how to incorporate key design concepts to the entire site Guidelines for site design Use color, balance, alignment, and other.
Design Principles Rvsd. Feb 2016
35”x42” Vertical poster template (Title)
Designing Pages and Documents
Accessibility Guide.
Layout Terms Visual Hierarchy
Guidelines for Effective PowerPoint Presentations
Presentation transcript:

HATS - A Design Procedure for Routine Business Documents Presentation by H. Allen Brizee; Adapted from Baker (2001)

HATS: Introduction Use HATS to create documents that are easy to access, easy to navigate, easy to remember: Headings – to promote easy navigation Access – to promote the finding and understanding of information Typography – to promote ease of reading and clear levels of information hierarchy Space – to promote effective document design

Readers need information quickly, so documents should ensure easy access to important information: Writing should be clear and concise. But before audiences read words, they must access the document Documents that are easy to access and understand are more persuasive and user-centered Use HATS: Headings, Access, Typography, Space HATS: Introduction

Headings Headings are navigation signposts in table of contents Headings help guide readers through documents Headings announce forthcoming information HATS: Headings Table of Contents Introduction Background Problem Introduction This report overviews the history of air pollution in greater Lafayette, Indiana, and it discusses our ideas for reducing air pollution.

Adequacy – Documents should have an ample number of headings to serve as navigation signposts Hierarchy – Use typeface, size, style, and alignment to show different levels of importance and detail: HATS: Headings (con’t.) Background This section outlines the history of air pollution in greater Lafayette… The Early Years During the industrial growth of the early twentieth century…

Access Readers should be able to find and understand important information easily To ensure easy access of important information: Use bullets or dashes, or for steps, use numbers. Note the architecture in this presentation Use graphics such as tables, graphs, process charts, and photographs HATS: Access

Graphics – Think of yourself as an information designer not just a wordsmith. Here are some suggestions: HATS: Access (con’t.) Information TypeEffective Presentation NumericTables, charts People, objectsPictures, line drawings ProcessesFlow charts Geographic DataMaps Nonchronological listsBulleted lists Chronological or prioritized listsNumbered lists

Typography Typeface has persuasive impact and can be changed to improve design Avoid using more than two types of font in one document Make sure you can read all the text against the background Unless instructed otherwise, left-justify your body text HATS: Typography

Typography Continued: Fonts Use Times New Roman for body text Use Arial or other sans serif fonts such as Franklin Gothic Book for headings. Avoid unusual fonts such as Party LET for professional documents Use 10 or 12 point font for body text. For headings, bold the text or use a different font; bolding and underlining is overkill HATS: Typography (con’t.)

Space Use plenty of space so you don’t overwhelm readers Ensure that appropriate top, bottom, left, and right space margins frame the elements on a page (1 inch margin is good) Allow for space around visuals rather than using frames, unless an edge of your visual bleeds into the white space of the page Do not crowd your words. Trust your eyes when you step back to view your page at a distance Use this presentations to guide you. Your documents should be visually effective, and they should contain good content HATS: Space

Here is an overview of how pages look from a distance: Traditional essay: large blocks of text, information difficult and time consuming to retrieve HATS: Space (con’t.) Report format with small, well- balanced blocks of concise information, easy to access; essay topic sentence becomes heading

Design – The first thing readers see is the design of your document. If your document does not look professional and effective, your ethos will suffer. –Use the elements of design outlined in this presentation: –Colors – Make sure colors work well together Avoid combinations such as yellow-orange, black-purple Consider cultural expectations and color blind readers Colors on monitors and colors on paper look different Consider that you may not have access to a color printer, so design documents that look good in black and white HATS: Space (con’t.)

Shapes – Avoid awkward shapes or shapes that do not work well together Spheres, see below, can work well in documents Always look at your document from a distance; turn it upside down, tilt it. Do the shapes conflict? HATS: Space (con’t.)

Placement – Cultures reading from left to right move in the Z pattern as they read down a page Place visuals and text accordingly, with the most important information in upper left and bottom right areas Contrast – Allow for contrast on your page Do not place a line of circles on the same plain on a page; place visuals and text using the Z pattern so that you create an effective contrast Balance – Balance your pages and make sure that your eye is not drawn to any area of the page unintentionally How is your page going to be viewed? By itself, opposite another page? Do the two pages work well together? HATS: Space (con’t.)

Z pattern Contrast: circles aren’t on same plain Balance: page is balanced

To Recap – Ask these questions when using HATS: 1.Headings – Are there enough headings? Do they reflect a clear hierarchy? 2.Access – Is important information easy to find? Is the information easy to digest? Does the method of presentation enhance readability and clarity? 3.Typography – Does the document use the most appropriate typefaces, size, styles, and alignment for both body text and headings? 4.Space – Does the document have appropriate white space to make it inviting and easy to read? HATS: Recap

The End