HATS – A Design Procedure for Documents

Slides:



Advertisements
Similar presentations
Preparing Business Reports
Advertisements

1 College Essay to Formal Report – Poof! It’s Easy! By Allen Brizee, PhD Loyola University Maryland.
Kira Jones Oral Communication Instructor
Visual Rhetoric for Student Writers KARL STOLLEY AND ALLEN BRIZEE Brought to you in cooperation with the Purdue Online Writing Lab.
Document Design: Guidelines for Effective Information Layout Dr. Shelley Thomas ENGL 3100.
HATS - A Design Procedure for Routine Business Documents Presentation by H. Allen Brizee; Adapted from Baker (2001)
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.
Multimedia Design. Table of Content 1.Navigational structures 2.Storyboard 3.Multimedia interface components 4.Tips for interface design.
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.
C.R.A.P.   Color balance : The colors of the entire illustration- grey, black, white and the contrast orange, seem like they were chosen without much.
Chapter 8 Document Design 2 Page Layout
1 PowerPoint Presentation Design Wednesday, September 02, 2015Ms. Wear Info Tech 9/10.
Desktop Publishing Tips. Desktop Publishing (DTP) is… The process of producing professional looking products.
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.
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.
the rhetorical situation  audience  purpose  context design principles  arrangement  emphasis  contrast  repetition  alignment  proximity (some)
Creating visually attractive and appealing publications.
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.
Introduction to Visual Rhetoric: The Basics Romberger.
Visual Rhetoric for Student Writers Brought to you by the Writing Lab at Purdue.
3.02 Understand business publications
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.
Design Principles 3.02 Understand business publications.
VISUAL RHETORIC All the C.R.A.P. you need to know… The Purdue Writing Lab.
Posters, Magazines, Websites
Design Principles 3.02 Understand business publications Slide 1.
Design Principles 5.01 Understand business publications Slide 1.
Design Principles 5.01 Understand business publications Slide 1.
Tips for Preparing a Professional Presentation. The first thing that gives a professional touch to any presentation is the design.
Design Principles 3.02 Understand business publications.
Visual Rhetoric for Student Writers Purdue Writing Lab.
35”x42” Vertical poster template (Title)
36”x48” Landscape Poster Template (Segoe UI Bold 88pts)
Page Design and Elements
Multimedia Design.
Creating a Poster.
Poster Title Goes Here & Must Match Your Submitted Abstract Title
HATS - A Design Procedure for Routine Business Documents
Workplace Communication
Chapter 19 Presentation Design
36”x48” Landscape poster template (Title)
Chapter 9 Layout and Design
Understanding Desktop Publishing
Technical Communication Fundamentals Chapter 3: Visual Design
keys to STRONG graphic design
Your Poster Title Here Your Name, Other Names… Your University
Chapter 19 Presentation Design
Design Principles 3.02 Understand business publications
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.
PowerPoint Presentation Guidelines
3.02 Understand business publications
35”x42” Vertical poster template (Title)
Additional Information
Design Principles 3.02 Understand business publications
DESIGN PRINCIPLES and arguing in virtual spaces
Designing Pages and Documents
Accessibility Guide.
2.00 Understand Publications
Layout Terms Visual Hierarchy
Design Principles 3.02 Understand business publications
Tips for Preparing a Professional Presentation
Guidelines for Effective PowerPoint Presentations
Presentation transcript:

HATS – A Design Procedure for Documents HATS: A Design Procedure for Routine Business Documents, adapted from William H. Baker’s “HATS: A Design Procedure for Routine Business Documents,” Business Communication Quarterly V. 64, no. 2 June 2001. Composed for the Purdue Writing Lab by Allen Brizee, Ph.D. Student, Rhetoric and Composition, Purdue University Adapted from William H. Baker’s “HATS: A Design Procedure for Routine Business Documents,” Business Communication Quarterly V. 64, no. 2 June 2001. Dr. A .K. Bhattacharyya Professor EEI(NE Region), AAU, Jorhat

HATS: Introduction Procedure developed by W.H. Baker The procedure is remembered easily with the acronym HATS which stands for Headings Access Typography Space

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

HATS: Headings 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 Key Concept: See slide #4. Rationale: See slide #4.

HATS: 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. Use graphics such as tables, graphs, process charts, and photographs. Key Concept: See slide #4. Rationale: See slide #4.

HATS: Access Information Type Effective Presentation Numeric Tables, charts People, objects Pictures, line drawings Processes Flow charts Geographic Data Maps Nonchronological lists Bulleted lists Chronological or prioritized lists Numbered lists Key Concept: Visuals should work with text to help convey complex ideas or technical information. Rationale: Writers unfamiliar with professional document design may not have worked with visual elements or page layout. One of the most noticeable differences between academic and professional writing is the visual dimension of the pages. Inexperienced writers should not, however, merely use graphics to make a page look “pretty.” Text and visuals should work together to explain ideas.

HATS: 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 … Avoid unusual fonts such as ONYX for professional documents (such as ONYX ) Use 10 or 12 point font for body text. For headings, bold the text or use a different font; bolding and underlining is overkill Key Concept: Type face conveys rhetorical messages that can impact a document’s effectiveness. Rationale: Writers unfamiliar with professional document design may not consider the rhetorical messages sent by different fonts. Font choice should reflect the rhetorical situation.

HATS: 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 pag Key Concept: Use white space to make pages accessible and easy to read. Too much text makes pages feel cramped and uninviting. Rationale: Writers unfamiliar with professional document design may have only been exposed to the essay page layout, which consists primarily of large blocks of difficult to navigate text. Pages composed of densely packed text are not as accessible, and so not as persuasive, as pages using white space to help readers find the information they need.

Do not crowd your words. Trust your eyes when you step back to view your page at a distance. 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. Report format with small, well-balanced blocks of concise information, easy to access; essay topic sentence becomes heading. Key Concept: See slide #9. Rationale: See slide #9.

HATS: Space .. Design – The first thing readers see is the design of your document. Colors – Make sure colors work well together Consider cultural expectations 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 Avoid combinations such as yellow-orange, black-purple

HATS: Space .. 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 plane 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?

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

Thanks