1. Introduction to web design

2. Brain >> Paper Take 10 minutes to write about what you think Paper Prototyping is and how it relates to the design of your website. Why is this useful? Is it important?

3. What is paper prototyping? Testing the Usability of an Interface (website, phone, vcr, software application, etc) Utilizes a Paper version Quick to build Easy to change “on the fly” Should the paper version be fully designed? No – just focus on the navigational and interactive elements not the visual design (colors, fonts) Can this be drawn or sketched by hand? YES! Doesn’t even need a computer.

9. Next Assignment Create a Paper Prototype of your site Every page you intend to create should be made in paper Should be Modular

10. Layout Tip : Grids are good Organization Balance Graphics and Text work in unison Easier to move through the information

11. Grid-based Layouts

15. Layout Tip : Navigation Keep navigation consistent Make navigation obvious

17. Homework Create a Paper Prototype of your personal site Hand drawn is fine and so is a digital version For every page of your site, draw a sketch of the page Include Navigation Include some Content Your paper prototype will be tested by classmates Read Paper Prototyping Chapter 3

18. In-Class Begin working on sketches for your paper prototype Should be on paper WITHOUT lines I will be walking around to touch base with each of you about your sites Have your NAVIGATIONAL MAP ready for us to discuss