The following blog article is an excerpt from our newest ebook, 25 Website 'Must Haves' for Driving Traffic, Leads & Sales. You can download the complete, free ebook here.
Perhaps one of the biggest factors to keep visitors on your website is having a good, solid navigation system that supports all search preferences. In fact, more than three-quarters of survey respondents from a recent HubSpot study said that the most important element in website design is ease in finding information.
If people can’t find what they are looking for, they will give up and leave your website. Here are 6 important factors to keep in mind when designing your website's navigation.
6 Important Factors in Effective Website Navigation Design
1. Keep the structure of your primary navigation simple (and near the top of your page).
Include navigation in the footer of your site.
2. Use breadcrumbs on every page (except for the homepage) so people are aware of their navigation trail.
3. Include a search box near the top of your site so visitors can search by keywords.
Don’t offer too many navigation options on a page.
4. Don’t dig too deep – in most cases, it’s best to keep your navigation to no more than three levels deep.
5. Include links within your page copy, and make it clear where those links go to. This is also great for SEO!
6. Avoid use of complicated JavaScript – especially Flash – for your navigation. Many mobile phones can’t see Flash (yet); thus, they won’t be able to navigate your website. Same applies to web browsers that don’t have an updated version of Flash installed.
The overall rule with a proper navigation structure is simple: don’t require visitors to have to think about where they need to go and how to get there. Make it easy for them.
Is your website's navigation simple enough? In what ways could it be improved?
rick falls 8:22 PM on October 05, 2011
This proves the point that the google home page makes daily.
Simple is best.
A great follow up would be to clarify what most people are looking for when they go to a website. I think that would be a real wake up call for most.
cakapniaga 12:37 AM on October 06, 2011
Thank you for sharing very nice input/insights about "6 Important Factors in Effective Website Navigation Design". I like it and shared this post to my Twitter account. For Facebook! I don't have an account.
I do agree with your six (6) points and that was why, recently; blogger.com introduced the new DYNAMIC VIEW template.
Joy McCaffrey 12:08 PM on October 06, 2011
I find it interesting that you would recommend website navigation options that aren't available via HubSpot CMS. Not that I don't think you should recommend them, but that HubSpot doesn't already offer them. Or am I missing something? To vote for breadcrumbs go to http://ideas.hubspot.com/forums/76407-general/suggestions/1714727-add-a-breadcrumb-module?ref=title. The search module (http://ideas.hubspot.com/forums/76407-general/suggestions/1095031-add-a-search-module-to-the-cms?ref=title) is apparently already on the priority list.
Juan Lulli 12:28 PM on October 07, 2011
Fantastic summary, useful, practical, and at same time comprehensive. Another valuable ebook from Hubspot -- this one offering advice on websites, traffic, leads, sales. Thanks Hubspot!
Astro Gremlin 3:33 AM on October 08, 2011
Is there a breadcrumb plugin? Structure is very important. Is this handled in setting up menus?