Home / Articles / Building Adobe WorkflowLab, Part 2: Planning for the Design of WorkflowLab

Building Adobe WorkflowLab, Part 2: Planning for the Design of WorkflowLab

Contents

  1. Quick Review
  2. Creating Wireframes for New Features
  3. Plan Now to Reduce Risk Later
  4. What's Next?

Article Description

Continuing their series on the design and creation of WorkflowLab, Aaron Pedersen, James Polanco, and Doug Winnie, the authors of Adobe Flash Platform from Start to Finish: Working Collaboratively Using Adobe Creative Suite 5, discuss how they captured lightning in a bottle, focusing on planning ahead before doing any of the production work.
Creating Wireframes for New Features

Creating Wireframes for New Features

From the use cases that were defined in our feature specification, our designer created user workflow diagrams that outlined the major features of the product in a flowchart form, as shown in Figure 1. Our designer used InDesign for this part of the project, making it easier to work with styles and document templates, since the document extended over many pages.

Figure 1 User workflow diagram in InDesign CS5.

If you look at the workflow in more detail, you can see actions that the user takes to complete the various features of the user interface. By overlaying all of the feature use cases together, you can see how they all interact with each other, as shown in Figure 2.

Figure 2 User workflow for launching WorkflowLab and starting a new project.

3. Plan Now to Reduce Risk Later | Next Section Previous Section