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
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterDont Overdo It!
Have you ever been to site with so much ad clutter that you wanted to just leave? Odds are you have, and odds are even better tha...(related: Web Design)
Good Websites Stand Out From The Masses Of Boring, Hard To Travel Sites
Good websites stand out from the masses of boring, hard to travel, and overly commercial sites that now rule our Cyberspace. Interactivity and integrity are necessary for a site to become a hub of activity.Websites, there's literally billions of them out there in cyber-space. How many of them do you go to and just think this is boring, bland, or hard to use? It seems like too many to mention. So what makes a good website? I reckon it's about interaction. You've got to make the visitor interested. You've got to grab their attention. Many sites use plenty of bright and shiny gimmicks to attract you, but once you make it through to the content of the site it's just no...(related: Web Design)
Don?t Put Your Slogan In The Title Tag - Optimize Your Web Pages
Don't just put your slogan in the title tagwhen you formulate the copy of your website. Theformulation of the title tag is the mostimportant single aspect when you fine-tune yourwebsite:1. It is what people first read when thelisting of your site turns up in Google and othersearch engines.2. It is the single element of your website that the search engines pay the highest emphasis on.If you look up the source code, the title is whatis between these tags: title and /title in the hard brackets. You can get the length of your title tag checked here: http://www.scrubtheweb.com/cgi-bin/webtools/meta-check.cgiA typical slogan isn't stuffed with importantkeywords. My slogan for my stock photographybusiness is "Sto...(related: Web Design)
Html - A Website Language Explained - For Over 35s
This is a very perfunctory look at the website code HTML, for those who never did any kind of Computer Studies at school and have never had the need or opportunity to look 'under the skirt' of your average website. There's nothing that an experienced...(related: Web Design)
Reach Out To Billions
Have you heard of 'Babel Fish'?It's a service provided by Alta Vista search engine people to translate every page you put 'Babel Fish' code, and up comes a a new language.Your page may be written in English, but people across Spain and Latin America can translate your web page in...(related: Web Design)
Why Choose A Professional Web Designer?
It seems that almost every Tom Dick and Harry do web design in one form or another. Everyone seems to know a friends' brother's son who can ...(related: Web Design)
Your Website Visitors - Will They Stay?
I'm sure you've all heard the saying 'Build it and they will come'. Although that may have been true a few years ago, now we must work, and work hard, to get visitors to our websites.You can't always control who visits, however, you can have some control over who stays.Here are a few website no-no's that I have come accross that made me leave without even clicking past the first page.1. Slow loading pages - For those of us still on dial-up internet access this is one of the primary reasons for not hanging around.If you think you are going to load your page up with lots of images and javascripts to make it look nice and do great things, think again. They slow down the loading of the pa...(related: Web Design)
Build It And Build It Cheap! Part Ii
If you are familiar with my work, then you have probably taken a look at the first part of this article, and may well be on your way to having your website up and running. Congratulations!!! It's hard work, but having pride in the accompl...(related: Web Design)
Is A Web Site Builder Right For You?
A web site builder can be a real life saver to someone without advanced HTML knowledge or tools. Web site builders allow a relative newbie to the internet create a professi...(related: Web Design)
Web Copywriting: The Psychology Of Scarcity, Less Is More If You Want Faster Sales
Countdown to Armageddon - at least you'd think so judging from some of the garish copy and blaring headlines screaming at you from so many websites.At the opposite extreme though, you've some sites which don't even have a single decent headline anywhere that captures visitors attention, let alone leads them into captivating copywriting ...(related: Web Design)
Flash Web Design - The Wave Of The Future?
There are two camps when it comes to flash web design, those who believe it is the wave of the future and those who do not. To decide which camp you want to be part of, you of course need to learn a little bit about flash web design and try it out as well to see how you feel. The following overview on flash web design should help you form at leas...(related: Web Design)
14 Ways To Add Content To Your Web Site - Part 1
When I surf the Net, I often see web sites filled withbeautiful graphics that strive to capture my attention.Well, they do so for an instant, however I click away whenI don't immediately find relevant content. The content youadd to your web site needs to attract both visitors andsearch engines.Here are 14 ways to add content to your web site and attractvisitors:1. Get into the mind of your visitor. Brainstorm all theways your visitor would think of your product. Write yourcontent as if you are sitting next to him/her explainingyour product. Don't write in the 3rd person ie we, they,but use I, you, or your. This makes it more personal.2. Keep it simple - write as if explaining yo...(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design