Checklist Templates

Last Updated 09.28.03

General Description

Checklist Templates should be used when a user has a process that contains many discrete steps, mainly in setup/administration applications (e.g. a system configuration application). In working on the process, the user may be unable to complete all the tasks in a single session. For instance, the user may not have all the information available to complete the process during the initial setting, or perhaps the user is frequently interrupted with other work during this process. In such cases, it is necessary to help users track their progress in the overall process via status indicators, and also provide navigation/entry points to resume the overall process from where they left off.

Throughout this guideline, the following terminology is used:
Process - an operation that consists of a single or multiple tasks. For instance, a typical process may be to create a purchase order.
Task - a function that consists of a single or multiple discrete steps. For instance, in creating a purchase order, a typical task would be to select an item to purchase. In a process with multiple tasks, the tasks can be linear (i.e. required to be performed in a specific order) or nonlinear (i.e., can skip from task to task).
Step - a single action item within a task. For instance, in creating a purchase order, in selecting an item to purchase, if the item has some options, the user may need to go through a single or series of steps to specify the desired option(s). If a task has multiple steps, the steps can be linear (i.e., required to be performed in a specific order) or nonlinear (i.e., can skip from step to step).

Guideline Attributes

Spec Version # - 3.1
Spec Contributors - Raymond Wong, Lisa Serface, Aylin Uysal, George Hackman, Luke Kowalski
UI Models - All models
Example Products - All products
Related Guidelines - Introduction to Page Templates, Messaging (including Confirmation) Page Template, Object List Templates, 2 Step Processes Template, Step by Step (3[+] Steps) Template, Step by Step Page Flows, Introduction to Page Flows, Checklist Flows, Object Templates

Interaction and Usage Specifications

The checklist templates are recommended for processes that contain many steps that the user does not complete in a single session, typically a setup of administration process. Checklist templates should not be used when the processes have a low number of steps (i.e., 10 or less).

General Principles

Checklist templates consist of a single, long list of tasks (or groups of tasks) which can be either linear or nonlinear in nature.

Multiple Discrete Steps Checklist

Single Related Steps Checklist (linear)
A Single Related Steps Checklist (linear) is for a single ordered set of tasks. It can also be described as a "super train". This option is recommended when users must perform a single, large, linear process. Users may jump only back to previously visited tasks or to the next immediate task on the list.

Example of a Typical Checklist Flow

For further flow examples, please refer to the Checklist Flows guideline.

Templates Used in a Checklist Flow

Using checklist generally consists of 4 types of templates:
Object List Template - This template can be an initiation point for the checklist. Typically, the checklist can be launched by an action/navigation button or a functional icon within the table. In some self-service applications, the Home Page Template may also be used as the initiation point of the checklist.

Checklist Template - This template lists all the tasks included in the large process. The template consists of the following components:

  • A table or HGrid to display the list of tasks. Columns included in this checklist include:
    • Task Name - if some tasks within the checklist are required, the required field indicator may be place beside those tasks.
    • Task Description (optional)
    • TaskStatus (with icons)
      • The Task Status icons are status only, and thus, not clickable.
      • A tip above the table/HGrid which provides a link to icon key information. Refer to the Key Notation guideline for more information. For visual specification of status icons, please refer to the Status Icons Used In a Checklist section.
    • Go To Task (icon) - to navigate users to each task
    • Last Updated Date - to indicate the last revision date to this task
    • Last Updated By (optional) - to indicate who last revised this task.
  • The page level buttons for this checklist page include:
    • Cancel(optional) - This action will cancel all actions previously started on the checklist. Because the user could lose significant data with this action, a Warning Page is required to inform the user of this risk.
    • Finish or Submit(optional) - This action is used to complete the checklist process. The button should only be enabled when all required tasks have been completed. In some cases, completing the last required item actually completes the overall process/checklist. Thus, the "Submit" or "Finish" button may not be needed.
    • A "Return to [Object List Page or Home Page]" Link - this link must be provided for the user to return to the previous page (i.e., the launch page).
Object Templates - Each task within the checklist is an individual step in the overall process.

A "Save for Later" button must be present on all Object Templates. This button saves changes to the database and returns the user to the checklist. The "Status" column of the checklist will be updated with the current status per task. With this approach, when users return to their work at a later time, it would be easy for them to determine where they left off to resume work.
Warning (or Messaging) Template - A warning page must be used to alert users in the following scenarios of a checklist:
  • When user is at risk for losing data without saving changes.
  • When user has made a revision to a task which can affect other dependent tasks.


Task Status Icons Interaction
The five statuses of checklist tasks include: Not Started, In Progress, Completed, Error and Not Applicable.

Image

Description

Indicates that no action has been taken on the task/step.

Indicates that the task/step is being worked on or in progress.

Indicates that the task/step is completed. It has all the required information.
Indicates that the task/step contains an error.
Indicates that the task/step is not applicable. The "Not Applicable" icon can be used when 1) the user does not have security/privileges to the task, or 2) the setting of a previous controlling task on the checklist makes dependent tasks no longer required.

Depending on the type of checklist used, the Task Status Icons can have different interactions.

Status Interaction Within a Multiple Discrete Steps Checklist (Linear)

Status Interaction Within a Multiple Discrete Steps Checklist (Nonlinear) Status Interaction Within a Multiple Discrete Steps Checklist (Hierarchical - Linear) Status Interaction Within a Multiple Discrete Steps Checklist (Hierarchical - Nonlinear)

Visual Specifications

Page Layout of Checklist Templates
Multiple Discrete Steps Checklist (Linear)


Multiple Discrete Steps Checklist (Nonlinear)


Multiple Discrete Steps Checklist (Hierarchical - Nonlinear)


Single Related Steps Checklist


Status Icons Used In a Checklist
There are 5 statuses available for each of the task/step in the Checklist Template. These statuses are represented as status ONLY indicator icons and are not clickable: Specification of Status Indicator Icons Used on a Checklist Template

Image

Icon Name

Size

Possible States

Description

Not Started Indicator;
notstartedind_status.gif

16x16 Status ONLY Indicates that no action is taken on the task/step.
In Progress Indicator;
inprogressind_status.gif
16x16 Status ONLY

Indicates that the task/step is being worked on.

Completed Indicator;
completedind_status.gif
16x16 Status ONLY Indicates that the task/step is completed. It has all the required information.
Error Indicator;
erroricon_status.gif
16x16 Status ONLY Indicates that the task/step contains an error.
Not Applicable Indicator;
notapplicableind_status.gif
16x16 Status ONLY Indicates that the task/step is not applicable. The "Not Applicable" icon can be used when 1) the user does not have security/privileges to the task, or 2) the setting of a previous controlling task on the checklist makes dependent tasks no longer required.

Open/Closed Issues

Open Issues

03.10.03 The ability to manually update task statuses in the checklist to be investigated in revision 3.1. Need to gather requirements for cases where a user will need to manually update a task status.
03.10.03 The addition of heuristics for a "checklist within checklist" interaction. This will be investigated in revision 3.1.
03.10.03 The addition of requirements and heuristics for a "semi-linear" checklist.
03.10.03 The visual display of a task with dependencies in a checklist that has a combination of dependent/independent tasks. A "Dependency" icon column is currently considered as an option.

Closed Issues

none