Journal of Knowledge Management Practice, Vol. 8, No. 2, June 2007

The Design Of Effective Online Help In Web Applications

Marie Christine Roy¹, Yves Rannou², Lucie Rivard³
¹Université Laval, ²Blue Spark, ³GP3 Consulting Group

ABSTRACT:

The usability and ultimately the success of Web-based services are partly due to effective user support. Although the use of online support tools is now more prevalent in Web applications, these often overwhelm the user with information poorly organized, or are simply ignored (Parush and Kaporovsky Parush, 2001).  This paper proposes a guide for the appropriate choice and design of task support tools based on user profiles, tasks and characteristics of help tools.

Keywords: Online help, Web usability, Web design, Web training, Task support


1.         Introduction

An increasing number of applications are being developed on the Web, and their usability is considered as being critical for success (Donahue et al., 1999). One important aspect of Web application usability is its capacity to successfully support users while they are completing their tasks. The best way to support users is to provide task support tools that are embedded in the application.  Very few guidelines have been proposed to help designers choose the appropriate tools based on users types, needs and tasks. The main purpose of this paper is to explore the different ways of supporting users electronically, the current trends in task support, and the effectiveness of the different tools available. It provides a guide that could be useful to anyone interested in developing online help to improve the usability of their Web applications.

 2.        What Is Online Help?

User assistance generally encompasses anything that is made available to help users complete a task while using an application (Halsted, K. and Roberts, J. H., 2002; Leighton and McCabe, 2002; Bezanson, 1995). It is meant to enhance user performance through a user interface that anticipates needs and supports users conveniently and effectively (Benzanson, 1995).

In the past, user assistance on the Web has most often taken the form of online user manuals.  Although they can be somewhat helpful if printed, binded and consulted in the same way paper manuals are, usability tests show that they are very ineffective (Grayling, T. 1998, Spool, J.M., 1998).  In more recent years, more sophisticated forms of online assistance are available, such as embedded and contextual help, search engines, wizards, videos, audio, etc. 

3.         What Are The Objectives Of Online Help?

Web applications are more and more prevalent because they provide effective and cost efficient services to customers, government citizens and employees.  In most of these services, well designed online support systems will serve the following objectives:

1.      They reduce the need for human support:  The support or help desk personnel typically spend most of its time solving common problems people have when using online; applications.  When the appropriate support tools are integrated in the application, these personnel can spend more time focusing on complex and rare problems;

2.      They increase the user’s autonomy to find relevant information and execute a task: Typically, Web application users do not have easy access to human support resources and will need to rely on their own abilities to be able to execute their tasks;

3.      They encourage the use of online services: Although many services are now offered online, they are still used by a small proportion of people, mainly because of their complexity; Online support should reduce this complexity and encourage more widespread use;

4.      They train in context and just in time (through push or pull support functions):  For most Web application, formal training sessions are unfeasible or undesirable. The most effective way to ensure learning is to provide training and task information at the time it is needed;

5.      They can provide constant support for the users in more humane, interactive, personalized and attractive way; and

6.      They can reduce information overload.  When online support is focused only on the information required in a specific context and time frame, the user does not have to memorize all the information provided in traditional user guides or application training sessions.

4.         What Are The Success Factors In Designing Online Help?

The main challenge when designing aiding tools is to make sure that they do not make the system even more complex. In some cases integrating help does more harm than good (Neerinex & de Greef, 1993). Dessus & Hedon (1996) studied the different factors involved in designing effective task support tools. They found an interaction between 1) the type of task 2) user characteristics and 3) the type of interface or tool. Therefore the appropriate help tools must be carefully chosen by considering all of these factors.

Regardless of the type of tools, designers should follow some basic principles when developing them. Based on the collective knowledge gained from prior research, all task support tools should adhere to the following guidelines (Brusilovsky and Cooper, 2002; Cole and al., 1997; Kruithof, 2000; Leung and Mao, 2003; McGraw, 1997; Mehlenbacher, 1992; Neerinex and de Geef., 1993; Seak-Foon and Yu, 2001; Tuck, 1990):

Ø      Integrate the tool into the work environment as much as possible;

Ø      Provide access to just-in-time knowledge proactively, in a timely and relevant manner;

Ø      Use knowledge about the user to adjust the tool to his or her level of domain and task expertise and familiarity;

Ø      Use one interaction style and one visual style across the application to maintain consistency and to promote recognition;

Ø      Adjust the diagnostic strategy to the users and to what the user is doing, dynamically adjusting the sequence of steps based on the user’s response;

Ø      Consider the user’s level of familiarity with the vocabulary used in the application, familiarity with the concepts presented, and the application itself;

Ø      Provide sufficient knowledge to users about what to do next.  Developers may consider integrating new support tools if users appear to be lost most often in specific areas of the task;

Ø      Facilitate learning and retention;

Ø      Provide user control by allowing users to:

Ø      Either participate in a learning task or just watch it;

Ø      Decide on the sequence of the help items provided to them;

Ø      Choose to play it over and over again if the help tool is in video format;

Ø      Determine the type of assistance he or she wants among those available;

Ø      Decide under which circumstances to invoke the help system;

Ø      Decide on how much to use the support tool and leave it at any time;

Ø      Choose the level of detail of the information needed;

Ø      And, decide whether and when to go to task support components or return to the task at hand

Ø      Model tasks by identifying the profile of the audience according to level of experience, preferred type and level of support, and learning styles;

Ø      The support tools must minimize semantic distances, that is, use the audiences vocabulary and point of view;

Ø      Whatever the help tools, the application’s state should be preserved. Users should be able to return where they were and continue with their task;

Ø      Knowledge imbedded in the support system can be updatable by the users and the system administrators;

Ø      And, the structure of the help system and the application must match.

Some of these principals are described in more detail in the following paragraphs:

4.1.      Integrated With The Task

Help systems should not only be integrated to the task at hand but they should take the initiative to present knowledge to users who seem to be lacking this knowledge. This remains a challenge since users differ in learning styles, level of knowledge, computer and domain expertise, etc.  Designers of such systems must adopt the perspective of the performers of a task and provide for their needs (Benzanson, 1995).

4.2.      Just-in-Time Knowledge

The main role of just-in-time knowledge is to support and enhance users’ performance by providing the knowledge required by the task at the time they actually are executing the task. Prince and al (1999) observed that a good online facility can help make a very complex user interface easier to learn and use when information is presented just-in-time

4.3.      Learnability And Retention

During the initial learning stage, a task is carried out by trial and error on a step by step basis. At some point, users are more able to retrieve solutions directly from memory and can generalize solutions to similar problems within the same domain. Therefore online help should provide procedural knowledge throughout the task for novice users, but make it optional since it may no longer be needed with more experience. Furthermore, consistency in software is important since users behave similarly when presented with similar challenges, because connections are established with prior knowledge.

Learnability is an important factor in software usability. Therefore, if we relate effective task support to usability, learnability must be taken into consideration. Task support tools that facilitate learning are more powerful than task support tools that don’t support learning and retention. Cole and al. (1997) showed that knowledge delivery must take place soon enough so that it is applied to the appropriate situation. Also, in support of good usability, the training tool must be intuitive enough not to require training on the tool itself.

4.4.      Semantic Distance

Good task support tools minimize semantic distances (Lim and al., 1996). Input semantic distance is the mental process required to translate a goal pursued by the user into an intention that matches the language used by the application. Interfaces that are easier to use minimize the effort associated with deciding what to do and how to do it.

4.5.      Contextual Support

Support and performance tools must be designed and built to present the appropriate level of support according to the performer’s needs, when it is needed and be presented in a form that will enable its most efficient use. Some tools are smart enough to tell users what is wrong or what is about to go wrong in a system (Brusilovsky and Cooper, 2002).

4.6.      Design Tools Around Tasks

Effective task support tools must be designed around user tasks. Unfortunately, most tools are based on commands or functions instead of the task itself (Tuck, 1990). They must focus on answering users’ questions instead of referring to the intricacies of the product itself like most paper or online help documents traditionally do (Hackos, 1997). Well designed and written task support tools focus on the users and what they are trying to do and they cluster information for different user types.

5.         What Are The Different Forms Of Online Help Tools?

When planning for the development of online help, it is often useful to consider these three general categories (Gery 1995):

Ø      Tools that are external to the application:  Theses tools are usually invoked through a help button in the application menu or from a general help page. External tools are non-contextual, that is, they are usually related to the whole application. They can also be referred to at any time throughout the task.  They can contain large amounts of information but the user must leave the application in order to consult them.

Ø      Tools that are intrinsic to the application. These are inserted directly into the work space. Their main advantage is that they are easily and rapidly perceived by the user. 

Ø      Tools that are extrinsic to the application. These help systems most commonly consist of wizards, animated or non-animated tutorials, animated or non-animated helpers, etc. They are usually implemented as frames or web pages that overlap the application. As opposed to the other help tool categories, these tools are most often contextualized.

Tables 1 through 3 describe tools in each of these categories, the type of information they may provide, the context in which they can be used, their respective advantages and disadvantages and the design elements that should be considered for each of them.

 5.1.     External Help Tools

As was mentioned earlier, external tools reside outside of the application and have a broad focus.  Most often, the available external tools will all be assembled in a general help page, which can be accessed by the user through a help button in the main application menu.  Since the information they provide is only accessed by the user when needed, a large variety of help possibilities can be developed to fit different user needs.  For instance, novice users can find it useful to have a guided tour, some online training or a “step-by-step” tutorial to introduce them to the main functions of the application.  More experienced users may want more detailed information through FAQs, user guides, information bulletins or through related links or references.  In all cases, it will be important to provide ways for users to obtain human support, either through e-mail or by telephone.

 

 

Description

Type of information

Context

Advantages

Disadvantages

Design elements

 

 

 

 

 

 

 

External

Information or Help invoked through the main menu or in a general help page. Outside of the application. Usually refers to the whole application. Available at any time.

Any kind of general information depending on the type of aid

High Volume of content

 Higher volume of information

Requires the user to leave the application

Effective and constant presentation of the different help topics within the help page

– Establishes a basic mental model OR provides explanation of general concepts

When contextual tools are difficult to implement

Easy to find in the application's main menu.

Standards (aids that are always available such as phone numbers, a search engine, etc)

Allows users to get a general overview of the application

– Provides answers to less common questions

FAQ

List of commonly asked questions.  This information can eventually be integrated in contextual help tools

Questions - answers

List of frequently occurring problems (ex: provided by the call center)

Easy way to answer to frequently asked questions

Harder to find by users

Facilitate search (sorting by categories, most frequently asked questions, table of contents)

Search Engine

Information search with keywords

List of links based on keywords, can be organized and filtered

Quick search mainly used by experts

Flexible and fast for expert users.  Easy to set-up

Difficulty in finding the right keywords; non relevant and abundant results

facilitate search (divide into categories, sort, filter, use synonyms; link to e-mail when unsuccessful search)

Information bulletin (through subscription)

General information on services and updates

Electronic document or e-mail

For frequent users, contains relevant information about updates and services

Can inform frequent users on changes that may modify their way of using the services

Only subscribed users receive the information

Publishing and communication issues

User's manual

Describes how to use the application

Any kind of Information provided in traditional documents

General overview for novice users, can be printed for frequent users or difficult tasks

May contain a lot of information. Quick search with index or table of contents

Requires time for reading; important memory load

PDF or indexed document

Tutorial

Set of frames showing how to use an application. Progress is controlled by users

General description of the application with images, audio and text files

General introduction for novice users .  Can be used as a promotional

Allows to initiate novice users, to build a mental representation of functions

Requires attention and time

Focus on general use, avoid details in order not to overload memory

 

Table 1: List Of External Online Help Tools And Their Characteristics

5.2.      Intrinsic Help Tools

Very often, it is simpler for designers to include explanations and guidance in the main application page.  Intrinsic help is probably the most widespread support used in Web pages today. However, in most of these pages, the help text takes up so much space that the user is overwhelmed with information and may have some difficulty finding the task items.  This substantially increases the time to perform the task and can even discourage users to perform these tasks online.  Intinsic help that is not context sensitive (i.e. presented to all users all the time) will also interfere with the work of expert users or those for which this information is not needed or irrelevant. Since there are many advantages to providing intrinsic help, designers should use it carefully and only to communicate very short and important messages. Furthermore, these messages should be clearly separated from the task items (either by using a different format, color or page area) in order to not interfere with task execution.

Category

Description

Kind of information

Context

Advantages

Disadvantages

Design elements

 

 

 

 

 

 

 

Human Helpdesk

Human helpdesk through e-mail, chat, and/or by phone

Personalized and interactive support

Last resort for users in difficulty

Flexible, easier for some users, to solve more difficult problems

Response time, quality of answers

Define conditions for chat use; well trained support staff

Multimedia presentation

Can use any possible media combinations (graphics, animation, videos, text, sound). 

General presentation of the application and its context

General Introduction for novice users. Can be used as a promotional tool

Allows to initiate novice users on the general objectives of the application

Requires attention and time, plus a high bandwidth

Pleasant to watch, useful and relevant information

On-line references (useful links)

List of electronic references or hypertext links

Relevant additional information

For users who need additional information

Allows links to other relevant information sources

Content of links out of the application's control

Grouping and ordering strategies that help the user's search

Training/simulation

Interactive tools:

Training toolkit

The application requires more developed training

Allows to provide just-in-time learning, avoids face-to-face training and/or support-documents. Can be adapted to the user's competency

No human contact, not flexible

E-learning design principles

– Computer-Assisted Teaching

– Application simulator

 

 

 

 

 

 

 

 

 

Intrinsic

Help tools embedded in workspace.

– Tips,
– Examples,
– Control Lists,
– Definitions,
– Etc.

Sufficient space within the page
High number of novice users

– Quick use
– Easy to find

Information overload within the page

– Separate from task components (with color, frame, location)
– Minimize message length

Text and graphics in the page

Displays information directly within the application, such as a process steps, « tips », examples, control lists, definitions, etc.

Idem

Idem

Idem

Idem

Idem

Contextual  text and graphics

Same information but appears following a user's actions

Idem

Idem

Idem, + contextual

Idem +  changes the page presentation

Idem

 

 

 

 

 

 

 

 

Table 2: List Of Extrinsic Online Help Tools And Their Characteristics

5.3.      Extrinsic Help Tools

These contextual help tools certainly offer the most advantages over the other groups of tools: 1) they usually refer to a specific task element and therefore reduce the risk of cognitive overload; 2) the information is provided just-in-time and therefore has a better chance of being used; 3) they can be invoked only when needed and therefore do not interrupt expert users; 4) they can take many animated and interactive forms that provide a more fun and more humane environment (Aberg & Shahmehri, 2001). Extrinsic tools appear only when needed and « just in time », either by being invoked the user or non-invoked, i.e. as a consequence of specific user actions. However, since non-invoked extrinsic tools disrupt the task, special care should be put on preventing their constant presence for expert users. Frames are advantageous over web pages because they are integrated within the application and the users do not have to flip back and forth between the application they are working with and a web page to follow the instructions given by the help facility.

Category

Description

Kind of information

Context

Advantages

Disadvantages

Design elements

 

 

 

 

 

 

 

Extrinsic

Help tools embedded in the application, overlaps the workspace. Invoked contextually or appears automatically under some conditions. Must be closed to go back to the task in progress

Any kind of contextual help

– When contextual information is required       Difficulties met by the user on a specific step of the task
– When the consequences of errors are significant
– When different rules or procedures can be applied

–– Invoked:
on demand only
– textual and just-in-time
–– Automatic:
just-in-time without being requested

Interferes with task in progress

Minimizing message length, make it visible, separate from task elements

Adviser      

(roll over)

Small frame providing pieces of advice or short explanations. Appear when the mouse moves over an icon or text. 

Short textual explanations

Very short textual information on a specific element

Appears and disappears with the mouse's movements

Remains invisible until rollover

Must be used sparingly

Dialog box / capsule

Provides information in a "pop-up" frame

Demonstrations,
Explanations,
Examples,
Control Lists,
Definitions,
Etc.

More contextual information is needed, multimedia

Allows to offer more detailed information without exiting the software.

Distracting, disrupts the task

Depends on the medium. General presentation of text, video, or animation capsules.

Wizard/       Assistant/    Agent

Pop-up, window or frame offering suggestions, pieces of information, action choices or contextual search. Intelligent Wizard metaphor. Animation or sound to attract attention.

– Suggestions
– Pieces of information
– Choices of action
– Contextual search

Interactive exchange; choice or action depending on user needs and context

Simulates human support

Distracts, disrupts the task

Judicious choice of its use, location and animated functions

Sometimes annoying

Table 3: List Of Extrinsic Online Help Tools And Their Characteristics

6.         How Do You Design Online Help?

The first step in designing online help is preparing a style guide for all support tools to be provided in an application, or for all the Web applications included in the organization’s Web site:

Ø      Define the concepts, vocabulary, writing conventions and organizational roles for online support development;

Ø      Establish the standards for the different support forms in order to ensure consistency, and promote reuse of images and templates;

Ø      In some circumstances, it may be interesting to design a figure that will be used to personify the online help facility.  It can take a human form or be a character such as Microsoft’s paperclip;

Ø      Prescribe the maximum length, time and bandwidth limitations for the different support forms;

Ø      Provide guidelines for the design of support tools;

Ø      Provide plans for screen layouts, navigation and graphics; and

Ø      Develop and test a prototype of the whole online support system.                                                         

Once this general style guide is established, the design teams can initiate online support development.  The following steps are suggested (based on Boggan et al, 1999 and Horton, 1994) to choose and design the most effective online tools:

1.      Analyze users and their profiles:  All projects involving interface design, online help systems included, must start with a good understanding of the users, their tasks and their work context.  Therefore, in this phase, information should be gathered about:  who the users are (age groups, profiles, special needs, etc.), what is their level of experience with the task and the application, how they work and how they learn.

2.      Task analysis: In order to provide appropriate help systems, tasks need to be analyzed in order to specify: the terminology used, how users search for information and the types of problems they usually encounter while performing the tasks. 

3.      Design: Using the information collected in the previous analysis, ideas for the online support need to be brainstormed, mind-mapped and a storyboard developed.  Issues to be decided upon include the following: the types of topics to be used: procedural, overview, context-sensitive, interactive, etc.and the types of support tools to be used, from the list presented in Tables 1 through 3

4.      Build: In this phase, the help content is developed using the appropriate tools, graphics and media. 

5.      Test:  Before presenting the final help system to the user, it is important to test that all jumps and pop-ups work, that context sensitive material is correctly implemented and that displays are adequate.

6.      Usability test: Once the systems are fully developed and quality tested, they can be presented to samples of user groups to validate their usefulness and performance.  These tests can determine whether users can find the information they need, how quickly they find it and whether the information is helpful.  The system should also be tested with expert users, in order to “Determine If the Help-Tools Are Distracting or Annoying”.

7.         Conclusion

In 2000, Ben Shneiderman discussed the issue of universal usability and its challenges for Web-based services.  With the growth of the internet, a large diversity of people are becoming dependant on services such as e-commerce, communication, education, health care, finance, travel and government. One of the challenges he described is to bridge the gap between what users know and what they need to know to be able to use these online applications successfully.  Appropriate help tools are central to providing this knowledge.

In this paper, we reviewed different help tool characteristics and described some guidelines to building these tools.  These should provide a helpful starting point for all application support design, particularly for those that address a large variety of user profiles and experience. However, as mentioned by Shneiderman, more research is needed in order to further develop these guidelines and to improve the effectiveness of online support.  One important research area is how to support evolutionary learning, i.e. how to accommodate for the different levels of experience.  Layered designs, progressive disclosure, user-controlled options and intelligent diagnostic agents are some examples of strategies that should be tested and implemented in the future.  

8.         References

Aberg, J., Shahmehri, N, (2001). “An empirical study of human web assistants: Implications for user support in Web information systems” SIGCHI’01 vol 3, no. 1.

Benzanson, W. R. (1995). Performance support: online, integrated documentation training. In ACM. Savannah, Georgia, U.S.A.

 Boggan, S, Farkas, D. & Welinske, J. (1999). Developping Online Help for Windos 95 Solutions, Inc, Reading MA.

Brusilovsky, P. & Cooper, D. W. (2002). Domain, task, and user models for an adaptive hypermedia performance support system. In Proceedings of the UIU 2002 conference. San Francisco, California, U.S.A.

Cole, K., Fisher, O., & Saltzman, P. (1997). Just in time knowledge delivery.  Communications of the ACM, 40, (7) (pp. 49-53).

Dessus, P., Hedon, G. (1996). Effets du support, de la tache et de la presentation dans la consultation d’un hypertexe sur l’informatique a l’ecole. Hypermedias et apprentissages, T.3. Paris. (pp. 167-174).

Donahue, G., Weinschenk. S. & Nowick, J., (1999).Usability is Good Business, Compuware corporation, July 27, http://interface.free.fr/Archives/Usability_Is_Good_Business.pdf

Gery, G. (1995), Attibutes and Behaviors of Performance-Centered Systems, Performance Improvement Quarterly, 8(1)

Grayling, T. (1998). “Fear and loathing of the Help Menu:  A usability test of online help”, Technical Communication, 45, 2.

Hackos, J. T. (1997). Online documentation: the next generation. In SIGDOC 1997, (pp. 99-104), Snowbird, Utah, U.S.A.

Halsted, K. L., & Roberts, J. H. (2002). Eclipse help system: an open source user assistance offering. In SIGDOC 2002. Toronto, Ontario, Canada. 

Horton, W. (1994). Designing and Writing Online Documentation, John Wiley & Sons, Inc, New York.

Kruithof, N. (2000). Developing user support systems in multidisciplinary teams – new opportunities and new challenges.  Technology and teamwork.  Netherlands. (pp. 367-380).

Leighton, C. & McCabe, C. (2002). Authentic performance of complex problem-solving tasks with an EPSS.  In Proceedings of the Media 2002 World Conference on Educational Multimedia, Hypermedia, and Telecommunications.  Denver, Colorado, U.S.A.

Leung, Y.W., & Mao, J-Y. (2003). Providing embedded proactive task support for diagnostic jobs: a neural network-based approach.  Expert Systems with Applications, 25 (pp. 255-267).

Lim, K. H., Benbasat, I., & Todd, P. A. (1996). An experimental investigation of the interactive effects of interface style, instructions, and task familiarity on user performance.  ACM Transactions on Computer-Human Interaction, 3 (1), (pp. 1-37).

McGraw, K. L. (1997). Defining and designing performance-centered interface. In Interactions, March and April 1997, U.S.A.

Mehlenbacher, B. (1992). Navigating online information: a characterization of extralinguistic factors that influence user behavior. In SIGDOC, 1992, (pp. 35-46). North Carolina University, U.S.A.

Neerinex, M., de Greef, P. (1993). How to Aid Non-Experts. In InterCHI 1993, (pp. 165-171), Netherlands.

Parush, A. and Kaporovsky Parush, D.  (2001). Online Help: Too Much of a Good Thing? Usability and user experience newsletter, http://www.stcsig.org/usability/newsletter/0101-toomuch.html.

Prince, R., Su, J., Tang, H., & Zhao, Y. (1999). The design of an interactive online help desk in the Alexandria Digital Library. In ACM, (99. 217-226), University of California.

Seak-Zoon, R. & Yu, Byeong-Min (2001). Strategies for building integrated EPSS. In the annual preceedings of selected research and development. Vol (1-2), (pp. 543-549), Atlanta, U.S.A.

Shneiderman, B. (2000). “Universal Usability”, Communications of the ACM, Vol. 43, no. 5

Spool, J.M. (1998). “ Making online information usable”, Eye for design, www.uie.com.

Tuck, R. (1990). Help by guided tasks: Utilizing UIMS Knowledge. In CHI 1990 proceedings, (pp. 71-78), Utah, U.S.A.



Contact the Authors:

Marie Christine Roy, Faculty of  Business, Université Laval, Québec, P.Q., G1K-7P4, Canada; Tel: 1-418-656-2131; Fax: 1-418-656-2624, E-mail: Marie-Christine.Roy@fsa.ulaval.ca

Yves Rannou, Blue Spark (An OnX Company), 183 Bathurst Street, Suite 302, Toronto, Ontario M5T 2R7; 416-971-6612 ext. 116; Fax: 416-971-6549; E-mail: Yves.rannou@bluespark.com

Lucie Rivard, GP3Consulting Group, 3107, avenue des Hôtels, Sainte-Foy (Québec), G1W 4W, Canada; Tel: 1-418-780-8109, Fax: 1-418- 836-3744, E-mail: Lucie.rivard@gp3.qc.ca