Table of contents Next Previous
Analysis of wireframe diagrams
To determine the structure and layout of the site, it is important to create basic diagrams to help users of the site better understand how content will be structured. Likewise, it's important to agree on a navigational model. The method used in building the River Bend Coffee and Tea Company site was to create basic
wireframe diagrams, which illustrate the basic layout of content.
Note: You can use simple tools on wireframe page layouts. For example, these examples were all created by using Microsoft PowerPoint, a tool that allows for quick and simple drawings.
|
The following figure illustrates the home page or landing page, which is a quick jumping point for site visitors. This page contains the following items:
1. Offers menu to tempt visitors into navigating to new exciting content, such as a new coffee blend
2. Four images that allow quick access to the Coffee, Tea, News, and Company information
3. Footer with short links to simple contact, policy, and site map information
The following figure shows the main or general page, which provides access to everything.
4. Navigational elements expanded to show all areas of the site, one parent and one child node deep.
5. Offers menu re-used, perhaps slightly re-arranged (by date?)
6. Center of the page for the main content delivery area, with inline tools when available, and Rate button to use an API function
7. Search
8. Campaign area to deliver targeted information deepening upon season or date (for example, eggnog or cinnamon coffee at Christmas, iced teas and coffee in the summer)
9. Simple links menu with a suggestion box (remote action?)
10. Re-used footer
