Do you use Mega-menu navigation to improve usability?
  v3.0 Posted at 24/09/2016 4:36 AM by Tiago Araujo

So you started your site with simple navigation but then you find yourself a few years later with site navigation that is saturated with links and everything looks messy.

Mega menu allows you to present your links in groups and make use of typography, icons and supporting images to explain user's choices.

By dividing site navigation into groups users will have better view of your site's structure at a glance and thus presenting them with meaningful choices. You can also group key pages together and give them emphasis.

Of course, don't use a mega dropdown menu just because you can. Turning your normal navigation into mega-menu whilst keeping it as one continuous level is generally a no-no. in the same manner, just because mega-menus have room, doesn't mean you should overload them.

long dropdown menu
Figure: Bad Example - Long drop down menu requires scrolling and difficult to see at a glance.
mega menu
Figure: Good Example - Links are grouped into distinct category
Figure: Bear in mind that mobile menus are limited

Related rules

    Do you feel this rule needs an update?

    If you want to be notified when this rule is updated, please enter your email address: