We must still think like our project site’s users and ask ourselves:

  • What are they coming to the site to do?
  • What are their needs?
  • How can the site’s structure be planned to satisfy their needs?

C) Page-View

Page-View is the sub-phase of Developing Site Structure where you begin to organize the potential content of the site for each page called Wireframe.

Wireframes

Wireframes are non-design orientated sketches that show rough navigation, copy layout, graphic allocation, key headers, etc.—Also refereed to as content layouts or schematics:

goto107

Web Redesign: Workflow that Works 2.0 - p. 107

Wireframes should:

  • be completed for all template pages
  • be the basis for visual design and HTML production
  • address production specifications
  • include a representation of all major page elements

Wireframes should contain a schematic representation of:

  1. Target Window Size
  2. Primary & Secondary Navigation
  3. Images/Figures/Illustrations
  4. Written Content
  5. Media/Video
  6. Functionality
  7. Headers & Footer Documentation

Leave a Comment