Effective Website Design

1
Effective Website Design
2
Effective Design

• You must first determine the purposes and goals
  for the website.
• Make sure it is age appropriate and you get the
  results that you want from your web page.

3
Essential Design Elements

• Site organization
• Site navigation system
• Page layout
• Graphic content
• Multimedia presentations
• Interactive forms.

4
Required Design Elements

• Relevant, quality content
• Neat, easy navigation

5
Design elements Cont

• Readable

6
Design Elements Cont

• Clean layout-design/
• organized
• Visual Appealing

7
Design Elements

• A well designed website is attractive to look at.
  It is neither plain and boring, nor cluttered or
  distracting.
• You also want your website to attract attention!
  Positive Attention!

8
Website Design Usability Tips

• You want a site that has personality and quality
  content based on your audience taste. You have to
  understand their color preferences, technical
  skills and any prevalence of special needs.

9
Website Design Usability Tips

• Readability
• Make paragraph easy
• to read. Don't use small
• text for font size.

http//www.state.fl.us/dms/betterwebsites/bad,html
http//www.renttoownrealestate.com/
10
Website Design Usability Tips

• Avoid hidden navigation where you need to
  rollover it in order to reveal it.
• Keep your navigation buttons the same and uniform
  to maintain usability.

http//www.powerballs.com/
11
Website Design Usability Tips

• Make your page fast loading
• To reduce waiting time each page must be less
  than 20KB.

12
Website Design Usability Tips

• Test early and test often
• Test your page for bugs on web browsers.
• Ask your friends and colleagues for valuable
  feedback.

13
Website Design Usability Tips

• Also, if you are planning to use your site down
  the road make sure you are constantly updating
  the material.
• You should also check that all your links to
  outside resources are still working.

14
Resources of Bad Website Examples

• http//www.state.fl.us/dms/betterwebsites/bad.html
  
• http//www.renttoownrealestate.com/
• http//web.tiscali.it/colabianchi/
• http//www.taylorhayden.com/HaydenVideoWeddings.ht
  ml
• http//www.enterspace.org/
• http//www.ishipress.com/666.htm
• http//www.webtvlist.com/