DD112 Spring2010 Class07

561 views
451 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
561
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

DD112 Spring2010 Class07

  1. 1. Introduction to web design<br />
  2. 2. Brain >> Paper <br />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? <br />
  3. 3. What is paper prototyping?<br />Testing the Usability of an Interface (website, phone, vcr, software application, etc)<br />Utilizes a Paper version<br />Quick to build<br />Easy to change “on the fly”<br />Should the paper version be fully designed?<br />No – just focus on the navigational and interactive elements not the visual design (colors, fonts)<br />Can this be drawn or sketched by hand?<br />YES! Doesn’t even need a computer.<br />
  4. 4.
  5. 5.
  6. 6.
  7. 7.
  8. 8.
  9. 9. Next Assignment <br />Create a Paper Prototype of your site<br />Every page you intend to create should be made in paper<br />Should be Modular<br />
  10. 10. Layout Tip : Grids are good<br />Organization<br />Balance<br />Graphics and Text work in unison<br />Easier to move through the information<br />
  11. 11. Grid-based Layouts<br />
  12. 12.
  13. 13.
  14. 14.
  15. 15. Layout Tip : Navigation<br />Keep navigation consistent<br />Make navigation obvious<br />
  16. 16.
  17. 17. Homework<br />Create a Paper Prototype of your personal site<br />Hand drawn is fine and so is a digital version<br />For every page of your site, draw a sketch of the page<br />Include Navigation<br />Include some Content<br />Your paper prototype will be tested by classmates<br />Read Paper Prototyping Chapter 3<br />
  18. 18. In-Class<br />Begin working on sketches for your paper prototype<br />Should be on paper WITHOUT lines<br />I will be walking around to touch base with each of you about your sites<br />Have your NAVIGATIONAL MAP ready for us to discuss<br />

×