Subscribe
Join 40,000+ sales and marketing pros who receive our weekly insights, tips, and best practices.
Thank you! You have been subscribed.
Back to Learning Center
Learning Center
Learning Center
Close
The IMPACT Learning Center

Free resources to help you master inbound marketing and They Ask, You Answer

Access the Learning Center

Access the Learning Center

Access the Learning Center
learning_center_grey__What is They Ask, You Answer-v2-black

What is They Ask, You Answer

What is <span>They Ask, You Answer</span>
Articles, Podcasts, & Updates

Articles, Podcasts, & Updates

Articles, Podcasts, <span>& Updates</span>
Free Courses & Certifications

Free Courses & Certifications

Free Courses & <span>Certifications</span>
On-Demand Keynotes & Sessions

On-Demand Keynotes & Sessions

On-Demand <span>Keynotes & Sessions</span>
Events
Events
Close
IMPACT+ Membership
IMPACT+ Membership
Close
Services
Services
Close
Navigation_8_2021_taya

They Ask, You Answer Coaching & Training

They Ask, You Answer Coaching & Training
Navigation_8_2021_flywheel

Inbound Marketing Services

Inbound Marketing Services
Navigation_8_2021_website design - monitor

Website Design & Optimization

Website Design & Optimization
Navigation_8_2021_hubspot implementation

HubSpot Training & Implementation

HubSpot Training & Implementation
Navigation_8_2021_virtual selling

Virtual Sales
Training

Virtual Sales <br>Training
Navigation_8_2021_swell - paid ads

Paid Search & Social Services

Paid Search & Social Services
Become a Certified Coach
Become a Certified Coach
Close

4 Tips for Optimizing Your Website Navigation For the User

4 Tips for Optimizing Your Website Navigation For the User Blog Feature

February 25th, 2015 min read

Optimizing_your_website_navigationThink of your website's navigation bar as the vehicle for all of your website traffic.

Not only are all of the important bits and pieces of your website connected to it, but it serves as a passageway for visitors to get from point A to point B.

Trouble is, if it's not functioning the way it should, all of your content is at risk of collecting dust. 

Aware that the usability is enough to make or break the lead generating capabilities of your website, it's critical that your navigation is optimized for the user.

What does that mean?

We've detailed four important tips that will help you generate a better understanding.

1. Consider the order

Alphabetical? Importance? At random?

Determining how to structure the order of your website navigation can be made simple by leveraging a tool like CrazyEgg to track the way in which visitor's are behaving with your website. Here's an example of what we're talking about:

website_navigaiton_heat_map_example

With a better understanding of what people are actually clicking on, it's much easier to make a data-informed decision to determine the way in which they should be ranked. 

While this data is certainly valuable, you'll also want to consider the "serial position effect", which states that people are more apt to remember the first and last items on a list

The reason being that items that appeared early on are distinguished from the others as a result of the primacy effect. Conversely, the items that fall at the end of the navigation remain in the short-term memory, also known as the recency effect

2. Create contrast

Quick. Which navigation stands out more?

Example_of_a_clear_website_navigation

Example_of_a_complicated_website_navigation

(I'm going to assume that was an enthusiastic, resounding, "the first one!")

When it comes to creating a user-friendly website navigation, contrast is key. A navigation that blends in with the rest of the design, is a navigation that doesn't get clicked. 

Why?

Contrast helps to create a level of interest, which ultimately works to direct the eye and ensure that the navigation elements aren't confused with the main content

3. Limit the number of menu items

Let’s say you’re looking to send your Aunt Pearl a nut basket to celebrate her acceptance into the local gardening club. (You go, Aunt Pearl!)

You input a quick Google search and land on this website:

Crowded_Website_Navigation_Example

Holy nuts.

With an astonishing 34 clickable items in the vertical navigation, it’s hard to decide what to look at first.

To avoid this overwhelming approach, Orbit Media’s Andy Crestondina recommends limiting the number of items in the navigation bar to seven.

Why seven?

The short term memory can only hold up to seven items at once, making anything more difficult to process. 

4. Don’t complicate the coding

Whether you understand code or not, it's important that you understand this...

If you want to make it easy for Google's bots to crawl and index your pages, you'll want to code your navigation in HTML or CSS rather than JavaScript, Flash, or AJAX. 

Why?

Google can't crawl what it can't read.

HTML is server-side, meaning that the information is generated on the server before the user visits the page.

With something like AJAX, the content doesn't ever exist on the page. Instead, it's rendered on page load because JavaScript is a client-side language. The trouble with this is that things that are rendered post-page load are not seen by Google.

To help clarify, here's a simplified diagram from Web Design Depot that explains how AJAX works:

howajaxworks

Point being, if you're going to spend the time to carefully create a user-friendly website navigation, you want to make sure that you're using the right code to ensure your pages actually get picked up by Google. 

Here Are Some Related Articles You May Find Interesting

Want to Contribute Content to impactplus.com? Click Here.

HubSpot

How much HubSpot do I need?

By John Becker on August 17th, 2021

By John Becker on August 17th, 2021

IMPACT+ Sign Up
A FREE online learning community with on-demand courses, hundreds of expert-led sessions, thousands of your peers ready to support you, and much more.
Check it out