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.
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
Elevate Your Web Design Skills: 5 Effective Tips for Optimal Learning - Robotics and Automation News
Elevate Your Web Design Skills: 5 Effective Tips for Optimal Learning Robotics and Automation News
New SCC program blends graphic design, web design, marketing ... Daily Independent
Joint journey: The Ferraz Rodrigues brothers' path to collaborating ... - Illinois State University News
Joint journey: The Ferraz Rodrigues brothers' path to collaborating ... Illinois State University News
6 CSS Tips for Better Web Development and Enhancing Your Web ... MUO - MakeUseOf
Web design, development firm named among Inc. Best Workplaces SiouxFalls.Business
Web Designer Job Description: Templates for Hiring at Your Business Small Business Trends
Web Design Software Industry Will Generate New Growth ... - Scene for Dummies: Everything Hollywood Undead
Web Design Software Industry Will Generate New Growth ... Scene for Dummies: Everything Hollywood Undead
8 Common HTML Mistakes You Should Avoid for Better Web ... MUO - MakeUseOf
Brownsville, East New York High Schoolers Can Earn $500 for ... Brooklyn Reader
R.E.D Marketing Firm Announces a New Service Offering Digital ... InvestorsObserver
Web Design Software Industry Research Report 2023 – 2030 | Top ... - Scene for Dummies: Everything Hollywood Undead
Web Design Software Industry Research Report 2023 – 2030 | Top ... Scene for Dummies: Everything Hollywood Undead
What Is Duda Website Platform And Is It A Good Fit For Agencies? Search Engine Journal
Best Free AI Avatar Apps 2023 MarkTechPost
Microsoft Steps in to Rescue Web-building From the Rut Analytics India Magazine
Research Assistant (Web-design) job with MAYNOOTH ... Times Higher Education
DeepMind AI Supercharges YouTube Shorts Exposure by Auto-Generating Descriptions for Millions of Videos - MarkTechPost
DeepMind AI Supercharges YouTube Shorts Exposure by Auto-Generating Descriptions for Millions of Videos MarkTechPost
Can Language Models Generate New Scientific Ideas? Meet Contextualized Literature-Based Discovery (C-LBD) - MarkTechPost
Can Language Models Generate New Scientific Ideas? Meet Contextualized Literature-Based Discovery (C-LBD) MarkTechPost
Responsive Web Design Gets a Major Upgrade: How Next-Level ... Digital Journal
Graphic Designer Job Description: Templates for Hiring at Your ... Small Business Trends
Technology Innovation Institute Open-Sourced Falcon LLMs: A New AI Model That Uses Only 75 Percent of GPT-3’s Training Compute, 40 Percent of Chinchilla’s, and 80 Percent of PaLM-62B’s - MarkTechPost
Technology Innovation Institute Open-Sourced Falcon LLMs: A New AI Model That Uses Only 75 Percent of GPT-3’s Training Compute, 40 Percent of Chinchilla’s, and 80 Percent of PaLM-62B’s MarkTechPost
Bartholomew Media Group Unveils Comprehensive Guide on Digital Innovation in Skilled Trades - EIN News
Bartholomew Media Group Unveils Comprehensive Guide on Digital Innovation in Skilled Trades EIN News
NVIDIA Announces DGX GH200 AI Supercomputer NVIDIA Blog
10 Reasons Why People Love Working with 212 Creative for Website Design and Digital Marketing Solutions - EIN News
10 Reasons Why People Love Working with 212 Creative for Website Design and Digital Marketing Solutions EIN News
7 Reasons Your Website Isn't Mobile Responsive MUO - MakeUseOf
Adobe Firefly explained - everything you need to know Creative Bloq
MIT Researchers Present A new computer vision system turns any shiny object into a camera of sorts: Enabling an observer to see around corners or beyond obstructions - MarkTechPost
MIT Researchers Present A new computer vision system turns any shiny object into a camera of sorts: Enabling an observer to see around corners or beyond obstructions MarkTechPost
Summer camps 2023: A guide to the best and most popular non ... The Irish Times
Interaction Design | Web Design & Development | Digital Media Utah Valley University
Portfolio Requirements for Web and App Emphasis | Web Design ... Utah Valley University
DNA Digital Archives in Namibia | Web Design & Development Utah Valley University
20 Free Web Design Tools from Winter 2023 Practical Ecommerce
Simple Steps to Mobile-first Web Design Practical Ecommerce
2023 web development roadmap TheServerSide.com
15 Best AI Tools for Web Designers Designmodo
The ultimate guide to web design: Learn the fundamentals Interesting Engineering
Retailers are using sneaky web design to catch you out Creative Bloq
System Breaks Down Barriers for Blind Web Designers Maryland Today
UVU Web Design ranked #1 by College Magazine | Digital Media Utah Valley University
Best AI Tools for Web Designers (2023) MarkTechPost
Jeremy McGilvrey, A Web Design Agency Announces Web Design Services In The Woodlands, Texas - Yahoo Finance
Jeremy McGilvrey, A Web Design Agency Announces Web Design Services In The Woodlands, Texas Yahoo Finance
Best Email Checker and Validation Tools Designmodo
When and Where to Use REM and EM Units in Web Design? hackernoon.com
Web Design In Melbourne: Creating Designs That Communicate ... Harlem World Magazine
A Web Designer's Tech Stack Practical Ecommerce
This Colorado web designer doesn't want to make wedding sites for ... Colorado Public Radio
The Impact Of Competitive Analysis On Web Design & How To Perform It Properly [DesignRush QuickSights] - Yahoo Finance
The Impact Of Competitive Analysis On Web Design & How To Perform It Properly [DesignRush QuickSights] Yahoo Finance
Top Web Design Trends 2023 Designmodo
20 Free Web Design Tools from Fall 2022 Practical Ecommerce
How to Convert Any Website Into a Figma Design MUO - MakeUseOf
Web Design Principles That Will Take Centre Stage in 2023 hackernoon.com
What Is Web Design? Built In
This fiendish quiz tests your web design knowledge Creative Bloq
Top 10 WordPress Web Development Trends 2023 Customer Think
Faculty Innovation Grant Leads to Graphic Design Awards for Seton ... Seton Hall University
5 Common Web Development Mistakes and How to Avoid Them hackernoon.com
Experience the Power of Professional Web Design and Take ... Digital Journal
Marketing and web design are most commonly outsourced jobs Business Chief North America
How to Force Your Visitors to Order Immediately!
This may comes as a surprise to you but, if you're using popups on your website (which you should), then chances are you're using them all wrong. Almost everybody is.
Flash Design Adds Website Versatility
You have probably viewed many Flash-based components while surfing the Internet. Most smooth animations on websites and in banner ads, short films, and presentations are built in Flash.
The Secret To A Profitable Website
Whether you are planning on having a website built for your business or you are looking for ways to increase the sales being generated (if any) from an existing website the following information will be of enormous benefit to you.How To Measure Your SuccessThe success of any website marketing or sales strategy can be measured in terms of how many prospects exposed to the marketing/sales strategy actually convert to sales.
Meta Tags - An Introduction
A long, long time ago? In a galaxy far, far away?meta tags were the key component to search engine rankings. Okay, it was about 2 years ago, but that's a long time in the Internet galaxy.
Shameless Flashers - Using Flash Tools To Create Spectacular Websites
Flash is a powerful technology that can help you create spectacular websites, tutorials and demos. Find out which inexpensive tools are available to you that have very low learning curve.
Transforming A Site From Good To Excellent
One of the challenges of moving a web site up from good to excellent is transforming it from just a bunch of web pages and graphics to an interactive experience. Another term for this is community - a place where people can come to communicate with others.
Designing Beautiful Artist Websites - 12 Tips To Showcase Your Art
1. Who needs an artists website?Not everyone! If you are currently exhibiting in multiple high-end galleries and making a handsome income, a website may not be for you.
How To Design Your Web Site With CSS
Cascading Style Sheets (CSS) allows you to create fastloading pages, increase your search engine rankings, andmodify your whole site with one style sheet. So why don'tmore people use them? This is because they got so used tohtml design and are afraid or too lazy to upgrade theirskills.
Website Design: 10 Web Site Design Pitfalls To Avoid
If you've a website that is not generating a lotof sales, it may be due to some design flaws.Below are website design flaws you shouldcorrect now, to empower your website:1.
So Much About META Tags!
I've written about META tags in the past, and I thought I'd help you expand your search engine optimization efforts and increase your web hits.Rule #1: META tags always go in between the HEAD tags on your website.
Website Woes: Top Five Offenders
I see a lot of mistakes, but here are the top five offenders you need to correct to give your site a boost. Bad Title.
Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 2
Part one of this article is available at www.bookcoaching.
Ten Steps to a Winning Home Page
There's no doubt about it - the first page your site visitors see is the most important page of your website. If your home page isn't appealing, chances are the rest of your pages will never even be seen by your visitors.
7 Tips To Increase Sales With Your Ecommerce Web Site
Ecommerce is just exploding right now on the Net. More and more people are doing their shopping online.
Looking for a Web Design Company? Use a Web Design Directory
Your business website tells a lot about your company. A poorly designed website will have your visitors questioning the quality of your business.
Simple Steps To Proper Web Design
Over the course of the last decade, the Internet has grown beyond all expectations. Each and everyday there is a new website that is being developed.
The Key to Getting More Magic Shows Booked Online
This article is the result of a conversation I had with a magician about his website. He wanted to know if I could build him a nice looking site that had his name and contact information on it.
Why Stock Photography is a Great Resource for Web Business
A picture is worth a thousand words.And it still is today.
Your Site Map: Spider Food or Just A Light Snack?
Mechanical spiders have to eat. In fact, they usually have bigger appetites than the real-life spiders you squish under your shoe.
Ten Fatal Mistakes That Make Web Sites Stink
Since you'll spend lots of time and money to create your web site, don't you want to make sure you're not making mistakes that at best irritate users, and at worst make you lose customers?After all, when you alienate users, you lose potential revenue. Who can afford that?Dr.
|home | site map|
|Webdesign-box © 2006|