Designing and Developing Usable Online Help Systems Prashant Natarajan Lead Technical Writer Siemens Information Systems Ltd. 4 th Annual Conference of.

Slides:



Advertisements
Similar presentations
3.01D Design Multimedia Presentations
Advertisements

Document Design Principles WritePoint Ltd.
Lesson 10: Starting Windows Applications start an application program move between open application programs start an application using the Run command.
User Interface Structure Design
Web Design with Cascading Style Sheet Lan Vu. Overview Introduction to CSS Designing CSS Using Visual Studio to create CSS Using template for web design.
M. Reber © 5/1/2015 Document Development Cycle Creating Your User’s Guide Step-by-Step.
3.02E Designing and Development of Multimedia Titles 3.02 Demonstrate interactive multimedia presentations.
Starting and Customizing a PowerPoint Slide Show
Document Design Customized & Workplace Training AAI/Portland Community College Facilitated by George Knox.
INTERACTIVE BRAND COMMUNICATION Class 7 Creative Issues II: Creating Effective Online Advertising.
PowerPoint Presentation for Dennis, Wixom & Tegarden Systems Analysis and Design Copyright 2001 © John Wiley & Sons, Inc. All rights reserved. Slide 1.
Chapter 2 Web Site Design Principles Principles of Web Design, Third Edition.
Chapter 4 Planning Site Navigation Principles of Web Design, 4 th Edition.
Chapter 2 Web Site Design Principles Principles of Web Design, 4 th Edition.
1 Chapter 11 Developing Custom Help. 11 Chapter Objectives Use HTML to create customized Help topics for an application Use the HTML Help Workshop to.
Text Chapter 7. 7 Text in Multimedia Text is used in multimedia projects in many ways: Web pages Video Computer-based training Presentations.
User Interface Design Chapter 11. Objectives  Understand several fundamental user interface (UI) design principles.  Understand the process of UI design.
Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2 Identify color scheme guidelines.
PAGE DESIGN PAGE DESIGN Giving Your Work the Best Possible Appearance.
Chapter 8 Document Design 2 Page Layout
© 2002 ComputerPREP, Inc. All rights reserved. Word 2000: Working with Long Documents.
Web Design, 3 rd Edition 4 Planning a Successful Web Site: Part 2.
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
Document and Web design has five goals:
3.02D Design Multimedia Presentations 3.02 Demonstrate interactive multimedia presentations.
1 WEB Engineering Introduction to Electronic Commerce COMM1Q.
Multimedia- Microsoft Power Point ADE100- Computer Literacy Lecture 22.
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.
E-commerce usability guide provides guidelines and advice for implementing easy to use e-commerce websites. It focuses on online catalog/selling functionality.
Q Q Human Computer Interaction – Part 1© 2005 Mohammed Alabdulkareem Human Computer Interaction - 1 Dr. Mohammed Alabdulkareem
1 WEB Engineering E-Commerce Strategy & Management COM350.
Designing for Task Organization ITSW 1410 Presentation Media Software Instructor: Glenda H. Easter.
Chapter 3: Managing Design Processes
, Online Help, and Web Sites For the first time in centuries, the written word has undergone a quantum metamorphosis, leaping from the printed page.
User Interface Structure Design Chapter 11. Key Definitions The user interface defines how the system will interact with external entities The system.
Slide 1 Chapter 11 User Interface Structure Design Chapter 11 Alan Dennis, Barbara Wixom, and David Tegarden John Wiley & Sons, Inc. Slides by Fred Niederman.
Design Principles for the Web Lavanya Koppaka. Why follow design principles? Structure the information being presented Increase the readability Ease of.
INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
McGraw-Hill Career Education© 2008 by the McGraw-Hill Companies, Inc. All Rights Reserved. Office Word 2007 Lab 3 Creating Reports and Tables.
Writing and Editing Modular Documentation: Some Best Practices Yoel Strimling (Comverse) Based on a joint presentation with Michelle Corbin (IBM) at the.
XP Section 1, Chapter 41 Succeeding in Business Applications with MS Office 2003 Delivering Professional Presentations with PowerPoint “Tell the audience.
© 2008 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 22 Instructions and Procedures Technical Communication, 11 th Edition John.
Z E N and the Art of Online Help Speaker: Mark Bloom Part 2.
How to improve website usability Main findings & conclusions from the MOU seminar Ivana Doulgerof Management Organisation Unit Programming & Communication.
1 CA201 Word Application Making Information in Longer Documents Accessible Week # 12 By Tariq Ibn Aziz Dammam Community college.
© 2011 Pearson Education, Inc., publishing as Longman Publishers. 1 Chapter 13 Designing Pages and Documents Technical Communication, 12 th Edition John.
User Interface Components Lecture # 5 From: interface-elements.html.
Technical Communication A Practical Approach Chapter 14: Web Pages and Writing for the Web William Sanborn Pfeiffer Kaye Adkins.
Chapter 3 Memos.
Goals of Documentation ITSW 1410, Presentation Media Software Instructor: Glenda H. Easter.
Kara Pharris Web Designer Site Improvements & the Usability Project Concepts for usable navigation, functionality and presentation.
M. D. Slaughter1 Microsoft Office PowerPoint 2003 Tutorial Lai 687 Instructional Design M. D. Slaughter.
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.
Writing to Teach - Tutorials Chapter 2. Writing to Teach - Tutorials The purpose of a tutorial is to accommodate information to the needs of the user.
Web Site Development - Process of planning and creating a website.
1 Technical & Business Writing (ENG-715) Muhammad Bilal Bashir UIIT, Rawalpindi.
William H. Bowers – Specification Techniques Torres 17.
Laboratory Exercise # 10 – Microsoft Word Additional Topics Office Productivity Tools 1 Laboratory Exercise # 10 Microsoft Word Additional Topics Objectives:
Clemson OLLI Presentation Template Instructions Important: Before starting to use this template, print out the following nine instruction pages.
DOCUMENTATION REF: Essentials of IT (Hamilton et al) Chapter 1.
ICAD3218A Create User Documentation.  Before starting to create any user documentation ask ‘What is the documentation going to be used for?’.  When.
3.01D Design Multimedia Presentations
Instructions and Procedures
Document Development Cycle
Designing User-Friendly Documents
Chapter 7 Text.
Unit 14 Website Design HND in Computing and Systems Development
3.02D Design Multimedia Presentations
Designing Pages and Documents
Presentation transcript:

Designing and Developing Usable Online Help Systems Prashant Natarajan Lead Technical Writer Siemens Information Systems Ltd. 4 th Annual Conference of the India chapter of STC

2 Do users actually use online help?  Most critical document for end-users of s/w applications  Unplanned efforts - reader frustration and poor usability  Why is online help not used? Users fail to find the info they need OH designed poorly in terms of content and structure Are users expecting one kind of information and getting something different? Is it because users are smarter these days and need less online help?

3 A planned approach  Fewer writing iterations, effective organization of content, and readable information  Added benefits - appearance, treatment of information components, and effort estimation  Can be tailored to suit specific work environments, products, constraints, and risks  Ensures that the process is predictable and straightforward

4 Here We Go!!!  Audience and task analysis  Development environments Speak to colleagues from other teams Discussions will help in defining user expectations, development environment, end-user’s environment/platform, and product constraints  Authoring environments OH format and authoring tool Build a set of objectives and requirements Communicate to other stakeholders exactly what you are going to deliver as the online help system

5 Planning and Organization C Outline CTopic element - most basic unit of OH, destination of readers C Divided into 3 categories - functional, navigational, and orientation B Functional elements: conceptual, procedural, reference, notes, and tips/shortcuts BNavigational elements: ToC, index, hyperlinks/jumps, See links, and See Also links BOrientation elements: non-scrolling banner regions (in a topic) and styles

6 Planning and Organization (cont’d)  Identify information components or screen elements and match them to corresponding topic elements  Clustering Has a central topic element from which all other topic elements are accessed Advance organizes topic elements and creates structured topics Easier maintenance Cluster must contain info on topic title, concept, procedure, jumps, See and See Also links. Optional elements: screen captures, notes, tips/shortcuts, and pop-ups. Cluster Example

7 Creating Effective Navigation Elements  Quo Vadis?  ToC provides access to the hierarchy of the help system’s most general top-level categories and topics Designated as the top-level of the help system  Index provides access to all topics in the online help system via an alphabetized keyword index Use indexing guidelines and maintain consistency  Hyperlinks are “space-savers”. Provide useful information at a single click  See (“must-read) and See Also (“can-read”) links

8 Other Online Help Elements  Pop-up windows (non-movable and non-sizable windows) Typically contain definitions of terms or other parenthetical information Using too many pop-up windows can disorient the user Avoid putting pop-ups or jumps within pop-up windows  Screen captures Use screen captures of buttons and icons within running text Don’t assume that the reader will necessarily know their meaning. Use explanatory text if your graphics are application-specific Do not use screen captures of windows, screens, and dialog boxes

9 General Guidelines for Usability  Use fonts and font sizes consistently. Left-justify text and avoid the use of all uppercase statements or sentences  Be conservative in the use of colors. List the colors in OH  Use consistent terminology EVERYWHERE (running text, hyperlinks, cross-references, ToC, and index keywords)  Don’t use italics or underline text for emphasis  Use a non-scrolling banner area and provide navigation buttons  Use lead-in sentences

10 General Guidelines for Usability (cont’d)  Use active voice  Provide multiple access points and navigation aids  Use adequate white space  Write for different user types – novice, intermediate, and advanced users  Create context-sensitive help, at the earliest  Include feedback forms and links

11 OH Usability Exercises Method How it works Notes Read and Locate Test General sense of ease of navigation and organization of information Requires time for representative questions Summary TestReader’s grasp key concepts Users read a section of documentation and reflect on it Usability Edit Detailed edit of instructions Useful for procedural help Diaries of Documentation Usage Users keep a diary of their experience with the documentation (and the product) Requires dedicated users

12 OH Usability Exercises (cont’d) Method How it works Notes Critical Incident Questionnaire Ask users about critical incidents (critical incidents can be successes or failures) Allow the gathering of criticality and frequency data Documentation Survey (Mail Questionnaire) Focus on key questions A good questionnaire requires design and testing; focus on key questions Field VisitsField visits can be used to gather a lot of information, including documentation use Must focus on the whole product. Trips to get info on “just documentation” are not all that successful!!!

13 Cluster Representation (1) Back Back

14 A Sample Cluster Back Back

References  Planning and Designing Multi-Authored Help Systems, © Kelly Dodge and Lauren Ward, 1999  Usability Methods, © Chauncey E. Wilson, WilDesign Consulting, 2002  Online Help Style Guide, © Siemens Information Systems Ltd., 2000

Thank You

17