5

See the below navigation examples currently used by Amazon, LightInTheBox and NewEgg. What's the pattern called? The content containing the subcategories would slide out when the mouse is hovering over anyone of the top categories in the sidebar menu.

Any template out there that could be used to achieve the effects? Or any CSS sample available to play with?

Amazon LightInTheBox NewEgg

Improve this question
2

1 Answer 1

Reset to default
10

They are called vertical mega-menus.

Here two articles of Jakob Nielsen about the this pattern :

Big, 2-dimensional drop-down panels group navigation options to eliminate scrolling and use typography, icons, and tooltips to explain users' choices.

http://www.nngroup.com/articles/mega-menus-work-well/

Big 2-D drop-downs can facilitate site navigation - if they're properly designed. Two examples illustrate some mega-menu usability pitfalls.

Here an exemple of a CSS framework :

http://shanejeffers.com/blog/megadrop-mega-drop-down-menu-css-framework

Improve this answer
3
  • 2
    Vertical mega-menus in this case.
    – Vitaly Mijiritsky
    Jan 2, 2014 at 10:10
  • 1
    Yep, Vertical mega-menus to be more accurate answer.
    – tom
    Jan 3, 2014 at 3:10
  • :-) You are right guys.
    – Gildas Frémont
    Jan 3, 2014 at 10:03

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.