02/02/2010Top Web Mistakes1

Top Web Design Mistakes

Week 2

01/13/09Top Web Mistakes2

Graphics

Too Many Graphics Load slowly. Visitors lose patience

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

01/13/09Top Web Mistakes3

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

02/02/2010Top Web Mistakes4

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 

02/02/2010Top Web Mistakes5

Are your testing audience’s eyes?

02/02/2010Top Web Mistakes6

See improvement?

02/02/2010Top Web Mistakes7

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.

02/02/2010Top Web Mistakes8

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

02/02/2010Top Web Mistakes9

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.

02/02/2010Top Web Mistakes10

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

02/02/2010Top Web Mistakes11

Do you know instantly how to navigate?

01/13/09Top Web Mistakes12

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 images Avoid capitalizing all text Use font type such as Arial or

Verdana

02/02/2010Top Web Mistakes13

How do you like this layout?

02/02/2010Top Web Mistakes14

What is the difference?

02/02/2010Top Web Mistakes15

How about this one?

02/02/2010Top Web Mistakes16

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/

02/02/2010Top Web Mistakes17

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