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

Ten Web Design Mistakes to Avoid

Avoid these mistakes and your site will be steps ahead of your competition.

1. Not planning your site
Before you even have a website, you must have an idea, a focus. Why do you want a website? What are your plans and goals for the site? Sit down and draw out a map of possible pages and ideas for your site. Include your site's purpose --whether it is to sell more product or make the public more aware of your issue -- whatever it may be. Build your site from it's strong foundation (your goals) and you'll have a better, more solid site.

2. Failing to put contact information in a plainly seen location.
This could be disastrous. If a customer doesn't see this information, they can't contact you. You should consider a 'Contact Us' button or link from your Home page. Even better, make a link to your email address in your header or footer, somewhere that will show up on every page. Even if no one ever contacts you this way, just the presence of this information comforts edgy customers.

3. Broken Links
Do you enjoy clicking on a search result only to get a Page Not Found Error? No one likes them. Check your site statistics at least once a month (if not more) to make sure you don't have bad or broken links.

4. Outdated Information
A sure turn-off to a potential customer is the presence of old information. If it's July and your website is announcing the 'new' products available in February, your site just lost major credibility. Make sure your information is up-to-date. Consider adding a 'Whats New' button or a Business Blog.

5. Too Many Font Styles and Colors
This is a huge pet-peeve of my company. I've had people ask me to review their website and the first thing I notice is 4 different fonts. It looks bad, unorganized and unappealing. Different colors may attract the eye for a short time, but constant flashing or otherwise bright fonts (and graphics!) become annoying. Beware, this is a sure-fire way to scare people away from your site!

6. Orphan Pages
Every website has a heirarchy, a sort of tree that branches out from the Home Page. While most of your visitors visit you through your home page, there are times when a page further down interests someone, and they may copy that link and send it to a friend. This is where you need to pay attention. That friend may like what you have to offer, but they can't find out how to contact you, or how to get back to your Home Page. That's an orphan page. Every page on your site should, at a minimum, have a link back to your Home page. I would suggest adding a contact link at minimum.

7. Frames
Frames at one time were the talk of the industry. They were the original Content Management System (CMS) for your site. Nowadays they are few and far between. If you are designing a site, don't use frames. Newer technologies such as server-side includes are much more common and accepted. Your pages look fresher and those silly bars don't get in the way.

8. Disabling the BACK button and excessive Pop-Ups
Have you been to a website and decided that it wasn't the information you were looking for? When you clicked the BACK button, did you suddenly get a barrage of windows (or, pop-ups) to your dismay? These things rarely actually work, and worse off, the reason you hit the BACK button is because you DIDN'T want any more information from that site. Don't break the BACK button. There are other ways to get your user's attention.

9. Slow loading pages
While personal and hobby sites may normally be slow, there should be no reason for your business or other professional website to be slow loading. Today's Internet surfer won't wait long for information from your site - there are too many others with the same thing! Make sure your pages load quickly. If the server is slow, consider a different host. If your webpages are full of applets or large graphics, consider a page/site redesign.

10. Using Leading-Edge Technology
While the Internet is all about new and fancy stuff, don't be the first to do it. While it may 'look cool' to you, you ultimately need to decide if it actually enhances your user's experience. Do the flashy cartoons make your customer more apt to buy from you? Probably not. How many of your customers have to install a Plug-In just to see your page right? Do they have to upgrade their browser to contact you? Not good. Wait until the technology is either more of a standard or gone - you'll save face with potential and future customers.

About the Author

Will Hanke is a self-proclaimed geek who owns and operates Lighthouse Technologies (http://www.techlh.com), a web development and hosting company based in ArnoldMissouri. For questions or comments, email him at will@techlh.com. And buy yourself a good virus program so he doesn’t have to fight your emails with anti-virus spray.