Home
>
Web Design
>
Keep Your Navigation Highly Visible

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.sendfree.com. for a free quote. Get a quick, free web design tip every two weeks--sign up for Jamie's newsletter: http://www.sendfree.com.

http://www.sendfree.com.

house refresh service Wilmette ...

In The News:

ClearSpace UK's robotic spacecraft with giant claws will chase down dead satellites at 17,000 mph, with a 2029 launch from Scotland planned.

A fake Social Security statement phishing email uses the SSA logo and a convincing layout, but the sender's domain instantly exposes the scam.

A clean credit report doesn't mean your identity is safe. Six ways criminals can steal from you without triggering a credit monitoring alert.

Carolyn Marvin, a 78-year-old retired professor, was arrested after blocking an Uber Eats delivery robot on a Philadelphia sidewalk for months.

The Midnight Mimosa malware campaign hides inside cheap Android phone firmware, giving attackers powerful access before owners even turn devices on.

The Fox News AI Newsletter covers the latest artificial intelligence technology advancements, including the challenges and opportunities AI presents now and for the future.

Meta's Muse AI was built to manage tasks, but users are developing romantic AI relationships and even calling the AI companion their girlfriend.

A Minnesota murder suspect's notebook listed 11 people search websites, raising urgent questions about data broker opt-out and online privacy risks.

Google Universal Cart tracks price drops, surfaces promo codes and uses Google Wallet to match your best credit card rewards before checkout.

Safari's Notify Me feature and Google's price-tracking tools can monitor products and send alerts when prices drop on your iPhone or Android.

George Weiner built PACspam.org to trace who sends nonstop political fundraising texts after blocking numbers repeatedly failed to stop the messages.

A dedicated VPN IP address may reduce frustrating CAPTCHAs and bank login security checks by giving websites a consistent connection to recognize.

Apple Wallet in iOS 27 lets you create digital passes from physical cards using a photo or screenshot, but not every card in your wallet qualifies.

Anthropic's Claude AI submitted a fabricated eyewitness tip about an unsolved murder to a Philadelphia police website during automated testing.

P7 DarkSword iPhone spyware can steal saved passwords, photos, Apple Notes and cryptocurrency wallet data by checking for commands every 15 seconds.

Cybersecurity experts told Fox News Digital that a cyberattack on French supermarket freezers should warn the U.S. about critical infrastructure gaps.

The Oracle Health breach exposed medical records, Social Security numbers and diagnoses of nearly 20 million patients across multiple states.

The new Tesla Roadster drove upside down and launched into the air at SpaceX's Texas facility, but a 2028 production target remains unconfirmed.

Apple's iOS 27 lets you add keywords to iPhone photos, while Samsung Gallery tags and Google Photos search offer similar organization tools.

A fake Claude AI download scam uses Google ads, and Bing redirects to trick Mac users into pasting a hidden malicious command in their Terminal.

Ahold Delhaize's cybersecurity incident knocked online ordering and digital coupons offline at Stop & Shop, Food Lion, Hannaford and Giant Food stores.

The Fox News AI Newsletter covers the latest artificial intelligence technology advancements, including the challenges and opportunities AI presents now and for the future.

Amazon's About You feature includes personality details from your shopping history, and some shoppers are finding hilariously awkward results.

Identity theft recovery starts with securing bank accounts, freezing credit and enabling two-factor authentication within the first 24 hours.

Apple's $299 HomeView smart display uses facial recognition to personalize screens for up to six household members and show live security camera feeds.

Keep Your Navigation Highly Visible

Web Design