top website mistakes

Download Top Website Mistakes

Post on 05-Dec-2014

529 views

Category:

Technology

2 download

Embed Size (px)

DESCRIPTION

 

TRANSCRIPT

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