• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
NetBlazon

NetBlazon

Helping Online Businesses Achieve Greater Success

  • About
  • Work With Us
  • Our Portfolio
  • Blog
You are here: Home / E-commerce / Managing Large Category Structures on Your E-Commerce Site

Managing Large Category Structures on Your E-Commerce Site

May 11, 2010Susan Petracco13 Comments

Niche stores that focus on a small range of products have a luxury of often being able to limit their top-level categories to a few choices. An old rule of thumb was to aim for seven choices in any navigation menu, based on Miller’s Law, which states that the human mind can only remember 7 (plus or minus 2) items in a list. Although usability expert Jakob Nielsen refuted this idea back in 2009, there’s still a limit on the number of entries your site should have in its main navigation…if nothing else, the choices must be limited by the size of the customer’s computer screen!

So how do larger stores manage to display their breadth of navigation choices while still having a usable website? Let’s take a look at some examples.

Contents hide
Let’s Start with Amazon
Highlighting the Most Popular Categories
Alphabetical Navigation
Multiple Stores

Let’s Start with Amazon

Possibly the largest e-commerce site online today is Amazon.com. Although their approach to navigation may not work for every e-commerce site, it’s a great one to study because of their large customer base. Initially, on the Amazon.com homepage, you see a vertical list of top-level categories with flyouts in the left column, and a search bar across the top in place of a horizontal navigation bar:

Amazon Homepage Navigation
Amazon.com’s Homepage Navigation

The top-level categories in the menu aren’t clickable, so the highest you can navigate to is a second-level category. Once there, the next level of navigation appears as a horizontal navigation bar below the search form.

Top Level Navigation from Subcategory on Amazon.com
Top Level Navigation from Subcategory on Amazon.com

Additionally, the search form now defaults to searching within the current category – you can change that to a higher-level category or “All Categories” if desired. There’s also a list of faceted “drill-down” navigation links in the left column. Finally, hovering over the orange “Shop All Departments” link in the top left reveals a menu of the top-level categories, which is identical to the menu on the homepage except that it’s a dropdown instead of fixed in place on the page.

This navigation works well for Amazon, and has replaced what used to be rows and rows of tabs representing each category. It’s often said that what works on Amazon won’t necessarily work on other sites, but if you manage a wide range of products in many categories, it might be worthwhile to test this kind of navigation.

Highlighting the Most Popular Categories

A second approach is to list the most popular top-level categories in a standard navigation bar, and to include a link to a sitemap-style page that lists all categories in a hierarchical fashion. VitamimWorld.com does a nice job of this, with a 2-level horizontal navigation bar that includes popular categories such as Bodybuilding and Diet, along with promotional categories such as Spectacular Values and Top Sellers on the top level, and a second level with a link to “A-Z Shopping” (which links to the sitemap-style page) along with other non-categorical links. The two levels of the navigation bar are visually separated by color.

VitaminWorld Header Navigation
VitaminWorld Header Navigation

Costco is another site that uses this approach, with the menu item labeled “View All” but serving the same purpose as VitaminWorld’s “A-Z Shopping” link. Costco’s header menu is quite a bit more overwhelming, though, with 4 distinct rows of links, including two rows of top-level categories with no visual prominence or separation other than one being above the other. This makes the “View All” link less noticeable, but once you find it, you end up at the same kind of sitemap style page as VitaminWorld, which lets you see the wide variety of product types that the sites carry.

Costco's Menu with View All Link
Costco’s Menu with View All Link

Alphabetical Navigation

This one is a little harder to find online, but for stores with well-known kinds of products, an alphabetical navigation bar with dropdown menus can be very usable. OfficeMax has been noted for this kind of navigation, though it’s not currently in use. (I borrowed these screenshots from GetElastic’s wonderful article on OfficeMax’s approach to navigation.)

OfficeMax's Former Alphabetical Navigation Bar
OfficeMax’s Former Alphabetical Navigation Bar
Dropdown from OfficeMax's Menu
Dropdown from OfficeMax’s Menu

Multiple Stores

Another approach is to run multiple storefronts. There are several large corporations with multiple brands that do this. For example, take Sears, Kmart, Lands’ End, and The Great Indoors. Take a look at the very top of Lands End’s website, and you’ll see links to their related stores/brands:

Lands' End and Related Stores
Lands’ End and Related Stores

The problem with this set of sites is that each one has a separate shopping cart. So if you want to order a shirt from Lands’ End, get a lawnmower from Sears, and take advantage of Kmart’s blue light specials, then you’ll have to place three separate orders.

A better approach to a large category structure across multiple brands is one used by the company that owns The Gap, Old Navy, Banana Republic, PiperLime, and Athleta:

Shared Shopping Cart from Gap.com, Old Navy, and More
Shared Shopping Cart from Gap.com, Old Navy, and More

On these sites, a single shopping cart can contain items from each store. Items are marked in the left column with the logo of the appropriate store, which helps maintain brand integrity while offering a great user experience. No matter how many times you switch between the various sites, the shopping cart maintains the items from each one.

This approach isn’t just for well-known retailers like these, either. Here’s a group of sites that works the same way – including the shared shopping cart – but uses the separate storefronts to help delineate their related but distinct product lines:

4 Stores, 1 Shipping Policy, 1 Cart
4 Stores, 1 Shipping Policy, 1 Cart

The four related stores can be accessed from tabs in the top left, and a graphic to the right of the tabs lets customers know up-front that they can make a single order that includes products from all 4 stores, and that shipping is charged as a single order (instead of one shipping charge from each store).

Undoubtedly, categorization and navigation are essential to all e-commerce sites, but the larger the selection, the more problematic it becomes. I’ve presented several ways sites tackle this problem; what other examples have you seen? Let us know by leaving a comment.

Reader Interactions

Comments

  1. Blooming Artificial Plants says

    May 12, 2010 at 6:44 am

    This is very important top arrange categories of shopping sites with respect to your site viewer along with search crawler.

    Reply
  2. Komodo Dragon says

    May 17, 2010 at 11:32 pm

    I also think some of these super popular websites can take advantage of the fact that they are popular, that people who come back to it will get used to it, and even if some of it may be overwhelming for the first time visitor, as they get used to it, its not so bad. Also… it is possible that the over whelming feeling maybe a psychological effect on our brains signaling to us that Wow, this site/place has alot to offer us! But then again… this is all my own speculation, lol.

    Reply
  3. Umbro England says

    May 20, 2010 at 12:07 pm

    I read somwhere that google is going to be amazon’s competition now….

    Reply
  4. E-Ticaret says

    May 24, 2010 at 11:51 am

    Interactivity is important in such websites. but more interactivity, more complexity it gets. so, designers and developers should be aware of handling the balance between them.

    Reply
  5. Laptop Carrying Case says

    June 23, 2010 at 5:20 pm

    You definitely have to take the time to properly think out your site’s navigation structure regardless of the site’s size. Not only does it affect how easy your site is to use, but it also affects how your pages are helping each other in the search engine rankings. Search engines do consider internal links in their algorithms too.

    Reply
  6. Cool MySpace Layouts says

    July 5, 2010 at 6:14 pm

    The categories on the Amazon website are great but in some cases they are just too many and this adds to the complexities of finding the right types of products or searching the database to find the items you are after.

    Reply
  7. web assessments says

    August 11, 2010 at 9:48 am

    i find amazon always over complicate things

    Reply
  8. Filter Coffee says

    August 18, 2010 at 11:28 am

    Really Amamzon is top in online shopping sites. categorization is awesome on it. Very easy there to choose the product in any category. This is a really excellent read for me. Must admit that you are one of the best bloggers I ever saw. Thanks for posting this useful article.

    Reply
  9. Michael Katz says

    October 31, 2010 at 1:40 pm

    Weirdly, I never used Amazon’s navigation. I only use their search.

    Interestingly, our website Leisurepro.com currently displays all our categories on left navigation (like 80+). And we receive constant praise of how easy its to find products. Our site search is like 10%

    Reply
  10. Bob says

    March 24, 2011 at 8:31 am

    I like amazons navigation but I like http://evacuumstore.com/ better.

    Reply
  11. Central Vacuums says

    March 24, 2011 at 8:32 am

    I think costco has the best navigation.

    Reply
  12. [email protected] says

    May 9, 2011 at 8:51 am

    i find amazon always over complicate things.. too me. 🙂

    Reply
  13. Veronica [email protected] condos says

    July 28, 2011 at 3:40 am

    Navigation tools has to appear straightforward so that customers can find the products that interest them quickly and easily. Navigation that are set up to be “disappearing” or “jumping” is really confusing.

    Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Primary Sidebar

Categories

Recent Posts

  • 8 Ways To Freshen Your Blog Without Doing A Major Overhaul
  • Does Your Business Spark Joy?
  • 6 Reasons it Sucks to be a Solopreneur
  • How Your E-commerce Business can Survive a Tough Economy
  • Make Extra Money with a Side Hustle
  • Facebook
  • Pinterest
  • Twitter

Footer

Social

Follow along on social media.

  • Facebook
  • LinkedIn
  • Pinterest
  • Twitter

Blog Categories

  • Blogging
  • Digital Marketing
  • E-commerce
  • Small Business

Navigation

  • Work With Us
  • About NetBlazon
  • Contact Us
  • Privacy Policy
© 1999-2020 NetBlazon LLC, All Rights Reserved.