1. Principles of Web Design for Online Educators Rodger Hergert Illinois Online Network May 18, 2005

2. Planning a Website Where do I start? Design Document Goals & Objectives User Profile User Scenario Content Elements

3. Placing & Defining Content Web Element Categories: page layout text links graphics color performance navigation content accessibility Web Design Guidelines Checklist

4. Usability & Accessibility What’s the big deal? Name an accessibility issue that impacts all users, not just those with disabilities What are some of the advantages and disadvantages to supplying text-only versions of Web sites?

5. Usability & Accessibility Who would you rather do an evaluation of your site, a content expert or novice? Who would you rather do an evaluation of your site, a Web expert or novice? WebXACT (formerly Bobby) http://webxact.watchfire.com/ http://webxact.watchfire.com/

6. Putting It All Together Mr. Bad Example http://www.archive.org/ http://www.webpagesthatsuck.com/ http://www.useit.com/alertbox/20031222.html Fine Design http://www.webaward.org/ http://www.americandesignawards.com/annual04. html http://www.americandesignawards.com/annual04. html

7. Resources Yale Web Style Guide http://www.webstyleguide.com http://www.webstyleguide.com ION Web Design Resources http://www.ion.illinois.edu/resources/tutorials /webdesign/index.asp http://www.ion.illinois.edu/resources/tutorials /webdesign/index.asp Research-based Web Design & Usability Guidelines http://usability.gov/guidelines/http://usability.gov/guidelines/ Email me: hergert@uillinois.edu