1. Web Design

2. Look and Feel Way your web site works Personality it conveys to the user Plan the way to looks Test against the variable nature of the web

3. Design The Entire Site Plan unifying themes and structures that will hold the pages together Communicate a visual theme

4. Create Smooth Transitions Create a unified look among the sections and pages of your site Repeat colors and fonts Think of this as turning pages in a magazine www.npr.org

5. Use A Grid Provides visual structure Layout device that organizes the page into columns and rows

6. Use Active White Space Active White Space is blank space that is used deliberately Blank areas on the page, does not have to be white Guides the reader and defines areas of the page Lack of white space suggests the page contains too much information Poor use of white space –www.sciam.comwww.sciam.com –www.sciam.com Good use of white space –www.scmonitor.comwww.scmonitor.com –www.scmonitor.com

7. Create Usable Navigation Users should be able to answer the following –Where am I –Where can I go –How do I get there –How do I get back to where I started

8. Navigation Place navigation elements in the same position on each page Use the same graphics for navigation www.nga.gov www.spaceflight.nasa.gov

9. Design for the User Know your audience www.eonline.com www.linguafranca.com

10. Design for Location 2 5 1 3 4

11. Design for the Screen Shape of the screen Light http://www.bobdylan.com

12. Type Design Choose fewer fonts and sizes Use available fonts Design for legibility Avoid using text as graphics

13. Graphics File Formats GIF JPG PNG SVC

14. Computer Color Basics Monitors displays color by mixing red, green and blue Color vary between monitors based on both user’s preferences and brand of equipment Dithering Banding

15. Sizing graphics 730 x 50 90 x 90 100 x 75 290 x 150 230 x 200 480 x 50