WEB105 » Developing Site Structure 2

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 are non-design orientated sketches that show rough navigation, copy layout, graphic allocation, key headers, etc.—Also refereed to as content layouts or schematics:

Web Redesign: Workflow that Works 2.0 - p. 107

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 & functionality
  • 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

See Also:

This portion of the Premium Design Works website is written by Mike Sinkula for the Web Design & Development students at Seattle Central College and the Human Centered Design & Engineering students at the University of Washington.

1 Comment:

  1. Take a look at InVision for wireframes and prototyping.


Leave a Comment:

Don't forget to get your Globally Recognized Avatar.