980px

WEB202 » 08) Home & Category Page(s) Wireframes

Home & Category Page Wireframes

Home & Category Page Wireframes

Now that we have decided what overall information and structure will achieve our goals, we now need to plan what form our functionality will take in our individual pages by defining our Page Schematics.

By defining our Page Schematics, we are now concerned with what each individual page will look like that we defined in our architecture through the concepts of:

  1. Interface Design: interface components that allow the user to do things such as buttons, fields, etc.
  2. Navigation Design: the specialized form of interface design tailored to presenting our unique information and how that information will be able to be found and seen providing the user to actually go places in our site

The elements of navigation that you will need to address are:

  1. Global Navigation: provides access to the broad sweep of the entire site – main navigation
  2. Local Navigation: provides the users access to what is currently “nearby” in the architecture – secondary navigation
  3. Supplementary Navigation: provides shortcuts to related content that might not be readily accessible through global or local navigation – utility links, spotlight links, breadcrumb links
  4. Contextual Navigation: is embedded in the content of the page itself – a hyperlink within a paragraph
  5. Courtesy Navigation: provides access to items that users don’t need on a regular basis, but that are commonly provided as a convenience – policy statements

Requirements:

  • You must create a complete schematic of your home page and one main category page.
  • Post a link to this assignment in the comments section AND print it out to turn in as your Home & Category Page(s) Wireframe assignment according to the class Schedule (Spring) or Schedule (Summer).

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.

61 Comments:

  1. Diane Selvy says:

    Here is the version with both Category and Sub-category pages

    http://dianeselvy.com/web202/HomeAndCatPages.pdf

  2. milo sherman says:

    milo.sh/web202/wireframes/wireframes.pdf
    both a8 & a9 in one pdf. let me know if I should submit seperately

  3. http://www.reactacitly.com/bumblejax/

    Click on the Home & Categories Page(s) Wireframes button

  4. Please find the home and category wireframes for Julie Lindsay RAW here:
    http://mocrist.com/jlrawstagingarea/wireframes.html

  5. This is a 1200px grid system that you can download in Illustrator to help when designing wireframes.
    http://1200px.com/

Trackbacks:

Leave a Comment:

Don't forget to get your Globally Recognized Avatar.

css.php