Writing Documentation & Training Materials

Slides:



Advertisements
Similar presentations
How can Microsoft PowerPoint 2007 help you share information?
Advertisements

Pasewark & Pasewark Microsoft Office XP: Introductory Course 1 INTRODUCTORY MICROSOFT WORD Lesson 8 – Increasing Efficiency Using Word.
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.
Pasewark & Pasewark 1 Word Lesson 8 Increasing Efficiency Using Word Microsoft Office 2007: Introductory.
Macromedia Dreamweaver MX 2004 Design Professional Web Page DEVELOPING A.
Web Design Guidelines By ZhengHui Hu. Planning User Analysis  Goal  Target Audience Enhance Accessible  Impairment  Environment  Technical Limitation.
New School Websites Teacher Pages. Visit the SCUSD Website for videos tutorials: For more information.
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Designing a Classroom Web Site Using NVU Beginning Level.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
Expression Web 2 Concepts and Techniques Expression Web Design Feature Web Design Basics.
Start the slide show by clicking on the "Slide Show" option in the above menu and choose "View Show”. or – hit the F5 Key.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Technologies Website Development Trade & Industrial Education
Chapter 2 Developing a Web Page. Chapter 2 Lessons Introduction 1.Create head content and set page properties 2.Create, import, and format text 3.Add.
Website Development with Dreamweaver
Online Training for TEXAS TECH UNIVERSITY and TEXAS TECH HSC Hiring Managers Employment Office April 2003.
MSOffice WORD 1 Microsoft® Office 2010: Illustrated Introductory Part 1 ®
Microsoft ® Outlook ® 2010 Outlook How-Tos. Course Contents Learn how to perform several daily Outlook tasks using Calendars, Clipart, and features.
Chapter 1 Creating a Dreamweaver Web Page and Local Site
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
Introducing Dreamweaver. Dreamweaver The web development application used to create web pages Part of the Adobe creative suite.
Microsoft Expression Web 3 Expression Web Design Feature Web Design Basics.
Clemson OLLI Presentation Template Instructions Important: Before starting to use this template, print out the following nine instruction pages.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 1 Getting Started with Word 2010.
Professional Learning Management System True North Logic
INT’L FORMATTING WORKSHOP
Housekeeping On-line presentation trouble shooting
Thinking Web > CONTENT DEVELOPMENT
Journal of Mountain Science (JMS)
Pre-Production Meet with the client to create a project plan:
Microsoft Word Objectives: Word processing using Microsoft Word
Microsoft PowerPoint This is the introduction to PowerPoint.
Tutorial DynaMed Plus support.ebsco.com.
A Guide to Using Wikispaces
OVERVIEW Objectives Follow a design document to create a small personal Web site Follow a design document to create pages in a large commercial Web site.
Microsoft Office Word 2003 Lesson 4
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
Section 7.1 Section 7.2 Identify presentation design principles
About SharePoint Server 2007 My Sites
Introduction to presentations ms PowerPoint
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
LMEvents SharePoint Portal How-to Guide
Define phase Interview the client to understand goals, audience, content, design, and delivery requirements. Organize and outline interview information.
Year 7 E-Me Web design.
Updating Your Section’s Website
Lippincott Procedures Training Tour for HealthStream Users
Introducing Microsoft Office 2010
Unit I: Collecting Data with Forms
INT’L FORMATTING WORKSHOP
UQ Course Site Design Guidelines
Welcome to FOCUS FOCUS website:
Lippincott Procedures Training Tour for General Users
Benchmark Series Microsoft Word 2016 Level 2
UQ Course Site Design Guidelines
Introduction to Database Programs
EBSCOhost Page Composer
Lippincott’s Nursing Procedures and Skills
Emily Grotta & Susan Harris Last Updated: May 3, 2018
OUCampus Content Editor Training
Introduction to Database Programs
Guide: Report results Version of Ladok by the latest update:
Training Tour for General Users
Drupal user guide Evashni Jansen Web Office.
Welcome To Microsoft Word 2016
UQ Course Site Design Guidelines
UQ Course Site Design Guidelines
Presentation transcript:

Writing Documentation & Training Materials Nikki Massaro Kauffman

Overview Documentation Fundamentals Sample Style Guide Image Captures Feedback & Data Collection

Overview Documentation Fundamentals Sample Style Guide Image Captures Feedback & Data Collection

Documentation Fundamentals Document steps/actions in order. 3 2 1

Examples Click Print… under the File menu. -OR- Under the File menu, click Print…

Documentation Fundamentals Document every step/action.

Documentation Fundamentals Answer the following with each step: Where am I? What should I do? What will happen? ? ? ?

Examples

Documentation Fundamentals Keep the steps short and simple. Use right arrows (→).

Examples Which version facilitates scanning? On the Format menu, select Alignment and click Left. Click Format, Alignment, Left. Click FormatAlignmentLeft.

Documentation Fundamentals Use the language that the application uses for its menus, tools, etc., but avoid jargon. Jargon Monoxide

Examples

Examples

Documentation Fundamentals Don’t assume your audience is reading sequentially from beginning to end. 3 2 1

Examples

Examples

Examples

Overview Documentation Fundamentals Sample Style Guide Image Captures Feedback & Data Collection

Sample Style Guide Use bold, as in V. Keys

Keys Sample Style Guide Abbreviate with all capital letters and no period, as in CTRL or ALT. Keys

Keys Sample Style Guide Use a plus sign (+) for keys held together, as in CTRL+ALT+DEL or CTRL+V. Keys

Sample Style Guide User Input Any item user can select (tabs, buttons, links, etc.) should appear in bold. User Input

Sample Style Guide User Input Any text a user must type should be in a fixed-width font. User Input

Sample Style Guide User Input Any text that varies based on the user's personal situation should be italicized, as in "abc123" for "userid". Do not use real users in your examples. User Input

Misc. Sample Style Guide New terms can appear in bold font the first time they are used. Misc.

Misc. Sample Style Guide Right arrows(→) can be used as shorthand for a specific path, as in “File→Print...” Misc.

Misc. Sample Style Guide Use your guidelines and templates as a style guide for consistency. Misc.

Overview Documentation Fundamentals Sample Style Guide Image Captures Feedback & Data Collection

Image Captures Capture key steps, but don't overdo it.

Image Captures In introductory sections, you may choose to capture dashboards.

Image Captures Capture dialogs and windows that require key decisions and/or user input.

Image Captures Capture the screen If the words alone fail to describe what the user should see or do. Edit the capture (crop, draw arrows, etc.) to call attention to what you are illustrating.

Image Captures Capture images of icons that have no name.

Overview Documentation Fundamentals Sample Style Guide Image Captures Feedback & Data Collection

Feedback & Data Collection For Group Discussion… From your perspective, what do you need to make you documentation efforts successful? What do your users need to be successful?

Feedback & Data Collection Document Review Helpdesk Web Analytics The Documentation Process

Feedback & Data Collection Reviewing Your Work: Find a peer as a proofreader.

Feedback & Data Collection Reviewing Your Work: Find a technical expert to review for accuracy.

Feedback & Data Collection Reviewing Your Work: Find a user or two to review for simplicity.

Feedback & Data Collection For HelpDesk Requests… Search for a documented answer.

Feedback & Data Collection For HelpDesk Requests… If it’s out there, send link to documentation & explanation of how to find it by searching.

Feedback & Data Collection For HelpDesk Requests… If it’s not, document it first, and then send link.

Feedback & Data Collection Teaching Them to Fish… It develops and maintains knowledge base documentation. Photo Credit: Fishing Harbour in Setubal by fotografar

Feedback & Data Collection Teaching Them to Fish… It ensures a consistent party-line answer. Photo Credit: Fishing Harbour in Setubal by fotografar

Feedback & Data Collection Teaching Them to Fish… It saves helpdesk staff the redundant effort of providing an answer if one is already out there. Photo Credit: Fishing Harbour in Setubal by fotografar

Feedback & Data Collection Teaching Them to Fish… It’s a subtle way to show user how to search for answers within the knowledge base. Photo Credit: Fishing Harbour in Setubal by fotografar

Feedback & Data Collection Using Web Analytics Data: Visitors & Pageviews are only noteworthy when you look at trends over time. New ANGEL version, new semester, new marketing, etc.

Examples

Feedback & Data Collection Using Web Analytics Data: Top Content/Content by Title will show you the topics being accessed the most. Are these topics for more targeted training?

Examples

Feedback & Data Collection Using Web Analytics Data: Users don’t just access a site from the home page. Top Landing Pages will show which pages are being used to access your knowledge base. New ANGEL version, new semester, new marketing, etc.

Examples

Feedback & Data Collection Using Web Analytics Data: Check the Referring Sites to see who is sending visitors to your documentation and/or to evaluate how well you have marketed them. Are your referrals from other websites, FB, twitter, etc. working?

Examples

Feedback & Data Collection Using Web Analytics Data: Check the Keywords to see what language your visitors use to search for documentation. Do you need to revise you documentation to include some of these keywords your visitors are using?

Examples

Feedback & Data Collection Using Web Analytics Data: You can create Advanced Segments to filter for specific questions like “What content do people with specific browsers or access?”

Examples

Feedback & Data Collection Using Web Analytics Data: Remember that Web Analytics gives you quantitative data. Follow-up with HelpDesk calls, user comments, and focus groups for detailed qualitative data.

Questions?

Final Thoughts As a group, what will you need to make your documentation successful? As individuals? How can you create documentation from the user’s perspective instead of your own? How can you make documentation easy to find? From where you sit, what information can you pass on to others in order to improve the documentation process?