A common component for large retail stores. Sometimes the submenu appears unexpectedly, and sometimes it suddenly disappears, and sometimes it stays on the screen for a while, although the mouse pointer is already in a very different part of the page, or on another page altogether. And for decades, a common user’s complaint about this pattern has been the absolute lack of certainty and control about how and when the sub-navigation opens and closes. Usually it includes a mixed bag of links, buttons, thumbnails and sometimes nested dropdowns and overlays on its own.įor decades, a common behavior for this kind of navigation is to open the menu on mouse hover. A mega-dropdown is essentially a large overlay that appears on a user’s action. That’s exactly why mega-dropdowns have become somewhat an institution on the web - albeit mostly for complex and large projects. No wonder that a common way to deal with this complexity is to expose customers to a large amount of navigation quickly. Think of large eCommerce retailers and large corporate sites, catering to many audiences and having plenty of entry points. And with such a complex multi-level navigation, showing the breadth of options requires quite a bit of space. When a website houses thousands of pages, often combined with micro-websites and hundreds of subsections, eventually the navigation will go deep and broad. Let’s explore things to keep in mind when designing and building a mega-dropdown, alternatives to hover menus and fine details for designing a better UX.Ĭomplex websites often rely on complex navigation. Do we need mega-dropdown hover menus in 2021? Probably not.
0 kommentar(er)
