Megamenu: Do's en Don'ts

17 jan 2012, Optimalisatielab

Megamenu's gaan ondertussen al weer eventjes mee en lijken hun toegevoegde waarde wel bewezen te hebben. Toch zien we in de praktijk vaak nog best ruimte voor verbetering. Daarom willen we wat voorbeelden met jullie delen waar wij wel of niet enthousiast van worden.

Maar voordat we verder gaan, wat bedoelen we nu eigenlijk met een megamenu? Jacob Nielsen geeft ongeveer de volgende beschrijving:

• Grote, 2-dimensionele drop down menu's die specifieke navigatie opties groeperen,
• waarbij gebruik van typografie, iconen en tooltips de keuzemogelijkheden helpen toe te lichten.

Groepering van keuzemogelijkheden maakt een megamenu wezenlijk anders dan een reguliere drop down. Daarnaast biedt de extra ruimte in een drop down menu de mogelijkheid om nog extra relevante informatie te pushen (bijvoorbeeld een aanbieding).

En dan nu wat voorbeelden

http://www.hi.nl

Het megamenu beslaat de gehele breedte van de website, waardoor het soms niet duidelijk is dat je je binnen het menu bevindt. Beter dus om het menu iets minder breed te maken. De overige ruimte rechts wordt goed gebruikt voor een aanbieding, maar de menu-items mogen iets groter.

www.voedingscentrum.nl

Het voedingscentrum laat een gevarieerd uitklapmenu zien met relevante informatie. Helaas is de afbeelding van de Schijf van Vijf niet direct klikbaar. Waar klik je als je alle informatie over de Schijf van Vijf op 1 pagina wilt zien? Daarnaast is het voor het kijkpad niet prettig dat de links niet direct onder het hoofdmenu staan.

www.publiekeomroep.nl

De uitklapmenu's van de publieke omroep laten relevante informatie zien met duidelijke links. Daardoor zou je echter haast vergeten dat je ook gewoon op het hoofditem 'Naar Uitzending gemist' kunt klikken. Want wat als jouw programma niet in het uitklapmenu staat?

www.3fm.nl

Het uitklapmenu op 3FM reageert snel en laat relevante informatie zien. De indeling is echter niet heel erg duidelijk. De titel doet suggeren dat men er informatie over DJ's kan vinden, maar ook omroepen vallen binnen dit item. De subcategorieen in de uitklap worden zowel van links naar rechts (bijvoorbeeld DJ School en Omroepen) als van boven naar beneden (DJ School en DJ's) getoond. Er wordt dus geen duidelijk kijkpad geboden. Daarnaast is de lijst met DJ's en de lijst met programma's zo lang dat het niet erg overzichtelijk is. Onderste subcategorieen kunnen daardoor wel eens buiten het gezichtsveld van de bezoeker vallen.

Ook veel over te brengen in een megamenu? ABN AMRO biedt een aardige oplossing:

http://www.abnamro.nl

ABN AMRO geeft een megamenu in een megamenu: na het klikken op één van de producten in de eerste kolom van het menu onder Privé (bijvoorbeeld 'betalen') openen de verschillende opties die daarbij horen (zie de tweede afbeelding). Hierdoor wordt op een overzichtelijke manier zeer veel informatie aangeboden. Het is alleen jammer dat de items slecht leesbaar zijn door het lage contrast tussen letterkleur en achtergrond.

www.gamma.nl

In eerste instantie lijkt Gamma een megamenu te bieden, maar eigenlijk is dit een normale drop down met plaatjes. Het maakt de verschillende assortimentscategoriën niet zo overzichtelijk als zou kunnen. De afbeeldingen zijn erg klein en voegen daardoor niet zoveel toe. De verschillende categoriën zouden gegroepeerd kunnen worden (Interieur, Gereedschap).

www.vodafone.nl

Het menu van Vodafone is duidelijk een uitklap menu doordat het duidelijk verbonden is aan de hoofdnavigatie en slechts een deel van de pagina overlapt. Het biedt een overzichtelijke indeling van onderwerpen. Aardig is de directe toegang tot de Veelgestelde vragen.

Jouw favoriete voorbeelden

Heb je ook een voorbeeld van een megamenu waar je heel enthousiast van wordt? Of een waar je je juist erg aan ergert? Laat het ons weten.