In class outline a Structure, aka an information architecture, based on your strategy and scope, to illustrate how users can navigate through your site (this should be done in your sketchbook first, then polished in illustrator, photoshop or omnigraphle). This should determine the organization methods.
Once your Structure is complete, create the Skeleton, wireframes, of your site. This should determine the types of navigation used (i.e. global, local, supplementary, contextual and courtesy), as well as, outline the placement of content, navigation, images, video, etc.
Before the end of class photocopy your information architecture and wireframes so everyone in the group has the same set.
Outside of class, construct a paper prototype of that shows all of the pages outlined in your Structure and follows the the outline of the Skeleton. A robust prototype is due next week and should be ready for user testing.
Articles and Resources:
- http://alistapart.com/article/paperprototyping
- http://www.paperprototyping.com/
- http://www.uie.com/articles/prototyping_tips/
- http://www.uistencils.com/products/website-stencil-kit <these are mostly just cool
- http://cdn.shopify.com/s/files/1/0042/9602/files/Browser-Pad.pdf?100935 <to help with your wireframing & prototyping.