02/02/2010<br />Top Web Mistakes<br />1<br />Top Web Design Mistakes<br />Week 2  <br />
01/13/09<br />Top Web Mistakes<br />2<br />Graphics<br />Too Many Graphics<br />Load slowly.<br />Visitors lose patience<b...
01/13/09<br />Top Web Mistakes<br />3<br />Wordy Pages<br />Why omit needless words<br />Reduces the noise level of the pa...
02/02/2010<br />Top Web Mistakes<br />4<br />Color: Bad Color Coordination<br />Avoid using dark text on a darkbackground....
02/02/2010<br />Top Web Mistakes<br />5<br />Are  your testing audience’s eyes?<br />
02/02/2010<br />Top Web Mistakes<br />6<br />See improvement?<br />
02/02/2010<br />Top Web Mistakes<br />7<br />Long Scrolling<br />Scroll horizontally or vertically to view the whole web p...
02/02/2010<br />Top Web Mistakes<br />8<br />You have to scroll right and down to see all the content<br />
02/02/2010<br />Top Web Mistakes<br />9<br />Meta Tags Missing<br />Without optimizing your web page with a description or...
02/02/2010<br />Top Web Mistakes<br />10<br />Poor Navigation<br />Visitors can’t easily find the information: broken link...
02/02/2010<br />Top Web Mistakes<br />11<br />Do you know instantly how to navigate?<br />
01/13/09<br />Top Web Mistakes<br />12<br />Layout and Design<br />How to Create an aesthetically pleasingdesign <br />Kee...
02/02/2010<br />Top Web Mistakes<br />13<br />How do you like this layout?<br />
02/02/2010<br />Top Web Mistakes<br />14<br />What is the difference?<br />
02/02/2010<br />Top Web Mistakes<br />15<br />How about this one?<br />
02/02/2010<br />Top Web Mistakes<br />16<br />Frames<br />Avoid Using Frames<br />frames don’t allow bookmarking the page ...
02/02/2010<br />Top Web Mistakes<br />17<br />Orphan Pages<br />Some page where the visitor has no idea how it fits in wit...
Thank YOU<br />01/13/09<br />
Upcoming SlideShare
Loading in …5
×

Top Website Mistakes

456 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
456
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Top Website Mistakes

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

×