Well, you may be one of a growing number of businesses, both large and small, who believed all the hype about the latest in new technology. Many business owners want their website to have that cutting-edge look, and so will ask for things such as animation, music, flash, and other “bells and whistles” that would be detrimental to their site. These extras are probably driving potential customers away because they increase download time and are not search engine optimized.

In the rush to join everyone else on the Internet, businesses have ignored vital steps in the process of getting their business on-line. They assumed that because everyone else had gimmicks such as a splash/intro page, this was the right way to go. The result: businesses chose design companies who readily took their money and who designed exactly what the client wanted without clearly focusing on marketing goals. To be fair, oftentimes the graphic design company has no idea that a site designed with all the latest technology doesn’t necessary translate into a site that has the functionality that an on-line business needs. This is because the graphic design firms specialize in graphic design, not in marketing. Many graphic design sites are full of splash pages, scrolling text, animation, etc. They use these tools because it allows the graphic designers to display their creativity and their knowledge of these “bells and whistles.” Creativity is good but all the latest cutting-edge technology translates into a lack of functionality to effectively market any on-line business including their on-line presence.

When having your site designed, remember that first and foremost, you are building your site to increase prospects and sales. Don’t look for a graphic design firm that believes all you need to do is get in the search engines and place banners to be successful. Don’t hire a designer that is new to the Internet–meaning they have years of print design experience but have just decided to expand their horizons to the Internet. Don’t hire a graphic designer that doesn’t have a professional copywriter or marketing person on staff and don’t hire a graphic designer just because they are the cheapest. Remember, cheap can cost you money–you get what you pay for. Hire a marketing/design firm that understands the difference between form and function and can apply it in a marketing perspective. Remember, many of these latest bells and whistles are very expensive and your site may not need them to be effective.

Every single design element affects your web sites functionality and marketability–from the decision about how the navigation will work to choosing the right colors, fonts, graphics, content, HTML code, and more. These will not only influence potential customers but search engine indexing as well.

If and when you’re ready to begin your on-line presence, start with a business plan and strategy. It is essential if you really want your business to succeed. Don’t be afraid to research marketing trends and investigate a marketing/design firm that will fit your needs.

If you are currently on-line but your business is not progressing as you think it should, don’t be afraid to request a web site analysis. There are firms that will analyze and help pinpoint areas of your on-line presence that need improvement for a successful Internet presence.

Last, but not least, keep an open mind to what the firm offers as suggestions for making your Internet experience a profitable one. Remember, this is their livelihood, this is what they do and they have the experience to back it up.

Are you ready to be successful?

That’s right, if you don’t catch your visitors attention right away, statistics shows us that your visitors will come and go within 15 seconds or less.

That doesn’t leave you with a lot of time to grab someone’s attention!

Some of you may be asking yourself:

Well why does this happen????

See when you think about it, 15 seconds to the “browsing eye” is like an eternity. In other words, it takes about 15 seconds for the average person to browse your main page and determine whether they will explore your site further!

So with that being said;

How do we grab your visitors attention????

Every new client of mine is asked to perform the same tasks. I ask them to explore their competitor’s web sites and look for specific triggers that would make them want to click on or buy right away. More times than none, my clients will notice specific “Headlines” or “Graphics” that really peek their interest. In doing this, you’ll have 1st hand knowledge on what you expect your visitors will see and possibly expect themselves.

Step 2, I’ll ask my clients to do one more process just like the previous one. I’ll ask them to make a list of all the “eye candy” that really caught their attention and write me a little note as to why it caught their attention. In doing this, it will give your web designer a 1st hand knowledge on what to implement within your site!!!

With these great tasks, you’ve made your job and the job of your web designer a lot easier to target your audience.

Sites that sell “Web Site Templates” :

You may have seen some sites that sell your the right for a specific “Template Style”. There are 100′s of resources out there. I need to clarify something for you, these templates are targeted at web designers only!!! Reason being, the files that you receive will no doubt require some expensive and time consuming software just to open them.

Now being a designer, I’m not about to “knock” pre-made templates but there’s a couple of things you may want to consider:

1) Although the templates you may encounter are very impressive, you will be sharing your layout template with 100′s, maybe 1000′s of other sites. The reason why they are so cheat is because those “specific templates” are sold and re-sold as much as possible!

2) I’ve noticed that many template examples out there on the web are extremely “Graphic Driven”. This will result in “slow loading times”. I’m sure we’ve all come across a site that seemed to take FOREVER to load!! How long did you actually wait for the site to load????

The best way to get a template is to have someone professional design your web site layout for you! This will ensure that your template is uniquely designed for your business. It will be easier for you to make changes in the future.

Now, we’ve talked about “Slow loading pages”. I’ve found a good “norm” to stick with when it comes to size and speed: Web sites are compiled of 2 elements:

1) Graphics & Layouts

2) Programming & Pages

Both of them require memory from your computer when downloading them. If one or the other is too large then this may result in negative results for your visitors.

Here’s a good norm to stick with, either you or your web designer should stick with these specs:

1) Graphic Design Layout: Should be no more than: 30-50K in size

2) Programming Pages: Shouldn’t be more than: 10-30k in size

Giving your entire web page no more than 40k-80k in size. Anything drastically more will result in the loss of many visitors from slow downloading pages.

Animation: Last but not least, making “some” aspects of you page stand out by adding small size animations. PLEASE NOTE: DO NOT overkill your site with graphics and animation!!! I can’t stress this enough, your visitors will most likely get a head ache from it and won’t be coming back very soon.

Instead, try targeting specific promotions or services you wish to attract your visitors to right away! Many sites exchange “animated banners” with other sites to exchange traffic. I personally NEVER take part in adding ANY banners on my site. I honestly feel that banners only take away from the design, not add to it! A typical “Banner Dimensions” is 468px x 60px. There are many other sizes!

What I will usually take part in, if any, is smaller, more unique banners that are geared to complimenting an article or text with it. This is much more effective because study shows us that “Content (text)” accompanied by a “graphic image” is more likely to be read by our visitors than just text on its own.

STOP!!!!

Take a deep breath and read some practical tips for professional looking websites.

1. Select a color scheme and stick to it.

If your company has a logo or preferred colors on its stationery that’s a good start. For those of you starting from scratch, choose two or three complementary colors and stick with them – don’t change colors on every page.

The most common color schemes include:

- Red, yellow and white
- Blue and white
- Red, gray and white
- Blue, orange and white
- Yellow, Grey and white.

If you’re not sure what color scheme to choose, surf the internet and find a website that you like. You can then model your colour scheme on what already exists.

2. Use templates.

Can’t find a website you really like? Another option is to choose a template. There are many templates or pre-set designs. These come as part of your web design software (such as Dreamweaver) or you can check out some websites that specialize in designing templates.

Visit:

www.templatemonster.com
www.themeforest.com

3. Provide an easy to use navigation system.

This is one of the most important issues to consider when designing a website. You need to ensure your visitors can find what they are looking for easily. Most websites either display their navigation bar on the left or at the top. And since most people are used to this type of navigation, it’s best to stick with it.

It also helps to include your navigation bar at the bottom of each page to save your visitors from having to scroll back to the top.

4. Don’t go overboard on special effects

While  it is ok to have one or two special effects to jazz up your website, spinning graphics and logos often distract your visitor from the content, not to mention they can take too long to download. Your visitors may click away even before your spinning logo finishes loading.
5. Backgrounds

Ensure your visitors can read the text on the background, ie. no black writing on dark blue background or yellow on white. Also be careful that your links are visible before and after being visited. The default for links in most programs is blue (before being visited) and burgundy (after being visited), so if you have a dark background, ensure your links are light.

6. External Links

It is a good idea to open links to other websites in a new window. That way your visitors can easily return to your site when they are finished browsing the external link

7. Site Map & Search Feature

If you website is more than 15 pages, it is useful to have a site map or a “Search” feature to ensure your visitors can easily find what they’re looking for.

8. Content is King

While it is important that your website looks clean and professional, it is far more important that you concentrate your efforts on the content and promotion.

If you want a professional website, things to stay away from include:

1. Flash intros, revolving globes, beveled line separators, animated mail boxes
2. Loads of pop up or pop under boxes
3. Autoplay music. Allow your customer to play music only if they choose.
4. Hit counters of the free variety, which say “you are 27th visitor”
5. Date and time stamps, unless your website is updated daily or weekly
6. Busy backgrounds.

Don’t sweat the small stuff and get yourself focused on what to include on the website and the best way to promote it.

Points to consider while designing a website layout

Website design is not a one time activity. Almost all websites alter their layouts to give it a new and better look. Also with advancement in technology, underlying code also changes accordingly, adding new possibilities of providing a better layout.

1. Keep it simple:
   A simple website layout is user friendly. Do not create complex navigational links using complex scripts or images that maynot be viewable correctly in different browsers. Also search engines cannot index the site properly if complex navigation is involved. Minimize the use of bulky images which take long to load. Use smaller icons to attract visitor’s attention instead.
2. Readable font size and face:
   Use a standard font size of “-1″ (11 or 12 pixels if using styles) so that visitors can read the content easily. Select a professional looking font face (Verdana, Arial, Helvetica, sans-serif are very common). Avoid using fancy fonts like Comic Sans
   (unless it is a personal website). Use appropriate spacing between lines (12 or more pixels) to avoid clumsiness.
3. Use web safe eye pleasing colors:
   The choice of colors may reflect one’s personal taste. Every webmaster or designer wants the color combination that he/she likes best. However, it is a wise decision to get feedback from users or friends about what they feel about the color combination
   of the website. Use web safe colors whenever possible.
4. Webpage Dimensions:
   One important aspect of layout is keeping track of dimensions of a web page. Most successful commercial websites limit the width and height of the webpage so that the important content of the webpage lies within the top 600×600 viewable area without scrolling. To avoid a horizontal scrollbar, set the page layout to expand and shrink with changes in browser window size. Sometimes this interferes with image and text positions relative to each other and throws the layout structure out of sync. The best choice is to limit the width by placing a table with a fixed width of 750 or 775 pixels. See the layout of this web page for an example.

   
   

   
   

   
   

   The page height should not be any more than 4 scroll lengths. Limit the content of the page and if more content needs to be added, move it to a new web page. Provide a navigational link to the next page and a link back from the second page. This will also increase your web site’s page views (adding more advertising space).

5. Limit File Size:
   Webpage size is defined by the total size of text, images and supporting files (including javascript, flash etc.) that is downloaded from the server to view a webpage. Page size is very critical for high volume websites because of high bandwidth needed. However, it is also very important for any other site in order to keep loading times to a minimum. Most of the population on the internet use a slow 56K modem to access the internet. And smaller page sizes load faster. If you look at some very high volume websites like Yahoo.com and Google.com, they hardly have any images, making their site load faster.

   
   

   
   

   
   

   There is a trade off between making your webpage look nicer with lots of graphics and making it faster to load. The rough target for page size should be below 35K for at least the cover page. However, for e-commerce sites, it is often not possible because they have to present multiple product images to attract attention. As a general rule of thumb, a visitor will leave your site if the loading time is more than 8 secs.

Tips & tricks

• Extract Javascript code and styles from within the html page to external .js and .css files. Create a link from each html page to these external files. Browsers download these files only once and caches them on the user’s computer. This will reduce the size of the individual html pages.
• Use server side includes for centralizing common content.
• Use a background which creates a contrast to the font colors and graphics. Look at media sites like movies.com for an example. It uses a dark background with lighter fonts in order to create a theatre like setting. However, the site is easy to read and navigate.
• Check regularly for broken links. Using a link checker or checking the list of 404 errors (File not found) in your website logs (or stats) will help maintain site links. Maintenance of links to external sites can be centralized using link tracking tools

Whether you are just starting a web design project, looking at revamping an existing site, or just wanting to double check the usability of your current web site you should consider these 7 Basics of Good Web Design.

These Basics are aimed at new visitors/customers, your repeat customers will be judging your web site on different values. Just like wearing the appropriate clothes for a job interview, these basics will help you pick out the “look” of your web site so that you make a good first impression.

1. Fast Loading Web Site – Any way you look at it, a fast loading page should be your number 1 concern. The web is all about speed, fast searches, fast purchases, fast information. You can’t have any of that with a slow loading page. Ask yourself this question, have you ever been on Google doing a search for something important and a link you clicked on didn’t open up immediately? What did you do? Patiently wait for the page to open or move onto the next link on the list? My favorite sites open almost immediately.

So, a few suggestions: Make sure that your images are properly optimized. Don’t use very many large images, save those for a different page. Keep any auto-running multimedia to a minimum, offer links to run media instead. Check your code for anything else that could affect your page loading times. Since text loads almost instantly go ahead and use all the text you want, just keep everything else under control.

2. No Meaningless Splash Page – Do you appreciate a fancy animation page that doesn’t tell you anything and you have to wait for before the web site will open? Neither do I. The last thing I want once I find an interesting site is to wait through some animation before getting to the first page. This doesn’t mean that I don’t want multimedia on a site, I do. I just don’t want an animation before the first page that forces me to wait for it to finish before getting onto the site. Its like having to wait for a salesperson to finish their memorized speech before you can ask them a question. No thanks! I like animation, just in the right place and at the right time. Plus if I am a returning customer I will have already seen that animation and don’t need to see it again.

My recommendation is to use a smaller animation contained in your main landing page which also includes your main message and links to the rest of your site. It will make for a faster loading page (smaller file) and your visitors can go ahead with accessing your site without having to wait for the animation to finish.

One final note, never, ever put your logo as the only content on your landing page with a link that says “Enter Site”. This just screams Unprofessional and will drive away potential visitors in droves. The last thing I want to do is to click on another link just to get into the site. This is a total waste of my time. I usually will skip a site if I see this.

3. No Annoying Web Gimmicks – Now that you have your visitor on your site quickly the one thing you don’t want to do is to drive them away just as quickly. So, don’t put anything annoying on that first page. No loud background music that makes them quickly hit the volume control or the back button on their browser. No flashing animations while they are trying to read your content. No popup, flyout, expanding ads that cover your home page. Basically leave the gimmicks alone until you are sure that your visitor will stay on your site. Most casual visitors will leave your site in just a few seconds, no sense on driving them away more quickly.

Multimedia is great on a web site, just don’t bombard your visitor with it first thing. If you want audio then put in a nice picture with a link, like a picture of yourself with text saying something like “Let me tell you how to make $50,000 this month!” If they are interested they will click on the link and listen to your message, if they are not interested in audio then you should be using a different pitch anyway.

Also, monitor what advertisers are putting on your site if you sell ad space. I am sure you have seen those ads with the animated dancing figure, cute the first time you see it. But after seeing it 10,000 times with every imaginable character I have added the company to a list I keep of companies I will never do business with. So their animation has gone from “look at me” to “you annoy me” in my mind. Ads like these will impact your visitor’s experience. So even if your site is perfectly designed, one misplaced ad can ruin all of your hard work.

4. Have a Clear Message – Too many web sites are a mish-mash of content. This is especially true of blog pages. Certain types of sites lend themselves to stream of consciousness content, but most don’t. Make it easy for your viewer to understand what your web site is about, don’t make them guess. Have a clear topic headline, followed by clear and concise text. This is also where a picture is worth a thousand words, but only if the picture directly pertains to your message.

You want your visitor to be able to quickly understand what your message is. If they like your message they will take the time to read the rest of your page and look around your web site. If they don’t like your page, then it won’t do you any good having them stay on your site anyway. So, don’t make your visitors guess, let them know what you are about quickly and cleanly and you will have happy visitors. And when thinking about a sales page, a happy customer is a buying customer.

5. Coordinated Design – This one should be self evident, but it is surprising how many sites change their design for every page. You want your visitor to be comfortable in your site and one way to achieve that is by having a coordinated web design. Having a consistent logo, using a consistent color scheme, keeping your navigation in the same place. All of these help to create a coordinated design. This does not mean that you can’t change colors or the “Look” on different segments of your site, but if you do, the changes should not be so drastic that it feels like you have moved on to a different site.

If you select one place for your logo, one place for your navigation, one look for your buttons or other common graphic elements and stick with those then you will be well on your way to a coordinated design. If you change colors for a different section, but keep the same logo location, the same navigation location, the same button shape then your visitors will not become lost as they move from page to page.

6. Easy Navigation – Once you have grabbed your visitors attention you want them to be able to easily move around the different areas of your web site. This is done with easy to use navigation. There are three standard, accepted locations for navigation elements on a web page: along the top, on the left side, and at the bottom. I will usually put my main navigation either along the top or along the left side. I will then put text based navigation at the bottom of the page, this text based navigation is more for the search engines than anything else, but it also makes it easy for your visitors to move to the next page when they have reached the bottom of the current page.

Most people start reading a page from the top left and then read towards the bottom right. So navigation at the left or top will be seen as soon as someone enters your page. Also navigation at the left or top will not move or change position if the browser window is adjusted in size. The worst thing you can do is to put your main navigation on the right side of the page and have your page set for a large screen size. Let’s say that your page is set for 1024 across with the navigation on the right, and someone views your page at 800 across, they will not see your navigation at all. The left side of your page will show perfectly, but the right side will be hidden outside of their viewing area. Of course by using floating or popup menus you can overcome some of these design limitations and keep your navigation visible at all times.

Unless you know that your audience will enjoy it, don’t use Mystery Navigation. This is where your navigation is hidden within images, or spaced around the web page in some mysterious random order. This can be fun on gaming sites, or social networking sites, but in most cases the navigation should be easy to see and easy to use. If you do want to use Mystery Navigation I would recommend keeping the text based navigation at the bottom of the page, just in case.

7. Have a “Complete” web site – And finally, no one wants to go to a web site only to find that the site is “Under Construction” and the content they are looking for is not there. These are words that you should never use. If a section of your web site is not ready for prime time yet, then simply don’t show it yet. It is better to have your site look complete and professional, then to have it look like a work in progress that should not be up on the web yet.

You can easily tell your visitors that you will be having more content in the future without looking like your site is unfinished. Just use phrases like “Content Updated Weekly” or “New Products Added Monthly”. Both of these will tell your visitors that it would be worth their time to come back and visit at later, but neither one will make your site look unfinished. So no matter how small your web site is, give the impression that you have taken the time to complete the site before putting it up on the internet, this makes for a more professional presentation and a better visitor experience.

In Closing – By following these simple 7 Basics of Good Web Design you will be well on your way to having an easy to use and successful web presence. Just keep in mind what you look for when you first land on a web page after doing a web search in Google or Yahoo, or other search engine. If you want fast loading pages, make sure your pages load fast. If you want to be able to find what you are looking for quickly and easily then make sure you have easy navigation. Just keep your first time visitor in mind, put yourself in their web shoes and make your web site an enjoyable place to visit and success should follow.