Essentials of Good Web Design

saurabhk Peon

Messages:: 149

Likes Received:: 4

Best Answers:: 0

Trophy Points:: 0

#1

Hi Everyone, just saw a web page containing following information, you may find it useful, (No cpoyright notice so posting it here ).

Please add any other point to it if you have any.

Essentials of Good Web Design

If you want to design a web site, you should follow nine rules of thumb.

1. General Impression
Your web site is like a window display of your business. If the impression that it creates is not good enough visitors will simply leave.
Your site must be:
Neat
Organized
Attractive
Professional
It is better if your site shows less than too much. Over crowded websites, with too many flashy elements, create a negative effect on your visitors.

2. Message
The first question that visitors ask themselves when coming to your site is â€œWhat can I gain from here?â€
Visitors are not impressed that much by promotional offers of free goods and services. They are looking for ways in which your site can be useful to them. If your site should offer one or more of the following:
Entertainment
Information
Advice
Helpful tips
Contact with people who share same interests
Links to other interesting sites
Your corporate site should provide information about your business and products and services.
A business site should be simple to navigate and offer products and services that located in a simple way and ordered quickly.

3. Fast download
Your site should load as quickly as possible. Market research shows that the average surfer leaves a site that fails to load in 7 seconds. For a dial-up modem that means a maximum of 56 kilobytes. So avoid large graphics and flash animations.
The opening page of your site should not overwhelm your visitors with too much information or you risk loosing them.
Many Internet sites offer advice on how to increase the download speed of your site. Look for such articles read them and follow the suggested advice.

4. Graphics and Design
The graphical design of a website is crucial for a positive first impression. Every graphic element should help present the main idea of your site.
Funny images are not appropriate for a business site, but they can be a good choice for an entertainment one.
Graphics load slowly so use them sparingly and efficiently. Try to keep the overall size of your web pages around 30k.
Individual pictures should be about 6-8k. Additional 2k adds about one second to download time.
Right-click on an image and check its properties to find out its size.
The choice of colors is also significant since different colors provoke different feelings.
The warm colors like orange and red increase the pulse rate and stimulate the senses.
Cold colors like blue and green have the opposite effect.
Yellow is considered a happy color because it reminds us of the sun.
Select the right colors for the emotion that you want to create.
People read a text from top left down to bottom right. Place your images accordingly.
Images that have a directional aspect should point to the most important part of your page. If you use the image of a bird its beak should point to inside the page and not outside.
This is valid for all images:
Faces should be turned to the center of the page.
Cars should face the center of the page.
Neckties, roads and other prolonged objects should point from left to the right and from top to bottom.
You should put your navigation bars down the left side of your page, as well. This will keep them visible for your visitors.

5. Readable texts
Here we do not consider choice of words (we will deal with this later on), but rather the appearance of words on a page.
To impress word should be surrounded by sufficient white space.
Use dark texts on light backgrounds (preferably white). Dark backgrounds make visitors feel confined and depressed.
Bright backgrounds make texts difficult to read and red, orange and purple backgrounds can be dazzling.
The text color you choose is equally important, different browsers interpret colors in different ways. A text that looks fine on your browser may be illegible on a different one.
Divide your text in columns to make it simpler and faster to read. It is easier to follow a column than a large chunk of text that stretches across the whole page.
Choose fonts that are available on all computers and that are easy to read like Arial, Times New Roman, Garamond and Courier. Exotic fonts like Gothic, Script, Westminster, or Cloister look attractive in headings, but not all users have them installed on their computers. In this case, your visitorâ€™s browser will render the missing font with a system one and ruin the effect that you are aiming at.

6. Easy Page Flow
Most people do not handle well large pieces of information. We have already suggested that you divide your page into columns that would separate the text vertically but you should also use headings and sub-headings that separate it horizontally.
Write short statements for the key facts on your page and use the statements for headings. Examine each section to check if you can break it into smaller pieces. Write a short statement for each of these pieces and use these statements as sub-headings.
Use the same font for all your headings and subheadings. Make them bold and increase the font size for headings. It will make simple to spot the large and bold headings and subheadings that are the same size with the text but bold.
If you follow this advice, your visitors will be able to see the key points of your page at a glance. Write your headings carefully, because if you grab your visitorsâ€™ attention with them they will stay and read on.
If you want to attract your visitorsâ€™ attention to other parts of the text you can make some sentences bold or change their color. Use this approach carefully, because some colors are difficult to read even on a white background.

7. Navigation
There are two reasons why you should put your navigation bar on the left side of your page:
People read from left to right and from top to bottom.
Web surfers expect to find navigation bars on the left of web pages.
It is a good idea to put a button at the bottom of a long text that would allow the visitor to return to the beginning of the text.
When you create a page design that you like use it on every page of your web site, it will make your web site predictable and will help your visitors find the information they need.
Save a blank page with the layout, columns, logos, standardized graphics, alt tags and navigation bars built in. Use this page as a template for all pages that you create for your web site and just fill in the content that you like.

8. Privacy and Customer Opinions
It is invaluable to get prospective customers to trust you, if you run a corporate site. Tell your visitors how you are protecting their private information. Set a privacy page that explicitly lists how and what information you collect from your visitors, how you keep their e-mail address, how you accept and process their orders, who has access to this information and what precautions you take with information collected from minors.
People like to know what your customers think of your products and services. Invite your customers to share their opinion, they would love to know that it is appreciated.
Make a dedicated page with the opinions of your customers. Offer links to their web sites in exchange of their opinion. This can be beneficial for both parties involved.

9. Spelling, Grammar and Word Choice
These are of crucial importance. If you are not careful here, all your efforts are in vain. Poor spelling and careless grammar and punctuation are the easiest way to lose visitors.
Spelling and grammar mistakes tell that the site owner is lazy, careless, and unprofessional. Your visitors would not like to do business with you.
What can you do?
Take steps to polish your own writing.
Hire somebody to check and edit your writing.
Hire somebody to write the text of your pages for you.
Click to expand...

saurabhk, Jun 3, 2006 IP

mykoleary Peon

Messages:: 64

Likes Received:: 4

Best Answers:: 0

Trophy Points:: 0

#2

saurabhk said:

Hi Everyone, just saw a web page containing following information, you may find it useful, (No cpoyright notice so posting it here ).

Please add any other point to it if you have any.
Click to expand...

There doesn't need to be a copyright notice for it to be copyrighted. The fact that it was written and published in effect copyrights it.

Next time post a link and a (very short) summary. Don't steal content, it's bad for you karma.

mykoleary, Jun 3, 2006 IP

saurabhk Peon

Messages:: 149

Likes Received:: 4

Best Answers:: 0

Trophy Points:: 0

#3

There doesn't need to be a copyright notice for it to be copyrighted. The fact that it was written and published in effect copyrights it.
Click to expand...

Point Noted Sir, I thought that any novice would find this info useful even if a single person benefits thats good, the URL is: http://www.100webads.com

Don't steal content, it's bad for you karma.
Click to expand...

Thanks for reminding me of my theft work, Anyways which religion do you follow? I would like to know how many veds, upanishads and purans you have read and how much knowledge of Hinduism do you have to make such nice comments?

saurabhk, Jun 5, 2006 IP

malc Peon

Messages:: 129

Likes Received:: 3

Best Answers:: 0

Trophy Points:: 0

#4

Thanks for sharing these tips saurabhk. I found it usefull.

malc, Jun 5, 2006 IP

iatbm Prominent Member

Messages:: 5,151

Likes Received:: 352

Best Answers:: 0

Trophy Points:: 360

#5

great tips ... I would like to add that this design is perfect one by the points you made

http://www.solucija.com/templates/demo/Sonia_Template/

iatbm, Jun 5, 2006 IP

easyresume Peon

Messages:: 57

Likes Received:: 0

Best Answers:: 0

Trophy Points:: 0

#6

You can take a look at Web Design from Scratch which highlights all the areas that constitute good web design.

One of my sites is listed in there so I am rather happy!

easyresume, Jun 5, 2006 IP

ablaye Well-Known Member

Messages:: 4,024

Likes Received:: 97

Best Answers:: 0

Trophy Points:: 150

#7

Thank you for that good post.
Very informative!

ablaye, Jun 5, 2006 IP

Log in or Sign up

Essentials of Good Web Design

saurabhk Peon

mykoleary Peon

saurabhk Peon

malc Peon

iatbm Prominent Member

easyresume Peon

ablaye Well-Known Member

Useful Searches