Uitklapbare menu’s maken het mogelijk om hi�rachische lijsten in een beperkte ruimte te plaatsen. De uitklapbare menu verduidelijkt de hi�rarchie en kan, indien alle menu’s opengeklapt zijn, een overzicht bieden op het geheel.
Ondanks deze voordelen, blijkt de uitklapbare menu mij steeds in de problemen te brengen. Ik slaag er niet in om dit type navigatie op de juiste manier in een website te bouwen. Vandaar deze analyse.
Het gebruik van de uitklapbare menu gaat terug op de interface van de Macintosh. Vandaag kennen we dit type navigatie allemaal van de “Folder” pane in de Windows explorer.
Beide voorbeelden tonen duidelijk de functionaliteit van de menu door middel van een icoontje die de status van de lijst aanduidt: in- of uitgeklapt. In de Macintosh omgeving gebruikt men een pijltje dat van richting verandert. Microsoft gebruikt de meer-minder metafoor door een + of – icoontje voor de lijst te tonen.
Link, knop of menu?
De functionaliteit van de menu herkenbaar maken is het belangrijkste probleem. Wanneer beseft een gebruiker dat een element op een website toegang biedt tot meer informatie, tot een extra lijst?
Het gebruik van de icoontjes uit een OS-omgeving werkt omdat we deze (her)kennen, maar zijn ze gepast voor elk ontwerp?
Ik ben al vast van mening dat dit niet altijd gepast is. Grafische overwegingen drukken op het ontwerp van elke website. Je kan nieuwe iconen ontwerpen om de uniformiteit van het grafisch ontwerp te behouden of gewoon alles overboord gooien. Feit is dat de menu als uitklapbaar herkend moet worden.
Op de website van eurofins.de heb ik alvast geen aanduiding gemaakt omdat deze, na enkele gebruiksvriendelijkheidstesten, niet herkend werd.
Beslis je om geen aanduiding te maken, gebruik dan een knop. Je kan een knop makkelijk simuleren door de CSS van de link aan te passen met display:block, waardoor de gehele ruimte rond de link ook actief wordt.
Pages: 1 2
Wat een leuke verrassing, alles in een fris lentekleedje :)
Goed artikel, mogen we weer wat meer posts verwachten op deze site?
Buiten hoe een menu functioneerd is het ook niet eenvoudig om goede navigatie titel te gebruiken voor een pagina. De meeste van mijn klanten zijn geneigt om lange omschrijvingen, bijna zinnen te gebruiken. Het gebruiken van korte krachtige omschrijvingen voor in de navigatie maakt het de bezoekers makkelijker om hun weg te onthouden.
bv: Iedereen in Belgie weet ongeveer Antwerpen liggen, maar niet dat Ekeren een deelgemeente is van A’pen (en er zelfs vlak naast ligt).
Hetzelfde geld voor omschrijvingen voor een menu. het gebruik van herkenbare woorden trekt een bezoeker sneller zijn aandacht en hij/zij zal hierdoor sneller accosiaties leggen met de inhoud die op die pagina wordt weergegeven.
Doch is het ‘menu’ maar 1 manier om door een site te bladeren.
Bezoekers hechten ook zeer veel belang aan de links die in een text zijn opgenomen.
Een pagina met omschrijvingen van de inhoud van zijn onderliggende pagina’s (zoals de home page) kan dus beter ook vol met links staan naar relevante informatie in de onderliggende pagina’s. de eerste woorden voor en na deze links worden mee snel gescanned, en is deze relevant voor de bezoeker, dan zal hij sneller deze links gebruiken ipv die van een menu. De bezoeker krijgt hierdoor het gevoel veel precieser te kunnen navigeren naar zijn uiteindelijk doel. En dit doel mag niet meer dan 3 tot 4 muiskliks verwijderd zijn vanaf het moment de bezoeker op je site beland.
Eigenlijk een onderwerp waar men uren over kan doorgaan. Misschien moeten we nog eens afspreken? It has been a while :)
greetz
Rob
COMMENT:
Het gebruik van uitklapbare menu’s wordt afgeraden tenzij het �cht niet anders kan wegens plaatsgebrek.
De reden hiervoor is dat mensen een webpagina scannen en dus de links in uitklapbare menu’s niet kunnen zien zonder een actie te verrichten (met muis over bepaald gebied of ergens op klikken).
Als het dan toch �cht moet vind ik de meer-minder metafoor het beste maar ik ben dan ook een windows user (zoals de meeste pc gebruikers).
Meer posts? Eentje per week, hoop ik.
Heb nog een berg materiaal liggen waar ik mij ga doorwerken.
Dus, stay tuned.