Microsoft Office Tutorials and References
In Depth Information
a design solution. New requirements and content are added, features are changed
or deleted, and then design elements are arranged and rearranged. Just seeing the
layout of a page triggers changes as each team member evolves his or her own
ideas on what the design should look like. The following four progressive iterations
of the new Arnosoft redesign result in a final design:
1. Simple wireframe
2. Wireframe with some details
3. Wireframe updated with design team feedback
4. Final wireframe
The template methodology that you learned in Chapters 3 and 4 makes the
iterative process quick and easy in Excel prototyping. If you spent the time to build a
template before beginning your design, the template environment will include
everything that you'll need to iteratively build the worksheets for your wireframe
designs. The template worksheets include the specifications for your site built into
them. The grid matches the site size specifications, and the color palette uses the
specified colors. There are also premade boxes and buttons and a library of images
and widgets at your disposal. By copying and pasting, you can use the different
template worksheets to construct your designs out of the predefined component
parts and design patterns.
Iteration 1: Simple Wireframe
To begin your design journey for the Contact page, first build a simple wireframe
that includes all the initial requirements as defined in your design kickoff meeting.
Because it will undergo changes as the design process unfolds, you'll want to use
the simplest of methods for this initial wireframe (Figure 8.1, page 154).
In this first iteration, build the boxes using borders from the Format Cells menu. You
can add tones using the Patterns menu found in Format Cells. Add text to your design
by typing into the cells without formatting the text or worrying about exact
positioning. Your goal with this first iteration is simply getting the worksheet done quickly so
that you can see how the various user interface elements work in the layout.
Rather than run through this basic process, you can refer to Chapters 3 and 4 and
Appendix A for techniques to build this design.