Top Web Hosting Reviews
Top Web Hosting Provider of The Month:
Top Web Hosting
Visit Bluehost.com | Read Bluehost Review

>> Web Hosting Geeks // Web Hosting Articles // Web Design  


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


MORE RESOURCES:

Employment Background Investigations, Inc. Amplifies Image with ...
PR Web (press release), WA - 8 hours ago
Owings Mills, MD (PRWEB) August 20, 2008 -- Employment Background Investigations, Inc. (EBI), an industry leader in global background screening, ...


Web Hosting Provider, MidPhase, Debuts New Web Design, After UK2 ...
WebSite Host Directory (press release), OR - 33 minutes ago
Chicago, Illinois - (Website Hosting Directory) - August 20, 2008 - Web hosting company, MidPhase, has officially relaunched the company website, ...


web design
SalinaCruz.net, Mexico - 14 hours ago
Find the lowest prices on Web Design at Ebay. Buy anything in an online auction or with the BuyIt Now feature. Don't just search for web design, ...


A Web Design Impossibility? 5 Crucial Steps to a Successful DMOZ ...
Corsavoo.com, France - 20 hours ago
For example, if you have a web design business house cleaners in Doncaster, UK then make sure you submit your website to the category that lists Doncaster ...
Finding a creative website designer Corsavoo.com
all 2 news articles


Businesses miss out on mobile retail through bad web design
Business Feet, UK - Aug 19, 2008
More and more people are buying their goods via their mobile, but businesses are missing out because of poor mobile web design, according to BT. ...


toronto web design company (toronto)
NewDesignWorld (press release), UK - Aug 19, 2008
Are you looking for a professional web design service, however are only on a small budget? Today we see that many businesses and organizations spend a lot ...


ctVisions web design - Working to bring your vision to the world ...
Wire Service Canada (press release), Canada - Aug 18, 2008
Web design & development is of higher demand than it has ever been. More and more businesses are opening shop online, along with the proper marketing and ...


Web design is vital part of rebranding
Business Feet, UK - Aug 18, 2008
The importance of considering web design and search engine optimisation when rebranding has been highlighted by the managing director of a PR company. ...


Web Design Course - Informal Online Alternatives To College ...
WebWire (press release), GA - Aug 18, 2008
Likewise many small business owners who opt not to hire a professional Web design company leverage online learning resources to build the skills necessary ...
Web Content Administrator – 0800008778 Seattle Times
all 7 news articles


Award Winning Web Design and Development Firm MindSmack.com ...
PR Web (press release), WA - Aug 18, 2008
New York, NY (PRWEB) August 18, 2008 -- Founded in 1999 as an innovative web design and development firm for numerous award-winning websites and advertising ...

Web-Design - Google News





 
 
 

© 2004 - 2008 "Web Hosting Geeks" | Web Hosting Reviews | Customer Reviews | RealMetrics Reviews | Hosting Articles | Directory | Partners | Contacts
Over 7000 articles: web hosting, web development, domain names, ecommerce, web design, site promotion, ppc advertising, seo, site promotion and many others.
Web hosting reviews, ratings and awards are not based on any incentives or commissions. Names and trademarks are the properties of their respective owners.
A direct link to Web Hosting Geeks (http://webhostinggeeks.com) must be provided in order to use any of the above information. Contact us for more info.

Partners: Hosts by speed, Cheap Website Hosting, Free Website Hosting, Cheap Web Hosting, Top 10 Web Hosts, Top 10 Web Hosting Deals, Best Website Hosting, Free Web Hosting, Free Web Hosting, Dedicated Server Hosting, Adult Web Hosting, Web Hosting Discussions, Dedicated Server Reviews, Best Web Hosting, Web Hosting Discounts, HostProfessor.com, rsuog, halyava, PHP Website Hosting Services, Web Hosting Reviews, Hosting Uptime, Best Web Hosting Reviews, Cheap Webhosting, Web Hosting, Flash Templates, CMS Templates, Web Hosting Reviews, Website Hosting Reviews, Web Hosting Providers, Best Web Hosting, Top Web Hosting, RSUOG Web Hosting