[DRAFT] WAI Site
Design Summary
Page Contents
The WAI Site Task Force (WSTF) is redesigning the WAI Web site following a user-centered design process (UCD). This document summarizes the design work.
Content Design
The WSTF worked to figure out the different types of pages on the site and what their necessary content components would be.
WAI Home Page
Annotated navigation page
Working group home page
- Working Group Home Page Design Parameters
- Examples
- UAWG sample, no style sheet
- UAWG sample, style slh1 - bare bones, just hides the hierarchical navigation, and puts in-page contents on left and related pages on right
Document page with suite nav (non/TR/):
Page Components
Layout Design
Home page
- Home page (7), no style sheet
- Home page 5c wireframe slh5cby Shawn,email
- Home page 5b wireframe slh5bby Shawn,email
- Home page 5 wireframe slh5 by Shawn
- Alt home page 4c wireframe slh3 by Shawn, email about changes
- Alt home page 4b wireframe bkm3 by Blossom, email about changes
- Home page 4 wireframe slh2by Shawn
- home page 3 wireframe bkm2 by Blossom
- Home page 3 wireframe slh1 by Shawn
- Home page 1 wireframe m3m1 by Matt
- Home page 1 wireframe bkm1 by Blossom
Navigation Design
The WSTF decided to use a hierarchical navigation. These are a few design iterations:
- Version 1 by Michael (see e-mail sent to EOWG)
- Nav bar hierarchy and short names (in progress)
Visual Design
At the beginning of the project, we had the goal of having a site that was going to be both usable and visually appealing. We spent time working with designers. We wanted to figure out which design best portrayed the message of the organization.
These are different design iterations that we went through.