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.