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
If you're not getting a lot of traffic to your... Read More
One of the most popular methods of traffic generation is... Read More
Everyday we hear that another company goes out of business.When... Read More
There are several very good reasons why you should consider... Read More
If you have a business, big or small you may... Read More
There are lots of websites out there that do little... Read More
Argh, where's the contact button?! Believe it or not, some... Read More
I get the occasional web design lead from my website.... Read More
Marketing is not an easy skill to acquire.It requires patience... Read More
Don't just put your slogan in the title tag when... Read More
It seems that almost every Tom Dick and Harry do... Read More
You have only 10 seconds to impress your potential buyer.... Read More
"How to turn "slightly interested" customers into "I've got to... Read More
A few years ago a lot of websites utilized frame... Read More
Creating a web site takes thought, planning and execution. Unfortunately,... Read More
Imagine spinning someone around so profoundly and for so long... Read More
Your website design may be affecting your sales in ways... Read More
A professionally presented business website is a powerful and essential... Read More
It's been said again and again, when it comes to... Read More
You have good traffic, but low client sign ups and... Read More
If you are anything like me, your website is a... Read More
Web Site Awards are given from other sites to reward... Read More
Does your website need a re-design? Here are some questions... Read More
Developing a software application is not easy at all; apart... Read More
The object of search engines is to give their visitors... Read More
Getting a customer is not easy.Getting a visitor to decide... Read More
You can create a website that attracts customers, not repels... Read More
An "include" file is a piece of code that can... Read More
The Internet has seen an explosion in so called 'lance'... Read More
Tips to brand your websiteInclude your logo in all pages.... Read More
First off, I am a designer. Now you're thinking, here's... Read More
Are you thinking that it is about time your small... Read More
In the early years of the internet the actual design... Read More
It's a fact, Page Not Found, known as a 404... Read More
In this era of ultra-sophisticated internet marketing and web design,... Read More
Any design on a web application involves the effective input... Read More
Owning your own website is a must if you are... Read More
Choosing a web designer can seem like a daunting task.... Read More
See, works every time. Seriously now, for some reason people... Read More
Easy That's how you'd like life to be, right? Especially... Read More
There is no doubt that reprint articles can serve lots... Read More
Web design is a very competitive area and there is... Read More
You have probably viewed many Flash-based components while surfing the... Read More
Your web site is the key to your success on... Read More
No matter what product or service you're promoting, unless you... Read More
We will take a look at why your visitors may... Read More
Making a successful online business can be a long and... Read More
The top ten fonts for website design might change in... Read More
If you've just finished building your new website (or revamping... Read More
I hate to imagine that in your web development project... Read More
So how do you know when your graphic designer costs... Read More
Since I'm a web designer, I have a tendency to... Read More
The most popular method to build webpages today is to... Read More
Projecting a professional image is paramount to your website's success.... Read More
Customers will form an opinion of your business as soon... Read More
Q: Should I build and maintain my business Web site... Read More
The first immutable law of effective navigation: It's gotta be... Read More
CNN.com's designers have gone out of their way to make... Read More
Developing a software application is not easy at all; apart... Read More
In this article you will find the parallel between two... Read More
When you design a website how do you start ?Do... Read More
With the advent of the Internet a whole new vista... Read More
Increasing the length of time a visitor is on your... Read More
Some wise human once said "Learn from the mistakes of... Read More
Argh, where's the contact button?! Believe it or not, some... Read More
When a prospect lands on your website will he or... Read More
Web Design |