Keep Your Navigation Highly Visible

Effective navigation stands out. It's clear, obvious, and highly visible.

You'll need to have a clear section of the page designated for navigation--one that a visitor will immediately recognize as the navigation area when he arrives at the site. Navigation should not necessarily be the prime focus, but it must be highly visible.

On many sites, the main navigation is overly subdued. It sort of "lurks" on the page, but it's not the kind of thing that really gets to a visitor's consciousness. It gets drowned out because there is too much color or excitement in the rest of the page.

Occasionally, this is ok. You may have some navigation options, such as a privacy policy, that need to be available, but don't need to be emphasized.

However, aside from those few exceptions, you'll want your navigation to be used. So it will need a voice loud enough to be heard above the excitement of the rest of the site.

Here are 4 tips to make sure your navigation stands out:

1. Put it in a prime spot

It's all about positioning. Give your main navigation good placement at the top or left of the page.

When visitors arrive at a page, they scan in an orderly pattern from left to right, starting in the top left corner and working down the page. So if your navigation is at the top or on the left, it's going to be seen fairly quickly. Also, this is where visitors expect to find navigation, so they'll be primed to notice it there.

2. Use color

Besides size, color is the best way to get something noticed on a page. You can use color very powerfully in drawing out your navigation.

A very common technique is to place navigation options on a colored field, on a horizontal bar or a sidebar. This is effective because it creates a strong contrast with other elements on the page.

Just remember, the brightest, most vivid, most saturated colors will stand out the most. You don't necessarily need to use a strong color for your navigation, but you do need to look at how your navigation color mixes with the rest of the page.

If you have a very bright site, pale colors in your navigation won't cut it. But if the site is fairly subdued, even a hint of color to draw out your navigation will be plenty of contrast.

3. Give it space

If your navigation has a lot of clutter around it, it stands a smaller chance of getting noticed. In a busy situation, people do not notice detail. It's very hard for them to pick out specific items. Think about the difficulty of trying to find somebody in a crowded room.

Visitors will pick out the elements of your page that have the most breathing room. So be sure to leave plenty of space around your navigation. Don't let other elements--especially other text--get so close that the navigation is crowded out.

4. Separate it from ads

If want your navigation to be noticed, keep it away from ads.

People on the web are highly suceptible to "banner blindness". That's a real condition in which people ignore anything that is associated with an ad. Since most people are not fond of ads they try to avoid them. So keep ads and navigation physically separated. Don't let them get mixed together.

Two key pointers: never put navigation above the logo. Since banners are frequently located in the center of the top of the page, that's a prime spot to be ignored.

Also, if you have a blank, empty white space between your logo and something on the right side of the page, be very careful about filling it with navigation. It will be confused with banners simply because of guilt by association.

In addition to physically separating ads and navigation, you should make sure that your navigation doesn't LOOK like an ad. Square or rectangular buttons and images at the top and sides of the page are especially problematic.

For example, take a look at http://www.sendfree.com. Notice that the member login button is not very obvious as navigation. It has an ad-like appearance and it's in an area of the page where visitors would expect to see an ad.

Critically evaluate all of your buttons and images to make sure they won't be mixed up with ads. Don't leave any confusion in a visitor's mind about where ads stop and navigation begins.

Position, color, space, and separation from ads. There you have it--four tips for making your navigation stand out.

About The Author

There are 605.6 million people online. Can they find your business? Jamie Kiley creates powerful and engaging websites that make sure YOUR company gets noticed. Visit http://www.kianta.com for a free quote. Get a quick, free web design tip every two weeks--sign up for Jamie's newsletter: http://www.kianta.com/newsletter.php

[email protected]

In The News:

2020 Web Design Trends  Business 2 Community
Web Design  Hackaday
Web Design Trends in 2019  Business 2 Community
The Future of Web Development  Business 2 Community
Seven web design mistakes that hurts user experience  Business MattersBusiness Matters

Content - the Key to Long Term Success

Every day internet marketers are inundated with the latest fad... Read More

404 Error - The Page Cannot be Found

A "404 Error" happens when the web server you are... Read More

Website Registration Roadmap - How to Create Your Own Website in 7 Easy Steps

Creating your own website is actually easy in today's world... Read More

Keep It Simple, Stupid: The Beauty of a Clean Cut Website

Don't knock it; "Keep It Simple, Stupid" is a great... Read More

Web Site Design Mistakes

Some wise human once said "Learn from the mistakes of... Read More

Give Your Website A Chance

I often wonder how serious people are when it comes... Read More

Free Web Design Advice

In this article I will give advice and tips of... Read More

Positive Design Attributes for a Successful Website

Designing a website is hard job, and requires you to... Read More

3 Tips You Can Use Right Now to Improve Your Web Sites Usability

Studies done by Jakob Nielson the man touted as the,... Read More

Are You Driving Away Potential Customers?

When a prospect lands on your website will he or... Read More

Give People What They Want And Watch Your Profits Soar!

Do you know why the majority of people use the... Read More

Text Is King!

Are you building your website? If so, STOP! Take a... Read More

Simple Steps To Proper Web Design

Over the course of the last decade, the Internet has... Read More

Good Content Pays!

Traffic to a site can be a blessing or a... Read More

Integrating Advertising into Your Web Design

If you are going to be placing ads on your... Read More

Is Your Website?s Copy Up to the Mark?

The Internet is a relatively new medium. What works for... Read More

Cheap Web Design

If you think it's simply a case of who will... Read More

Imitation, The Smartest Form Of Flattery

Unless you are an inventor, most likely you are selling... Read More

Essential Strategies To Make Your Web Copy Attractive To Your Target Audience

Reading on the web is different than reading in all... Read More

Why Use Professional Web Site Designers For Your Next Web Development Project?

Probably you know someone who has created a web site... Read More

Website Background Colors and Graphics: What You Need to Know Before Designing Your Website

Designing your website means you have to be creative, plan... Read More

6 Website Design Disasters and How to Avoid Them?.

Let's face it; the line from A Field of Dreams... Read More

Hacked Off with CSS?

For those not familiar with CSS Hacks, they are ways... Read More

HTML - A Website Language Explained - For Over 35s

This is a very perfunctory look at the website code... Read More

10 Profitable Ways To Recycle Your Content

1. Repackage your web site content in to different products... Read More