Top Website Mistakes

18
02/02/2010 Top Web Mistakes 1 Top Web Design Mistakes Week 2

description

 

Transcript of Top Website Mistakes

Page 1: Top Website Mistakes

Top Web Mistakes1 02/02/2010

Top Web Design Mistakes

Week 2

Page 2: Top Website Mistakes

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.

Page 3: Top Website Mistakes

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

Page 4: Top Website Mistakes

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 

Page 5: Top Website Mistakes

Top Web Mistakes5 02/02/2010

Are your testing audience’s eyes?

Page 6: Top Website Mistakes

Top Web Mistakes6 02/02/2010

See improvement?

Page 7: Top Website Mistakes

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.

Page 8: Top Website Mistakes

Top Web Mistakes8 02/02/2010

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

Page 9: Top Website Mistakes

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.

Page 10: Top Website Mistakes

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

Page 11: Top Website Mistakes

Top Web Mistakes11 02/02/2010

Do you know instantly how to navigate?

Page 12: Top Website Mistakes

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

Page 13: Top Website Mistakes

Top Web Mistakes13 02/02/2010

How do you like this layout?

Page 14: Top Website Mistakes

Top Web Mistakes14 02/02/2010

What is the difference?

Page 15: Top Website Mistakes

Top Web Mistakes15 02/02/2010

How about this one?

Page 16: Top Website Mistakes

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/

Page 17: Top Website Mistakes

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.

Page 18: Top Website Mistakes

Thank YOU

01/13/09