Web Design Miami Weblog

July 9, 2008

Four Critical Web Design Rules

Filed under: Web Design — Will Jay @ 7:15 pm

eb design and development
When creating a new website or redesigning an existing site, there are four critical rules which the designer should follow to make the site effective and functional - and successful.
web design firms

1. Easy to Read
web page design software

When building a website, the first thing you need to be sure of is that your website is easy to read. When you write content, remember that most web site visitors don’t read every word of a page - in fact, they only scan pages to find what they want.
open source web design

Break up Your Content
Web Design Companies

Break up your pages and use headers between major ideas so people scanning your site can find what they want quickly. Use meaningful headers between each paragraph or major idea - this helps with SEO. Headers should be created with the H1 through H4 tags for SEO. Always use good writing structure. Additionally, avoid long paragraphs that run on. You should break up any long paragraphs.
low cost web design

Color and Fonts
Web Design Companies

To help readability, use high contrast colors between font and background. Black text against a white background may seem stark, but it is very readable. To make a website easy on the eyes, try an off-white background and a dark gray (almost black) text color.
Small Business Web Design

Things to avoid with content color:
Web Design Services

Avoid vibrant background colors like purple or yellow. Such back colors make text difficult to read.
Small Business Web Design

Avoid using an image behind your text.
Small Business Web Design

Avoid using bright text colors on bright backgrounds.
web design pricing

Fonts Matter
Web Design Company

One simple statement covers the font issue:
florida web design

Simple fonts are the best; the more fancy the font, the harder it is to read.
free web design software

Since many browsers only have the standard font set, use standard fonts. In reality, there is no “”standard”", but there are certain fonts that are installed on most browsers. These include Arial, Verdana, Tahoma and Times New Roman. Your readers will see something different than you see if you use other fonts.
real estate web design

Standard Compliant Browser for Development
business website design

When developing and testing your site, use a Standards compliant browser like FireFox. If you develop your site to be standards compliant, it will work in most browsers, including MS Internet Explorer (IE). It is recommended that you test your site using the latest and last browser versions of IE (IE6 and IE7). To run multiple versions of IE on the same machine, TredoSoft has a free installer that will install multiple versions of IE. It works great!
online web design

2. Simplify Navigation
simple web design

The menus and links make up the navigation that the visitor uses to get from page to page in a site. Always plan a site around how people will get from page to page. A visitor to your site should be able to get to what they want within three clicks of their mouse.
website design services

Multiple navigation points makes it easy to find things. Repeat the top menu and at the bottom. Also create a left or right menu.
professional website design

Using links within your text to other areas on your site. You can create links so that they are good for search engine optimization (SEO). There are generally two ways to create links within your text:
design a web page

The wrong way: “”For search engine optimization techniques, click here.”"
how to design a web page

The right way: “”Good techniques for search engine optimization are important to use.”"
web redesign

Using link text (anchor text) that describes what the link is about is the best way. Search engine web crawlers (programs that automatically index the contents of websites) visit your site, they “”read”" links. Spiders can index descriptive links into a subject or keyword category. Spiders have nothing to work with when reading a “”click here”" until it reaches the linked page.
real estate web design

This is Cross Linking - use it as much as possible when it makes sense to do so when writing your content.
web page design software

3. Consistent Design
basic web design

At most, one or two layouts should be used in your site design. As a reader browses your site, they should be able to get used to looking in the same place for your navigation, for your sub-navigation and for your content. That’s all there is to say about that.
web design help

4. Lower Page Weight is Better
low cost web design

Page weight is the total size of a page on your site in bytes - code, text and images. Your site’s page weight makes a big difference to your viewers. Lighter page weight is better for your readers because the page will download faster. The faster a page downloads, the faster they will get to the content.
florida web design

What is Means to be Light
web site designers

No large images. (unless the site’s purpose is to showcase images, art or photos)
how to design a website

Fewer images are better.
website hosting

Optimize images for the web at no more than 72 dpi
small business website

Use as small an image dimension as possible for the given design.
web site design and hosting

Use a table td bgcolor attribute or a background-color style attribute for solid color backgrounds.
website developers

Make gradients horizontal or vertical (not diagonal) so that you can use a small image “”strip”" and repeat it.
church website design

How “”Heavy”" Should a Web Page be?
design a web site

Certain studies show that 64K is a good maximum webpage size. 64K is a maximum, however it is still, in my opinion, really big! The smaller the page, the better. 25K is good, 15K is even better. There is a balance between design and function. It is a good idea to focus more on function.
Web Design Companies

Try putting pages on your web host server as you build your site so you can test it as you go. For pages online, you can test the page weight to be sure you are on track.
low cost web design

Ways to make pages lighter:
basic web design

Use linked style sheets
website designers

Use DIVs instead of TABLEs where possible
best web design

Use simple repeating backgrounds for effect
web hosting

Summary
custom web sites

Visitors to your website should be able to find what they are looking for within about three clicks. Making a site easy to read with consistent page design, and easy to navigate will make it easy to find information. You will be on the way to building a readable, effective, functional and hopefully successful website if you follow these rules.
web design consulting

Web Design Companies

No Comments »

No comments yet.

RSS feed for comments on this post. TrackBack URL

Leave a comment

You must be logged in to post a comment.

Powered by WordPress