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

jamiekiley@kianta.com

In The News:


pen paper and inkwell


cat break through


14 Ways to Add Content to Your Web Site - Part 2

7. Create high quality content - make clear points with... Read More

Design Your Site For Your Customers

The most important person that you need to please when... Read More

Don?t Put Your Slogan in the Title Tag - Optimize Your Web Pages

Don't just put your slogan in the title tag when... Read More

Web Designing Tips

Easy That's how you'd like life to be, right? Especially... Read More

Choosing A Web Designer : A Plan to Guide You Through The Minefield

Choosing a web designer can seem like a daunting task.... Read More

Web Design: Use it to Showcase the Message

If you are designing a web site for which the... Read More

Keyword Density

We can't emphasize enough the importance of including keyword-rich content... Read More

Should I Use Pop-Up Ads?

Web advertising has taken many forms, including those that appear... Read More

The Top Ten Checklist For Low Web Site Sales

You have good traffic, but low client sign ups and... Read More

Website Polls For You And Your Visitors

Setting up a survey on your site is extremely simple... Read More

Branding Web Strategy Mistakes - Brand Identity Guru

1. Lack of overall strategy and clear definition of success:Most... Read More

If Content is King who is Queen?

It's been said again and again, when it comes to... Read More

Web Site Accessibility

Making your site accessible means making it available to be... Read More

The Seven Deadly Sins of Web Business Design

Before you take a road trip it is usually a... Read More

5 Easy Ways to Improve Your Website

When designing your website, remember to avoid useless and confusing... Read More

Is a Web Site Builder Right for You?

A web site builder can be a real life saver... Read More

Maximising Web Site Viewability - Resolution

This is my second article on maximising web site viewability.... Read More

Increasing Conversions Through Action-Oriented Copywriting

I do site reviews. Needless to say, I see a... Read More

Web Design: Should You Hire Someone or Do It Yourself?

So you need a website. You are not sure if... Read More

6 Tips To Improve Your Business Website

There are six important characteristics that can play a major... Read More

Dos and Donts in Web Design - part 2 (content)

Do know your audienceIt's important to know your audience. If... Read More

Can Your Visitors Contact You From Your Website

Argh, where's the contact button?! Believe it or not, some... Read More

Maximising Web Site Viewability - Browsers

With so many different configurations internet users have their computers... Read More

Website Redesign for Existing Websites

Does your website need a re-design? Here are some questions... Read More

Secrets to Using Color on Your Website and Common Pitfalls to Avoid

Colors have long been known to have psychological affects on... Read More

Developing An Effective Physical Therapy Web Site

Physical therapists have unique web presence needs. An effective site... Read More

Creating Quality Websites

Websites, there are literally billions of them out there in... Read More

Graphic Design Using Color

Color is everywhere and conveys a message even if we... Read More

Website Design Considerations

Q: Should I build and maintain my business Web site... Read More

Save Thousands of Dollars by Creating Your Own Web Site

With the advent of the Internet a whole new vista... Read More

Plugging the Dreaded World Wide Web Black Hole is Just the First Step

You have created your custom error page so now all... Read More

Web Site Design Mistakes

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

Making Good Websites that Stand Out

Websites, there's literally billions of them out there in cyber-space.... Read More