Case Studies - Measuring the User Experience: Collecting, Analyzing, and Presenting Usability Metrics - page 260

Figure 10.15 Fourth iteration of the workflow functionality in a toolbar design. A more “modular” or
“wizard” approach was taken, so we have two images to describe the interaction. This page shows the
actual task screen. Yellow boxes indicate required selections for accepting a workflow task.
word “tasks” to the left. Users had to perform individual steps: open the task,
accept the task, approve the page and add a note, and then finish the task (the
accept task became a finish task button upon selection) using different buttons.
The buttons required are highlighted in yellow.
WORKFLOW DESIGN 2
The second design, as shown in Figure 10.12 , attempted to streamline the expe-
rience of accepting a task and adding notes, while leaving the “approve page”
button outside of the workflow. Again, participants needed to select the tasks,
accept the task, add a note, approve the page, and finish the task. Buttons
required to perform the tasks are highlighted in yellow.
WORKFLOW DESIGN 3
The third set of workflow designs removed the concept of a “tasks” area of the
toolbar and moved all of the actions into the “editor” of the content. The con-
cept of an automatic accept with a “flag” for rejection was also explored here,
as we had seen this example at a customer site. In this design, participants were
required to select tasks, select the correct task and then accept the task, reject the
design, add a note, and finish the task (see Figure 10.13 ). Buttons required to do
the tasks are highlighted in yellow.