we are: London

We are full of great ideas, insight and research into web, mobile, IPTV, youth, elderly online and offline interaction and want to share it all with you.

Search our site

Home > Mega drop-down showcase

Mega drop-down showcase

August 25th, 2009

Ever since Jakob Nielsen wrote his alert box column about the virtues of mega drop-down menus there has been a buzz around the web. I have put together a collection of interesting examples.

Action envelope:

Some of the best examples of mega drop-downs can be found on the action envelope site. They utilise them to their full potential using them to section or chunk options, including graphics and also using them to contain functionality such as login forms.

The options provided to the users are clearly divided with bold headings. The use of graphics helps to engage the users.

The options given to the user are clearly divided with bold headings. The use of graphics helps to engage the users.

The use of large graphics provides engaging content for the user.

The use of large graphics provides engaging content for the user.

The mega drop-down menus allow users access to functionality such as the account sign-in form. This reduces clutter on the screen however it must be clear to the user that this functionality is located here.

The mega drop-down menus allow users access to functionality such as the account sign-in form. This reduces clutter on the screen however it must be clear to the user that this functionality is located here.

Samsung

Samsung have a large quantity of information contained within their site. They have used mega drop-down menus to display all options to the user. Doing this allows them to link directly to the information they require without drilling down several layers of navigation.

Samsung mega drop down

Gateway

Gateway makes good use of graphics. By providing graphics in their menu it not only makes the content more engaging but helps users to identify their desired product. This also helps to visually group the elements. The links at the foot of the menu provide access to options that may be useful to users at that point in their journey.

Gateway mega drop down

EA

The EA site utilises their menu space very well. They provide two clear categories for users to navigate the games section by while also providing related links relevant to a user looking at this section. The featured game promotion uses a sectioned area and image to catch a users’ attention and drive traffic to information on a particular game.

EA mega drop down

Robert Blog, information architecture, usability design, usability research, user centred design ,

  1. Jonathan Melhuish
    August 16th, 2009 at 20:05 | #1

    Not to be confused of course with those fiddly multi-level menus where you have to keep your mouse in just the right place or it all disappears! Mega drop-downs look like a great alternative for sites with a lot of content, thanks for posting these examples :)

  1. No trackbacks yet.