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
![]() |
|
![]() |
|
![]() |
|
![]() |
You know that I'm always extolling the virtues of an... Read More
So you need a website. You are not sure if... Read More
Surfing the internet is basically an information-fest! From intellectual discussions... Read More
When your web site sells more than a dozen items,... Read More
A highly effective website will always reflect its highly effective... Read More
Are you building your website? If so, STOP! Take a... Read More
"Oh, my eyes, my eyes! What an eye sore. Quick,... Read More
If someone doesn't know you personally, will they trust you... Read More
Websites, there are literally billions of them out there in... Read More
An ongoing challenge for webmasters today is to provide fresh... Read More
The question that I most frequently hear from people is... Read More
Let's face it. Building a web site that browses consistently... Read More
Your web site should be-visitor friendly to navigatesearch engine friendly... Read More
A successful website is something that everyone venturing into the... Read More
Choosing a web designer can seem like a daunting task.... Read More
Since I made the switch 6 months ago to a... Read More
We've all surfed the web and seen some awful web... Read More
Want to know what the worst thing to say on... Read More
The effective design is this one, which is maximum simplified,... Read More
Creating your web site can be a tricky process. Choosing... Read More
You've come up with a great product. You've got the... Read More
Creating an appealing, functional, and effective Web site is much... Read More
One of the most popular methods of traffic generation is... Read More
A few years ago a lot of websites utilized frame... Read More
Traffic to a site can be a blessing or a... Read More
STEP 1:Do your homeworkPlan and think about your content. Think... Read More
I see a lot of mistakes, but here are the... Read More
Getting a customer is not easy.Getting a visitor to decide... Read More
If there's one thing that I've learnt so far, it's... Read More
Have you seen Jesse James on the... Read More
Unless you are an inventor, most likely you are selling... Read More
Contrary to the beliefs of some, advertising for web and... Read More
Don't knock it; "Keep It Simple, Stupid" is a great... Read More
ASP.NET is a new programming framework from Microsoft for developing... Read More
Since you'll spend lots of time and money to create... Read More
You know that I'm always extolling the virtues of an... Read More
Audio can provide an added dimension to your site. It... Read More
Many web site designers don't design their sites for the... Read More
Favorite icon appears to the left of your link in... Read More
There are many companies who build websites, all of which... Read More
Know what you wantMake sure you know why you... Read More
As my occupation is that of a proofreader, one of... Read More
Effective navigation stands out. It's clear, obvious, and highly visible.You'll... Read More
A highly effective website will always reflect its highly effective... Read More
Countdown to Armageddon - at least you'd think so judging... Read More
(1) Create a Direct Response Website, with the minimum number... Read More
If your website is falling through the cracks, the chances... Read More
Let's look at what your user wants to see at... Read More
How often, men, have you come home to find the... Read More
Are you using the best colors for your web site?... Read More
Using CGI scripts to add automation to your web site... Read More
What pages need to be included on your website? The... Read More
It is common sense.The more time people spend at your... Read More
The effective design is this one, which is maximum simplified,... Read More
Getting traffic to your website is not the only factor... Read More
Even after you've managed to bring traffic to your site... Read More
No matter what product or service you're promoting, unless you... Read More
While few companies can boast as we do that our... Read More
With so many new websites going up, it is hard... Read More
Website design is a very competitive area and there is... Read More
Most of us at times need advice on different aspects... Read More
Getting a customer is not easy.Getting a visitor to decide... Read More
Wether you design your business brochures, flyers, web page, or... Read More
If your are a new web designer, you may face... Read More
As of September, Smartads went through what so many have... Read More
The Internet is a relatively new medium. What works for... Read More
Web Design |