25 Examples of Mega Menus in Web Design
By Steven Snell | Published August 4th, 2009 in InspirationMega menus are a growing trend in web design (see Mega Menus: The Next Web Design Trend from Sitepoint). For sites that involve a lot of pages and/or products, a mega menu may be able to improve navigation and usability. In this post we’ll look at 25 examples of mega menus in action.
Many of those featured in this post are from e-commerce websites. Mega menus are common on e-commerce sites because they typically include a lot of categories of different products, and so mega menus can be very useful for visitors. They are also a possibility for other large websites where fewer clicks can be used to get to a specific page with a mega menu.
For more design inspiration, please see:
oooh nice. I need to do something like this on a wordpress site.
[...] See the rest here: 25 Examples of Mega Menus in Web Design [...]
This is a brilliant post as i am currently embarking on my first e-commerce website. The successful multiple menus above are clear list style and categorized, using hierarchy and colours.
[...] 25 Examples of Mega Menus in Web Designdesignm.ag [...]
Awesome menu styles, Have to plan for one.
Thanks
Sankar
Nice list! Thanks for the post!
How about the Ikea website menu?
There are some good ideas in here. Thx
Nice post,
I suggest taking a look at Porsche site as well; if interested I rebuilt the whole menu with css + Jquery.
A few of these look clean and all but make site functionality terrible. I’ll use my common sense if I were you lot.
[...] In: Design inspiration 5 Aug 2009 Go to Source [...]
[...] 25 Examples of Mega Menus in Web Design. Categories: Top 20s Lists Tags: menus, web design Comments (0) Trackbacks (0) Leave a [...]
‘Mega Menus’ are the worst trend ever invented. If you feel the need to use a ‘Mega Menu’ go back to the drawing board and do an IA. This is a great post on what not to do.
[...] 25 Examples of Mega Menus in Web Design Awesome Menus in Web Design! (tags: design usability menus !pm:webdev ui webdesign interface inspiration trends menu javascript ecommerce showcase navigation css ux 20+ web2 dropdown ia web) [...]
Great examples of well structured and organised navigations. Sometimes as a designer it can be worrying when you are presented with a complicated site navigation, but it is also a fun challenge to try and organise it and present it in a pleasing and usable way.
have to agree with vjay. Most department store websites I have ever come across have used this ‘trend’ – it really is nothing new!
It really is an example of what happens when Information Architecture gets left out of the design/development process.
If you find yourself staring at a ‘mega menu’ at any stage in your design process you really need to rethink your strategy and go back to the drawing board.
Good post … horrible ‘trend’ to be avoided at all costs!
What a tremendous collection of excellent navigation possibilities.
This type of navigation seem to be clear and organized giving the visitor what they want when they want without having to dig too much…
–
Thanks & Regards
Noel from nopun.com
a professional graphic design studio
[...] 25 Examples of Mega Menus in Web Design [...]
Really great,
Mega menus offer a good compromise between simple and expanding menus. They are easy to use and should suffer fewer accessibility problems. They look great and give designers more scope to express their artistic creativity!
SD, I like the Ikea nav as well, simply because it pops the mega menu into the left nav. I like that better than overlaying the content on the page.
[...] 25 Examples of Mega Menus in Web Design [...]
[...] Use Daily A-Z of Free Photoshop Plugins and Filters 90+ Brilliant Packaging Designs For Inspiration 25 Examples of Mega Menus in Web Design 85 Free High Quality Silhouette Sets 35 Marvelously Minimal Websites 23+ Excellent Tutorials For [...]
Well,
All the whiners that go on about IA are missing the point where they talk about the ’size’ of these menus. I can visit a department store and look at the store ‘menu’ which is very large at my local John Lewis.
However, since the hierarchy, groupings, style, visibility of headings, font, contrast with background, size of text are all very good – it allows me to find the thing I’m looking for and get to the correct floor.
Don’t complain about them not doing IA just because they have a big list – complain if the design of the list sucks. Big menus aren’t inherently bad – poorly designed ones are. Test stuff with users and do your research (card sorting, IA etc.) of course but make sure the fundamentals are there regardless of size of menu.
C.
[...] 25 examples of mega menus in web design — Design M.ag [...]
Thanks, I was considering doing something similar for our client list.
Mega Menus are definitely on the rise. I think they are awesome!
[...] Fonte: Designm [...]
[...] Use Daily A-Z of Free Photoshop Plugins and Filters 90+ Brilliant Packaging Designs For Inspiration 25 Examples of Mega Menus in Web Design 85 Free High Quality Silhouette Sets 35 Marvelously Minimal Websites 23+ Excellent Tutorials For [...]
[...] 25 Examples of Mega Menus in Web Design [...]
great examples, will consider them in the future
really cool stuff
[...] 25 Examples of Mega Menus in Web Design from Designm.AG [...]
Btw: RAMPAGE does not have any MMs anymore…
[...] Hier nog een aantal voorbeelden van mega drop-down menu’s. [...]
[...] Hier nog een aantal voorbeelden van mega drop-down menu’s. [...]
[...] 25 Examples of Mega Menus in Web Design [...]
Don’t forget teh menus on http://www.fortnumandmason.com/ – especially the wine one…
[...] 25 examples of mega menus in web design – Link. [...]
[...] Mega Menus, Less Clicks – slick navigation experience provided by Mega-Menus. [...]
[...] 25 Examples of Mega Menus in Web Design [...]
Sweet, we are implementing mega menus at my full time job in trying to unify all our websites into a portal type site. This is going to be handy for inspiration.
Pixels are finite + Navigation is a modal activity = show/hide navigation. Mega menus are scannable, yet they get out of the way. The best solution there is (for now).
[...] Check out a set of good mega menu examples here. [...]
Marketing team in my company asked for one of this big menus. We did a mock-up in Flash and they gave the go ahead.
We (developers+designers) spent one week to create a copy of it in jQuery. It look quite nice and elegant. Took Marketing team 20 min to decide did not like it. Their main complain, it was too intrusive, too bulky. Spent again 3 days making changes they requested and still did not like it.
They decided to scrap it
Riga
[...] —Ref:http://designm.ag/inspiration/mega-menus/ [...]
Im an fan of a large menu especially for e commerce shops, without them i think it is too easy for visitors to miss the majority of what the sites sells. Designing them well is important and this is agreat list of examples for anyone who needs some inspiration.
[...] In this post we’ll showcase 25 examples of mega menus in use. For more, see this post from our archives: 25 Examples of Mega Menus in Web Design. [...]
Mega menus shouldn’t be thought of as a type of menu, it’s a lack of a system. Give us a selection of well designed icons and/or intuitive sliders, not box that covers the entire screen every time my mouse rolls over a button.
[...] von Mega-Menüs gibt es hier und hier und einen Screencast zu Image-Switcher mit CSS [...]
I think mega menus are a good idea, it gives the user a quick and simple way to get from one place to another whilst keeping content drilling to around 2-3 clicks which aids usability.
I think the Adidas site’s mega menu is clean and tidy
wao very awesome drop down menus ,how can do that like the menu? is there anyone can teach me about that??? it is very awesome to show drop down menus
Nice examples
Don’t forget
butik.dk
expansys.com
Impressive collection, really inspirational and very useful – Thanks
very much useful
not a fan of large menus…
A mega drop down menu example (made with web menu software AllWebMenus) you might want to check out is:
http://www.likno.com/examples.html?example=mega_dropdown_menu1
Wevio.com
Best Website Company in New York City!
Will be cool, if you can provide us links to tutorials making these menus
Thanks
Shovan
Will be cool, if you can provide us links to tutorials making these menus
What great menu design for all of those websites. They are really intended for a great, simple yet entertaining look. Are those kinds of website are difficult to load or not?