Topmistakes

340 views
301 views

Published on

Published in: Art & Photos
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
340
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Topmistakes

  1. 1. Top Web Design Mistakes Week 2 02/02/2010 Top Web Mistakes
  2. 2. Graphics <ul><li>Too Many Graphics </li></ul><ul><ul><li>Load slowly. </li></ul></ul><ul><ul><li>Visitors lose patience </li></ul></ul><ul><li>SOLUTION:   </li></ul><ul><ul><li>Save for web / optimize </li></ul></ul><ul><ul><li>Reduce the size of graphics. </li></ul></ul>01/13/09 Top Web Mistakes
  3. 3. Wordy Pages <ul><li>Why omit needless words </li></ul><ul><ul><li>Reduces the noise level of the page </li></ul></ul><ul><ul><li>Makes the useful information more prominent </li></ul></ul><ul><ul><li>Makes the pages shorter </li></ul></ul><ul><li>How to omit needless words? Two rules to follow </li></ul><ul><ul><li>Happy talk must die </li></ul></ul><ul><ul><li>Instructions must die </li></ul></ul>01/13/09 Top Web Mistakes
  4. 4. Color: Bad Color Coordination <ul><li>Avoid using dark text on a dark background. </li></ul><ul><li>Use dark text on a light background </li></ul><ul><li>Use colors that blend well together  </li></ul>02/02/2010 Top Web Mistakes
  5. 5. Are your testing audience’s eyes? 02/02/2010 Top Web Mistakes
  6. 6. See improvement? 02/02/2010 Top Web Mistakes
  7. 7. Long Scrolling <ul><li>Scroll horizontally or vertically to view the whole web page. </li></ul><ul><li>Create the width of your web page to fit on one screen to avoid horizontal scrolling, and have a maximum of 3 pages to be scrolled vertically. </li></ul>02/02/2010 Top Web Mistakes
  8. 8. You have to scroll right and down to see all the content 02/02/2010 Top Web Mistakes
  9. 9. Meta Tags Missing <ul><li>Without optimizing your web page with a description or keywords, people can’t find you on the search engines. </li></ul><ul><li>Research key words or phrases relevant to your site content. </li></ul><ul><li>Include them in your title, description and web site copy. </li></ul>02/02/2010 Top Web Mistakes
  10. 10. Poor Navigation <ul><li>Visitors can’t easily find the information: broken links, error pages, too many moving objects (animations, flash, scrolling text, marquees)‏ </li></ul><ul><li>Keep your navigation simple, create simple links on all web pages, create simple and clean interface </li></ul>02/02/2010 Top Web Mistakes
  11. 11. Do you know instantly how to navigate? 02/02/2010 Top Web Mistakes
  12. 12. Layout and Design <ul><li>How to Create an aesthetically pleasing design </li></ul><ul><ul><li>Keep enough white space between your text and images by using margins. </li></ul></ul><ul><ul><li>Don’t overlap text and images </li></ul></ul><ul><ul><li>Avoid capitalizing all text </li></ul></ul><ul><ul><li>Use font type such as Arial or Verdana </li></ul></ul>01/13/09 Top Web Mistakes
  13. 13. How do you like this layout? 02/02/2010 Top Web Mistakes
  14. 14. What is the difference? 02/02/2010 Top Web Mistakes
  15. 15. How about this one? 02/02/2010 Top Web Mistakes
  16. 16. Frames <ul><li>Avoid Using Frames </li></ul><ul><ul><li>frames don’t allow bookmarking the page or return to it and sometimes the URLS stop working.  </li></ul></ul><ul><ul><li>http://www.angelfire.com/super/badwebs/ </li></ul></ul>02/02/2010 Top Web Mistakes
  17. 17. Orphan Pages <ul><li>Some page where the visitor has no idea how it fits in with the overall structure of your web site. </li></ul><ul><li>You should always have a link to the homepage, so visitors know where they are on your web site. </li></ul>02/02/2010 Top Web Mistakes
  18. 18. Thank YOU 01/13/09

×