published: November 7th, 2008

Basic Web Design Principles

Home Page

Home page should clearly indicate what the site is about. Provide top level navigation on the first page, your logo, and tell to the visitor what he can found on your web site. Your home page should be informative, and should call your visitor on action. Home page is the place where the visitor decides what he will do, click on some of your links, or leave the site. If you have a discount, or if you offer some free service in attempt to make a contact with potential customers, make sure to provide link to that service on your home page.

If you decide to implement flash intro on your first page, make sure to give the user possibility to skip the flash intro. The link “skip intro” should be outside of the flash, because you will force the visitor to wait until the Flash movie is loaded.

Navigation structure

Place the navigation on the place where the people are used too look for it. Don’t experiment with the navigation! I can’t stress enough this. Keep the navigation system same on ALL pages. Visitors are not ready to learn your site navigation system. Consistency is the most important thing here. You should focus your effort on building consistent rhythm across all pages of your site.

Font size

Your font size should be enough big so your text can be read without effort. There are many people who will not bother to read very small letters. Don’t loose your visitors because of font size. Optimal size seems to be 12-13 points. Visitors should be able to read your text easy, without any effort. Broke big chunks of texts in paragraphs and make them easy to follow.

Line Length

The length of a line of type should be comfortable to read. The optimal line length for printed materials seems to be about 10 to 12 words, or 60 to 70 characters. Somewhat shorter lines of about 40 to 50 characters may be more appropriate for larger displays. If the line is too long the reader must search for the beginning of it; if it is too short it will break up words or phrases awkwardly.

Creating emphasis

Creating emphasis is an important and integral part of designing and typesetting. Handled with taste and good judgment it can help direct and inform the reader. When these qualities are lacking, or someone feels that every word is important and must be emphasized in some way then your web page starts to look like a battlefield and becomes difficult to read!

Graphics

It’s well known that one picture worth more than million words. This rule applies on Internet too. Do your best to show clear, attractive photo of your product. If you offer a service, find a photo which will best describe him. However, be careful about file size. Don’t compress your photo to that level to not be clear, but also don’t leave the photo on full quality. That will make file size too big, and will increase download time.

Gif vs. JPEG

Less experienced web designers many times use wrong format to store their picture. Here are few guidelines which will help mistakes to be avoided. If your photo has small number of colors (less then 64) GIF will be better choice. Make sure however to reduce the palette size too. That is, if your image have10-15 colors only, reduce your palette on 16 or 32 colors.

Also, if your image contains text, GIF format should be your choice. JPEG use loosy compression method and will cause text and edges to become blurry.

If you are saving a photograph - save it as JPEG

JPEG images can contain over 32 million different colours. That is much more than the human eye can see.

If you want to incorporate large text into a photographic image, JPEG may be a good format to use. While the edges may still get blurred, danger of it becoming unreadable is slim. If you think your image is more important than the text, go ahead and use the JPEG format.

Speed

Do your best to reduce the download time. We live in a busy world and people are not will to wait long time. Try to reduce size of your graphics as much as possible without to destroy the image. Image must look good, but size (in KB) should be as small as possible.

Test before publishing

Do your homework, and do it well. Your visitors will not bother to send you an E-Mail that some of your links does not work or that some of your images does not appear. Even if someone do so, it is quite embarrassing. Perform spell and grammar checking. Remember that in many cases visitor will build his opinion about you or your company on base on your web site. When published, site should not contain any “under construction” or “coming soon” messages.

About The Author

Zoran Makrevski is founder and CEO of SEO.Goto.gr.

Since 1998 has focused on E-Commerce and attempts to bring more traffic to the customer sites bring him in the SEO industry, and he is running his own company today.

Search Engine Positioning Firm

SEO.Goto.gr

Related posts

published: October 29th, 2008

Integrating Advertising into Your Web Design

If you are going to be placing ads on your website, you’ll want to put some thought into how you’ll integrate them. Poor integration of ads into your website will cause visitors to click away fast. Successful integration of ads into your site can be highly profitable. Before I show you where to position ads, I want to mention a few important points about ads.

1. Ratio of ads to content

How many ads should you place on your website? There is an optimum ratio of ads to content. If your website has too high a proportion of advertising relative to content, the traffic on your website will suffer and you will lose money. If your website has too low a portion of advertising relative to content, the sales on your website will suffer and you will lose money.

What is the optimum ratio of ads to content? I can’t point to any studies, but I feel the optimum ratio is somewhere around 20 to 25 percent ads relative to content. Go much above that ratio and, despite more ads, the revenue from your site goes down. But, there are ways to exceed that ratio and still make more money.

Ads as a service

Advertisements can provide useful information, as well as content. In that case, the ads become content. Here’s an example. Rather than post ads that pay you the highest commission, post ads that provide the best value to the visitors to your website. These are ads where the value is so good you might respond to the ad yourself. This type of ad is more of a service than an advertisement.

Another example is ads for gifts around the holidays. People expect and are not turned off by an increase in ads around the holidays. Finding gifts for everyone on your list is difficult work, and people appreciate gift ideas. Again, this type of ad is more of a service than an advertisement.

You can safely exceed the normal ratio of ads to content if you hide the ads in the content. An example of this is product “reviews”. For example, computer magazines are almost 100 percent advertising posing as product reviews.

2. Repetition of ads and ad management

I have seen websites that display the exact same banner on every page. If I didn’t respond to the banner on the first page, what makes them think I will repond to it on the second, third … hundredth page?

Displaying the same banner on every page of your website is annoying to your website’s visitors, and a money losing propostion for you. Keep your ads fresh. Ads are boring enough without repeating the same ad over and over. Display a variety of ads, and use an ad management system. An example of an ad management system is a banner rotator.

3. Ad type relative to response rate

I have heard claims that text ads receive the highest reponse. I’m sure these results are not related to whether the ad is text or graphics, but more likely related to the fact that text ads are usually placed in the more responsive areas of a webpage. All thing being equal, a graphic ad will always get better response than a text ad.

A graphic ad will get higher response than a text ad, and an animated graphic ad will get higher response than a static graphic ad. But animation can be taken to an extreme. Some types of animation are annoying and not only does the ad get a low response, but it also causes visitors to click away from your website.

Examples of annoying animated ads are banners that flash or jiggle or do something else that distracts the visitor so they can’t read the webpage content. Those visitors that don’t click away will scroll the webpage so this type of ad goes off screen while they try to read the webpage.

A secret few advertising designers know is that the graphic that will get the most attention is a picture of a human face. People are genetically predisposed to look at a human face in their view area. Try it yourself while you’re browsing the web. If a webpage has a human face on it, that’s the first thing you will look at.

Where to position ads on your webpage

To discuss where to place ads on a webpage, we need to divide a page into five sections as listed below.

  1. Header

  2. Footer

  3. Left Margin

  4. Right Margin

  5. Center column

Note: There is a sixth area of the webpage which is the popup window. There are many forms of popup windows; pop-over, pop-under, delayed, and exit. The polite way to use popup windows is the self-closing popup window. Because of popup window blockers, popup windows are much less effective today, and, from my own experience, when I tried using popup windows, the page views on my website dropped by 50 percent.

The most common position to place advertising banners is in the header section of a webpage. Web users have programmed themselves to ignore banners in this position. The response rate of banners in the header section of webpages has dropped to something like .0001 percent. The Internet Advertising Bureau (IAB) has tried to overcome this problem by defining giant (what I call “battleship size”) banners. I don’t know of any studies that show this works.

Using banners in the head section of your webpage is a waste of processor time, but most webpages still use them. Making a sale this way is a long shot. Banners in the footer section of a webpage are even less responsive.

Actually Web users have programmed themselves to ignore all advertising on the web. However, from my own experience, you can get some response from ads in the left and right margins of a webpage. Most websites are designed with the menu in the left margin and possibly ads in the right margin. This means if the user has a low resolution display, depending upon the width of the webpage, the advertising may be off the screen.

Place your menu in the right margin and use the left margin for advertising. This places the user with a low resolution display in the positon of having to scroll to view the menu. Too bad. They should get a bigger display. Website revenue comes first.

The most responsive position to put your ads is in the center column of the webpage along with the content. As visitors are reading the article on the webpage, they come upon the ad. It’s unavoidable.

If you imagine the center column of your webpage divided into three parts; top, middle, and bottom, the most responsive position for your ad will be right in the middle. As the visitors are reading the article on the webpage, they are forced to look at the ad as they continue to the lower part of the article. This might be a little annoying to the reader, but let’s hope your content is worth that slight annoyance.

I would recommend placing your ad at the bottom of the center column. As visitors read the article on the webpage, they end up looking at your ad. This is almost as effective as placing the ad in the middle of the column, and a lot less annoying to the reader.

As you can see, how you integrate advertising into your webpages has a major impact on your ability to produce revenue from your website. Poor ad integration will cause visitors to click away. Proper integration can make your website highly profitable. But, ad positon is not the only determining factor, don’t forget the ratio of ads to content, ad management, and ad type relative to response rate.

Copyright(C) 2004 Bucaro TecHelp.

Permission is granted for the below article to forward, reprint, distribute, use for ezine, newsletter, website, offer as free bonus or part of a product for sale as long as no changes are made and the byline, copyright, and the resource box below is included.

About The Author

Stephen Bucaro

To learn how to maintain your computer and use it more effectively to design a Web site and make money on the Web visit bucarotechelp.com. To subscribe to Bucaro TecHelp Newsletter visit http://bucarotechelp.com/search/000800.asp

Related posts

published: October 11th, 2008

Five Common Web Design Mistakes

There are often many mistakes encountered when creating a webpage or website. Learn about the top five website mistakes, and how to avoid them.

Mistake #1

Web page size. If your website takes longer than 10-15 seconds to load you should consider optimizing it for the web. This is one of the biggest mistakes a web designer can make. You may have cable and love to fill your website with graphics, but if your visitors don’t have cable or a fast connection at all your chances of getting them to wait that 10 to 15 seconds for your page to load is very slim.

Mistake #2

Flashy ads. Ok, so you have to bring in some cash some how right? So you sign up to a bunch of banner ad affiliate programs. Only problem with this is their banners are animated and constantly flashing while your visitors view your website. This can be good in some cases for getting some extra cash. But visitors can be easily annoyed by these banners.

If your trying to get customers, having these flashy banners increases your chances of your visitors leaving. Lots of people may be drawn into these ads (probably your best customers) and if they click that ad, they are now a customer to someone else thanks to your affiliate program.

Mistake #3

Confusing Navigation. Before you build a website you should make a sitemap for how everything is going to be setup. Come up with a plan to have some form of contact information on each page. If your visitor comes to a page and wants to purchase something and they cant find a contact link they will most likely change their mind while searching for it. Keep your navigation consistent on each page. If your visitor has to learn to use a different type of navigation system on every page they will become easily annoyed.

Mistake #4

Confusing Content. You want to make everything easy to read and navigate. If you know someone thats in their teen years you should come up with some questions to ask them about your website. Like: What do you think my site is about? Would you buy this product on my website? Can you understand the information on this(blank.html)page?

If you can get a teen, or even any average person to answer these question’s honestly you can find ways to change your setup so that anyone and everyone is drawn in to purchase from you.

Mistake #5

Advertising. When you advertise your website the number one thing that you do not want to do is spam. It is very easy to advertise your website all over the web for free! You can use forums, article submission groups, online communities, chat groups, news feeds, and much more. If you do resort to spam this could hurt your website sales. A lot web surfers will go around and if they find spam they will report it to someone that will post it on a website that degrades or gives bad reviews on your website.

If you can avoid these five mistakes that almost every webmaster experiences than you will be on your way to success in no time.

About The Author

Charles Nixon - Website Designer Driven by Creativity Building websites to increase sales, and build web presence Did you start your business to create a website? or to run your business? With competitive pricing and your project delivered on time and on budget CharlesNixon.com may be the web design firm for you!

http://www.CharlesNixon.com/

Charles@CharlesNixon.com

Related posts