Well, I can’t show examples because I was looking to be able to see examples. I found this article (
http://designm.ag/inspiration/mega-menus/) with 25 examples, but they are all for ecommerce.
Basically, I am trying to work out some information architecture. The site goes as follows:
There are 5-8 basic marketing links, such as contact, about, and things like that. Those will be unobtrusive and out of the way, but accessible. The other 2 or 3 links I want to be more noticeable and not cluttered, but therein lies the problem. 1 will be ’free tips’, and the other 2 will be category headers for 2 of the categories within ’free tips’, which will lead to pages that use Ditto or something to display articles and teasers within that category.
I want to organize all the articles under ’free tips’. There are 6-7 categories within the free tips, each of which have (right now) 2-10 articles within. The mega menu, I’m thinking, will have all the categories within. BUT, if I do multi-column with floats, they won’t be evenly distributed. If I do multi-column that each category has its own column, I don’t have that issue, but then the mega-menu will fly out 7 columns-width, which is too big to be easily usable.
One idea I had was to do something similar to the Food Network mega-menu,
http://www.foodnetwork.com/, where I don’t list all the articles within the whole category, but only list some of them, with a link to a category listing page.
I was also thinking of having the categories drop down again, and have the articles come from each category, i.e. a 2-level drop down menu, but I’ve been reading that mega-menus tend to be more user-friendly when they are organized well, and so would prefer to do it this way.
Any thoughts? Or even other examples of mega-menus, but ones that are not used for ecommerce?