980px

WEB105 » 10) Wireframe

Web Redesign: Workflow that Works 2.0 - p. 107

Web Redesign: Workflow that Works 2.0 – p. 107

Wireframes function as the storyboard for your website via content schematics showing page size, rough navigation, user interface, call to actions, copy and graphic allocation:

Requirements:

  • Pick at least two competitors and research what they are doing right and wrong with their content layouts (wireframes).
  • Take screenshots of the competitor’s sites and describe and analyze in paragraph form (from your perspective) what they are doing right and wrong with their content layouts (wireframes) in terms of page size, navigation, user interface, call to actions, copy and graphic allocation. (e.g.) Is the navigation usable to the user? Are the calls to action clear to achieve business goals?
  • Based off this information, create your own content layout (wireframe) (like figure 4.11) for your home page in the software of your choice or by hand using a ruler.
  • This shall all be done in report format.
  • Post a link to this assignment in the comments section below AND print this out and turn it in according to the class Schedule (Fall) or Schedule (Winter).

Resources:

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.

css.php