Brainstorming

Outling

Print Version

Illustrations

Architectural Blueprints

Site Map

 

Storyboarding and/or flowchart

Storyboarding helps reveal:

• resources which will be required in the project
• content involved on each page
• the site's general navigational sequence and structure

Each "board" (each page) serves as a thumbnail sketch of the intended page

• create a rough sketch of each page's content
• how it's linked to other pages
• drawing out boxes that represent sections of content

Site Flowchart

Types of Structure

1. A linear structure is the most simple and predictable. -- narratives, tutorials or instructions, articles, artistic galleries, or chronologically or alphabetically arranged content.
2. Hierarchical structures are a bit more common than linear structures. -- general information (the home page) and allow users to drill-down to greater levels of depth and granularity.
3. Web structure, which is more loosely structured and typifies sites that contain a multitude of links, both internal and external. Commonly, the goal of a Web structure is to allow the user to go in whatever direction that might be of interest.

 

Establishing Site Structure

• For each page, include its filename and a brief summary of its content.
• Draw arrows that indicate the relationships between the pages, categories, and sub-categories that came from your brainstorming and storyboarding sessions.
• Start with the home page and move down through the more specific areas of content