1 Designing Quick Reference Guides STC Webinar, Jan 25, 2012 Tom Johnson

Slides:



Advertisements
Similar presentations
Microsoft ® Office Word 2007 Training Make documents look great Sweetwater ISD presents:
Advertisements

KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Unit 3 Day 4 FOCS – Web Design. No Journal Entry.
Web Design Bill Pegram April 25, Goal of Presentation Summarize ideas from part of The Non- Designers Web Book, Third Edition, Robin Williams &
Elements of Design: The 4 Basic Principles.
COM: 111 Introduction to Computer Applications Department of Information & Communication Technology Panayiotis Christodoulou.
Word Lesson 11 Customizing Tables and Creating Charts Microsoft Office 2010 Advanced Cable / Morrison 1.
Intro to Multimedia Typography Design -excerpts from The Non-Designer’s Design Book.
LAYOUT OF PAGE ELEMENTS September 28 th, PATTERNS Common ways to use the Layout Elements of Visual Hierarchy, Visual Flow, Grouping and Alignment,
Evaluating the gestalt.  “Gestalt” means the unified whole.  We’ve approached design by using Gestalt research, planning our work by understanding how.
This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation. All.
Document Design: Basics and Typography Technical Communication, DAHMEN.
Day 6 Layout. Objectives  Learn about some principles of perception  Learn how grids can help you organise a site’s content  Learn about the golden.
The Power of PowerPoint A guide to expectations for Stage 2 Information Processing and Publishing.
The Essentials - Microsoft PowerPoint 97 Ross Metherell and Shaun Raebel Shaun Raebel.
14-Aug-15 Design Principles. Design principles In The Non-Designer’s Design Book: Design and Typographic Principles for the Visual Novice, Robin Williams.
Styles and themes are powerful tools in Word that can help you easily create professional looking documents. A style is a predefined combination of font.
Website Design. Designing and creating different elements involved in developing a website for e- commerce can help you identify and describe the components.
Basic Principles of DESIGN Bristol Community College Bristol Community College Paula Mailloux Sources: The Non-Designers Design Book The Non-Designers.
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.
Tuesday, November 28 Today’s Journal: You have been learning about different types of figurative language for the past few times. Which do you like the.
The Non-Designer’s Design Book
Visual Design Basics Creating Effective Handouts, Flyers and Brochures.
Web Site Design Principles
IS1824: Introduction to Internet Multimedia Lecture 7: Style 1 (Layout and Colour) Rob Gleasure
The Non-Designer’s Design Book Design and Typographic Principles for the Visual Novice By Robin Williams.
Effective Graphic Design
Available at Presentations: Posters and Talks Vanessa Couldridge BCB 703: Scientific Methodology Please note: AUDIO required.
Non-designer’s design principles Dr. Shuyan Wang.
Basic Elements of Design
Presentation or Visual Design Gabriel Spitz 1 Lecture # 15.
Formatting WorksheetsFormatting Worksheets Lesson 7.
Miscellaneous 1 Miscellaneous 2 Slide ShowEditingGraphics
Lesson 10 - Mail Merge and Reviewing Documents Advanced Microsoft Word.
Elements of Design Presentation designed by Dr. James Lenze Model: Williams R. (2004), The Non-Designer’s Design Book, Second Edition, Peachpit Press What.
0707 IAT 102 Graphic Design Design Basics Design Tools.
Building Your Web Page. Build Your Web Page Orfordville Public Library held at: Parkview High School Tue. April 8 Tue. April 15 Tue. April 22.
How to Design PowerPoint Presentations Which are EASI to Create While Enhancing Accessible, Clear Communication Norm & Beth Coombs.
Shaelynn Long-KishShaelynn Long-Kish, Instructional Designer Mid Michigan Community College Building Beautiful Courses: Layouts, Lessons, Blocks, & Books.
1. 2 In what ways does your magazine use, develop or challenge forms and conventions of real music magazines? I tried to keep with convention when designing.
Word Create a basic TOC. Course contents Overview: table of contents basics Lesson 1: About tables of contents Lesson 2: Format your table of contents.
With a focus on screen design and CRAP. The Joshua Tree Epiphany.
Guided Lesson.  In this lesson, you will learn how to modify the line and paragraph spacing in various ways.
THE PAPERLESS CLASSROOM: USING GOOGLE DRIVE TO CONDUCT A PAPERLESS RESEARCH PAPER: BENEFITS OF USING GOOGLE DRIVE TO CONDUCT A PAPERLESS RESEARCH PAPER,
Creating SmartArt Graphics Lesson 7. Software Orientation PowerPoint 2010 offers eight different types of SmartArt diagrams, with many layouts for each.
C R A P ONTRAST EPETITION ALIGNMENT ROXIMITY good design has By Kate Hansen - Adapted from Robin Williams The Non-Designer’s Design Book.
Design Principles Allowing you to create more professional web pages.
Items relating to each other should be grouped close together. When several items are in close proximity to each other, they become one visual unit rather.
Home Learning Task 3 Complete the writing guide to create the text you are going to include in your brochure. You can add your own ideas that aren’t covered.
Easy Site Navigation Getting organized, staying organized Creating custom site-navigation controls Using Menu, TreeView, and SiteMenuPath controls Make.
Multimedia Web site development Plan your site Steps for creating web pages.
By: Your Name ELEMENTS OF WEB DESIGN. VISUAL APPEAL Optimization of Graphics, for people to stay on your website, your pictures have to load out as soon.
Desktop Publishing Business Cards Your LogoYour own footer.
Elements of Design ( Note: To hide or display these lecture comments, go to VIEW and click COMMENTS) These are principles that work not only in business.
Guide to Accessible PowerPoint
Objectives At the end of this session, students will be able to:
Principles of Graphic Design
Unit 2.1: Identifying design elements when preparing graphics
The Elements of Design (SWITCH) Journalism 125.
Basic Principles of Layout
Basic Principles of Layout – p2
Chapter 1 Introduction Content is king, but typography is the crown and design is the throne. Typography and design both help content maximize its.
Basics of Visual Design
Microsoft® Office Word 2007 Training
The good, the bad, & the ugly…
Training & Development
Guidelines for Microsoft® Office 2013
Layout Terms Visual Hierarchy
Adapted from The Non-Designers Design Book
Presentation transcript:

1 Designing Quick Reference Guides STC Webinar, Jan 25, 2012 Tom Johnson

3

Quick Reference Guide Topics 1. W HAT DO YOU INCLUDE ? 2. H OW DO YOU DESIGN IT ? 3. W HAT TOOLS DO YOU USE ? 4. W HEN DO YOU CREATE IT ? 5. H OW MANY DO YOU CREATE ? 6. C AN YOU SINGLE SOURCE IT ? 7. H OW DO YOU TRANSLATE IT ? 8. I S IT WORTH THE TIME ? 4

1 W HAT DO YOU INCLUDE ? 5

Think of QRGs as Poetry Lying in a Hammock at William Duffy’s Farm in Pine Island, Minnesota, by James Wright. Over my head, I see the bronze butterfly Asleep on the black trunk, Blowing like a leaf in green shadow. Down the ravine behind the empty house, The cowbells follow one another Into the distances of the afternoon. To my right, In a field of sunlight between two pines, The droppings of last year’s horses Blaze up into golden stones. I lean back, as the evening darkens and comes on. A chicken hawk floats over, looking for home. I have wasted my life. 6

Content Considerations  Get a user started with the app. Basic tasks only, not advanced ones.  Be brief, but not obscure.  Render steps as brief summaries.  You’re not cramming 35 online help pages into 2 pages with small font and cramped leading. 7

2 H OW DO YOU DESIGN IT ? 8

9

Look at magazine layouts 10

Imitate appealing design 11

Basic Design Principles  Contrast: Establish visual hierarchy  Repetition: Repeat similar elements  Alignment: Align elements with each other  Proximity: Group similar content together See The Non-Designer’s Design Book, by Robin Williams 12

More elements to consider  Almost all good magazine layouts have a strong image.  Narrow columns accommodate text better.  Choose a layout that provides the ability to flow indefinitely. 14

3 W HAT TOOLS DO YOU USE ? 19

InDesign’s interface

Reasons to use InDesign  InDesign is a power tool with a steep learning curve, but once you master it, everything else is inferior.  InDesign allows you to embed Illustrator source files and easily edit them.  InDesign allows you to sync styles between documents (just add them to a book). 21

Reasons to use MS Word  Other people can edit it once you’ve moved on to another project.  Many translation systems accept Word as a format for translation.  You probably already have Word and know how to use it. 22

Reasons to use a HAT  You won’t end up tweaking the design endlessly to fit the content.  You can better single source your content, if you’re attempting that.  It’s easier to keep all content in one place with a HAT. 23

4 W HEN DO YOU CREATE IT ? 24

25

Content first, then design  Making content fit into an existing design is tedious and time-consuming.  But creating a new design each time to custom fit content is also tedious and time- consuming.  Find a flexible design that can accommodate expanding or shrinking content.  Double column formats are easiest — but kind of plain. 26

5 H OW MANY DO YOU CREATE ? 27

28

29

A few considerations  Project leaders start out wanting a 2-page guide, but then ask you to write 10 pages of content.  One handout per role seems ideal, but 7 handouts gets messy.  If you have multiple guides, you must sync your design across all guides.  Look for ways to combine multiple guides as a book but also detach separately. 30

6 C AN YOU SINGLE SOURCE IT ? 31

Single sourcing thoughts  Online help is usually a lot more detailed than a quick reference guide.  With single sourcing, your output will look like a short guide rather than an attractive quick reference guide.  Meticulously formatting conditional text is not worth the payoff (e.g., for a 2 page guide). 32

7 H OW DO YOU TRANSLATE IT ? 33

Tips for Translation  Don’t fill the entire space of the guide with text. Leave room for expansion, like water in the freezer.  Text embedded on images doesn’t translate, so avoid that.  Remember that page size itself changes (A4). 34

8 I S IT WORTH THE TIME ? 35

36

Some of the benefits  Without it, where do users start?  Everyone always loves this deliverable.  Doubles as marketing material.  Isn’t time-consuming as long as you don’t try to write and design simultaneously.  Provides perfect handouts for training.  Enables leaders to communicate instructions.  Communicates a sense of simplicity.  It may be the only help anyone ever reads. 37

Let’s evaluate some QRGs 38

39

44

45

51

Questions? Tom Johnson idratherbewriting.com 55