Bad Web Design

1,215 views
1,169 views

Published on

What not to do when designing instruction or presentations for the Web.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,215
On SlideShare
0
From Embeds
0
Number of Embeds
447
Actions
Shares
0
Downloads
6
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Bad Web Design

  1. 1. Examples of bad design Instructional Technology & Design Dr. Toledo Note: This is too much – too much color, too much distracting design
  2. 2. Be consistent with the font <ul><li>Do not randomly change fonts– because you get bored looking at the same font </li></ul><ul><li>Use italics , bold , color , and size to emphasize specific points </li></ul><ul><li>Use non-serif fonts for online, projected, or screen communications – Arial, Verdana , Tahoma … not Times New Roman , Book Antiqua , Courier </li></ul>
  3. 3. Be consistent with background <ul><li>Which is easier to read? </li></ul><ul><li>THIS </li></ul>Note: This background is too busy – check the next slide to see how it can be muted
  4. 4. Be consistent with background <ul><li>Or </li></ul><ul><li>THIS? </li></ul>Note: This slide is a picture that has been washed out – right click, then click on format picture
  5. 5. Avoid Obnoxious Color Combos <ul><li>Choose complimentary colors, not neighboring colors (as above) </li></ul><ul><li>Choose background colors that are easy on the eyes </li></ul>Note: These colors are very hard on the eyes. Remember, reading off the screen is much more difficult than reading paper. You wouldn’t want to use this much color if you printed this slide anyway.
  6. 6. Using Clip Art & GIFs <ul><li>Keep it simple </li></ul><ul><li>Stay away from distractions </li></ul><ul><li>Emphasize – don’t hideousize </li></ul>Note: There is too much going on here. Choose one graphic.
  7. 7. Using Sounds & Motion Note: Too much movement, the sound bite is too long for one slide.
  8. 8. Moral <ul><li>Keep it simple </li></ul><ul><li>Make it appropriate for your audience </li></ul>

×