Four Critical Web Design Rules

When growing a brand new web site or redesigning an current website, there are 4 crucial laws which the dressmaker must practice to make the website efficient and practical – and a hit.

1. Easy to Read

When construction a web site, the very first thing you want to make certain of is that your web site is simple to learn. When you write content material, take into account that maximum internet website guests do not learn each and every phrase of a web page – in reality, they simply scan pages to search out what they would like.

Break up Your Content

Break up your pages and use headers between main concepts so other folks scanning your website can to find what they would like briefly. Use significant headers between each and every paragraph or main thought – this is helping with search engine optimization. Headers must be created with the H1 thru H4 tags for search engine optimization. Always use just right writing construction. Additionally, keep away from lengthy paragraphs that run on. You must get a divorce any lengthy paragraphs.

Color and Fonts

To assist clarity, use top distinction colours between font and background. Black textual content in opposition to a white background would possibly appear stark, however it is vitally readable. To make a web site simple at the eyes, take a look at an off-white background and a dismal grey (virtually black) textual content coloration.

Things to keep away from with content material coloration:

  • Avoid colourful background colours like crimson or yellow. Such again colours make textual content tricky to learn.
  • Avoid the use of a picture in the back of your textual content.
  • Avoid the use of vivid textual content colours on vivid backgrounds.

Fonts Matter One easy remark covers the font factor:

  • Simple fonts are the most efficient; the extra fancy the font, the tougher it’s to learn.

Since many browsers best have the usual font set, use same old fonts. In fact, there’s no “same old”, however there are particular fonts which can be put in on maximum browsers. These come with Arial, Verdana, Tahoma and Times New Roman. Your readers will see one thing other than you notice when you use different fonts.

Standard Compliant Browser for Development

When creating and trying out your website, use a Standards compliant browser like FireFox. If you broaden your website to be requirements compliant, it’s going to paintings in maximum browsers, together with MS Internet Explorer (IE). It is really helpful that you simply take a look at your website the use of the newest and closing browser variations of IE (IE6 and IE7). To run a couple of variations of IE at the similar device, has a loose installer that may set up a couple of variations of IE. It works nice!

2. Simplify Navigation

The menus and hyperlinks make up the navigation that the customer makes use of to get from web page to web page in a website. Always plan a website round how other folks gets from web page to web page. A customer on your website must be capable to get to what they would like inside of 3 clicks in their mouse.

Multiple navigation issues makes it simple to search out issues. Repeat the highest menu and on the backside. Also create a left or proper menu.

Using hyperlinks inside of your textual content to different spaces to your website. You can create hyperlinks in order that they’re just right for search engine marketing (search engine optimization). There are typically two tactics to create hyperlinks inside of your textual content:

  1. The incorrect approach: “For search engine marketing tactics, click on right here.”
  2. The proper approach: “Good tactics for search engine marketing are necessary to make use of.”

Using hyperlink textual content (anchor textual content) that describes what the hyperlink is ready is one of the simplest ways. Search engine internet crawlers (techniques that mechanically index the contents of internet sites) consult with your website, they “learn” hyperlinks. Spiders can index descriptive hyperlinks into an issue or key phrase class. Spiders don’t have anything to paintings with when studying a “click on right here” till it reaches the connected web page. This is Cross Linking – use it up to conceivable when it is smart to take action when writing your content material.

3. Consistent Design

At maximum, one or two layouts must be used on your website design. As a reader browses your website, they must be capable to get used to taking a look in the similar position in your navigation, in your sub-navigation and in your content material. That’s all there may be to mention about that.

4. Lower Page Weight is Better

Page weight is the entire dimension of a web page to your website in bytes – code, textual content and pictures. Your website’s web page weight makes a large distinction on your audience. Lighter web page weight is healthier in your readers since the web page will obtain quicker. The quicker a web page downloads, the quicker they are going to get to the content material.

What is Means to be Light

  • No massive pictures. (except the website’s goal is to exhibit pictures, artwork or footage)
  • Fewer pictures are higher.
  • Optimize pictures for the internet at not more than 72 dpi
  • Use as small a picture measurement as conceivable for the given design.
  • Use a desk td bgcolor characteristic or a background-color taste characteristic for forged coloration backgrounds.
  • Make gradients horizontal or vertical (no longer diagonal) to be able to use a small symbol “strip” and repeat it.

How “Heavy” Should a Web Page be?

Certain research display that 64Okay is a superb most webpage dimension. 64Okay is a most, alternatively it’s nonetheless, in my view, in reality large! The smaller the web page, the simpler. 25Okay is just right, 15Okay is even higher. There is a stability between design and serve as. It is a good suggestion to focal point extra on serve as.

Try hanging pages to your internet host server as you construct your website so you’ll take a look at it as you pass. For pages on-line, you’ll take a look at the web page weight to make sure you are on the right track.

Ways to make pages lighter:

  • Use connected taste sheets
  • Use DIVs as a substitute of TABLEs the place conceivable
  • Use easy repeating backgrounds for impact


Visitors on your web site must be capable to to find what they’re searching for inside of about 3 clicks. Making a website simple to learn with constant web page design, and simple to navigate will make it simple to search out knowledge. You might be on how to construction a readable, efficient, practical and confidently a hit web site when you practice those laws.