• For Buyers
    • Retail News
    • Products & Suppliers
    • Ecommerce
    • Marketing & Management
    • Trade Show News
  • For Suppliers
    • Supplier News
    • Marketing & Management
    • Importing
    • Manufacturers
    • Warehousing
    • Finance
    • Show Exhibiting
  • Wholesale 101
  • Trade Show Calendar
  • Wholesale Products
  • New Suppliers
Facebook Twitter Instagram
Saturday, April 1
  • Subscribe
  • Submit Content
  • About Us
    • Contact Us
  • Advertise
    • Display Advertising
    • Email Marketing Campaigns
    • Newsletter Advertising
    • Sponsored Content
    • Lead Generation Services
  • Top Product Sources
Facebook Twitter Instagram
WholesaleCentral.com Blog
  • For Buyers
    • Retail News
    • Products & Suppliers
    • Ecommerce
    • Marketing & Management
    • Trade Show News
  • For Suppliers
    • Supplier News
    • Marketing & Management
    • Importing
    • Manufacturers
    • Warehousing
    • Finance
    • Show Exhibiting
  • Wholesale 101
  • Trade Show Calendar
  • Wholesale Products
  • New Suppliers
WholesaleCentral.com Blog
Home»For Buyers»Ecommerce»Best Practices in Ecommerce Navigation
Ecommerce

Best Practices in Ecommerce Navigation

Eric LeuenbergerBy Eric LeuenbergerSeptember 23, 20134 Mins Read
Facebook Twitter Email
Share
Facebook Twitter Email

By Eric Leuenberger

Best Practices in Ecommerce NavigationNavigation menus are an essential part of ecommerce site design. For navigation to contribute positively to the overall enterprise, it must first and foremost be usable to the customer. Usable means that the menu is divided into logical top level and sub level categories, which enable customers to quickly and easily find what they are looking for in as few clicks as possible. Another important consideration is the technology utilized to develop the menu system, as it must make the navigation accessible to as many users as possible.

We will focus here on the Mega Menu, a concept first introduced in 2006 by Amazon.com as a way to salvage the company’s tabbed structure, due to the size of its offerings. Since then, the concept has become a design standard with ecommerce companies of all sizes. In the case of the Mega Menu, opting for a pure CSS driven system vs. a JavaScript driven system will provide more accessibility to users, with or without JavaScript turned on. But not all Mega Menus are created equal.

Mega Menus done right

Good Mega Menu design consists of multi-dimensional panels divided into logical groups of navigation options. Headings hold together each group and provide the user with a means of understanding the composition of each unit. In the example below, the Home & Harvest top level menu item is broken down into logical subcategories of Home Décor, Home Improvement, Patio & Garden, and Shop by Brand. Within each of these subcategories there are further refinement options that have taken into consideration store offerings, as well as customer search habits and product usage.

Best Practices in Ecommerce Navigation

Mega Menus done wrong

Just having a Mega Menu on a site is not enough, and if implemented incorrectly, it can actually hurt more than help. Consider the following example.

Best Practices in Ecommerce Navigation

The layout of this Mega Menu makes it difficult for users to find what they are looking for. Rather than putting links under logically grouped headings, they are scattered on the page in a top to bottom alphabetical manner. Even that may not be apparent to the average user at first glance. Before they can navigate, they must scan every link. It would make more sense to include links under headings of various topics such as “Business Resources,” “Consumer Resources,” “Government Resources,” etc. This would enable users to quickly locate the group of links that fits their needs, and to navigate quickly to that section of the site. Without that segmentation, one cannot know whether the link titled “Jobs and Education” directs them to a section of the site targeting consumer, business or government. This results in a guessing game that not only hurts usability, but can make for some unhappy site visitors.

Technical considerations

Be aware of the technical roadblocks that may be present when choosing Mega Menu systems. Many Mega Menu solutions require jQuery to operate. While this gets the job done, it does limit those who can use the navigation to visitors who have JavaScript active in their browser. True, only a small percentage of Internet users do not have JavaScript enabled on their browsers. However, if given the choice, it is best to build the menu with all users in mind. An alternative is to use a pure CSS driven approach, which does not require any special needs on the part of the end users.

Mega Menus can enhance the usability of a website’s navigation, but, as demonstrated above, this is only the case when the menu itself is planned and designed in a logical manner, and uses technology that does not limit visitors to its operation. Before any pen is lifted or any pixel is drawn, take the time to plan website design and technology to ensure maximum benefit from its navigational structure. Mega Menu or not, nothing can overcome poor design.

Eric Leuenberger is an ecommerce expert, founder of Ecommerce Amplifier, and owner of Voom Ventures LLC, whose products and services help storeowners and operators increase traffic, maximize ROI, decrease expenses and increase revenue. Leuenberger can be contacted online at TheEcommerceExpert.com, or by phone at 866-602-2673.
October 2013 issue
Share. Facebook Twitter Email
Previous Article5 Ways to Increase Impulse Buys This Holiday Season
Next Article Int’l Wholesale’s “Smart” Line of Home & Health Products

Related Posts

Best Video Marketing Tips for Retailers

January 19, 2023

5 Ecommerce Tips to Enhance Customer Support

January 17, 2023

Amazon to Increase Selling Fees in 2023

December 19, 2022
Sign Up for Buyer Updates
WholesaleCentral.com

Join the Buyer's Network

Get news & updates only for retailers.

Latest Posts

Top Wholesale Pet Supplies

March 31, 2023

Amazon Return Pallets For Sale: How to Profit

March 20, 2023

2023 Wholesale Apparel Trends

March 14, 2023

Top Wholesale Easter Products

February 27, 2023

The Future of Sustainable Manufacturing is a Hybrid Approach

February 23, 2023

Make Money with Foreign-Trade Zones

February 22, 2023
how-to
Wholesale 101 for Buyers

Amazon Return Pallets For Sale: How to Profit

March 20, 202311 Mins Read

A big trend among some online sellers is buying Amazon return pallets and overstock and…

Product News

Overstock Liquidations

January 25, 20236 Mins Read

Overstock inventory refers to the excess goods or merchandise that a retailer has on hand…

Retail News

5 Essential Tax Season Preparation Tips

January 24, 202310 Mins Read

Are you ready for tax season? April 18 is approaching quickly, and many day-to-day decisions…

Wholesale 101 for Buyers

How to Create a Google Business Profile

January 18, 20236 Mins Read

Looking for new ways to get your brand noticed? Creating a Google Business Profile can…

  • About Us
  • Subscribe
  • Contact Us
  • Advertise
  • Find Wholesale Sources
WholesaleCentral.com

Join the Buyer's Network

Get news & updates only for retailers.

Follow Us:

Copyright © 2023. Sumner Communications, Inc..

Type above and press Enter to search. Press Esc to cancel.