Top Website Mistakes

Preview:

DESCRIPTION

 

Citation preview

Top Web Mistakes1 02/02/2010

Top Web Design Mistakes

Week 2

Top Web Mistakes2 01/13/09

Graphics

Too Many Graphics Load slowly.Visitors lose patience

SOLUTION:  Save for web / optimize Reduce the size of graphics.

Top Web Mistakes3 01/13/09

Wordy Pages

Why omit needless wordsReduces the noise level of the

pageMakes the useful information

more prominentMakes the pages shorter

How to omit needless words? Two rules to followHappy talk must dieInstructions must die

Top Web Mistakes4 02/02/2010

Color: Bad Color

Coordination Avoid using dark text on a dark

background. Use dark text on a light

background Use colors that blend well

together 

Top Web Mistakes5 02/02/2010

Are your testing audience’s eyes?

Top Web Mistakes6 02/02/2010

See improvement?

Top Web Mistakes7 02/02/2010

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.

Top Web Mistakes8 02/02/2010

You have to scroll right and down to see all the content

Top Web Mistakes9 02/02/2010

Meta Tags Missing

Without optimizing your web page with a description or keywords, people can’t 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.

Top Web Mistakes10 02/02/2010

Poor Navigation

Visitors can’t 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

Top Web Mistakes11 02/02/2010

Do you know instantly how to navigate?

Top Web Mistakes12 01/13/09

Layout and Design

How to Create an aesthetically pleasingdesign Keep enough white space

between your text and images by using margins.

Don’t overlap text and imagesAvoid capitalizing all text Use font type such as Arial or

Verdana

Top Web Mistakes13 02/02/2010

How do you like this layout?

Top Web Mistakes14 02/02/2010

What is the difference?

Top Web Mistakes15 02/02/2010

How about this one?

Top Web Mistakes16 02/02/2010

Frames

Avoid Using Frames frames don’t allow bookmarking

the page or return to it and sometimes the URLS stop working. 

http://www.angelfire.com/super/badwebs/

Top Web Mistakes17 02/02/2010

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.

Thank YOU

01/13/09