Less is more, maak geen ellegrote menustructuur op je website. Als je veel te vertellen hebt, prima, maar laat dit niet terugkomen in eindeloze menu's. Bezoekers raken snel geirriteerd en willen binnen maximaal 3 kliks komen waar ze willen. Denk dus in het belang van de bezoeker. Laat testpersonen navigeren, en kijk met ze mee. Leer van hun kritiek.
Gebruik een navigatiepad / kruimelpad. Gebruik geen flash voor de navigatiestructuur. Flash doet het bijvoorbeeld niet op een Ipad, en bezoekers die je via een ipad bezoeken kunnen dan niet navigeren.
Laat je navigatie niet verspringen en ziet deze dus op een vaste plaats neer, boven links, of als het moet rechts. Je hebt uitklapmenu's die een voordeel hebben omdat als je hier met de muis overheen gaat je niet hoeft te klikken om te kijken wat er onder zit. Bij klikmenu's die openklappen als je er op klikt is dat wel zo. Het voordeel van klikmenu's is dat deze een stand kunnen onthouden, een uitklapmenu niet.
Voorbeeld van een klikmenu en van een uitklapmenu
Afhankelijk van je doelgroep en dan pas van persoonlijke voorkeur kun je kiezen voor een van beide. Of alle twee, maar ook dan geldt weer, dat het niet te druk moet worden op je website. Uitklapmenus en klikmenu's die in aantal meer dan 10 zijn, zijn onwenselijk. Ook meer dan 3 niveau's zijn onwenselijk. Men raakt dan het overzicht kwijt en de boodschappen die achter al die menu's zitten zullen minder gevonden worden. En ook hier geldt, let bij het maken van de navigatie op het belang van je pagina's De belangrijkste pagina's moet je bovenaan zetten!
Ook is voor je navigatie een goede zoekfunctie van belang. Als mensen niet willen klikken, maar snel een artikel willen lezen, is niets zo makkelijk als een goede zoekfunctie. Veel cms systemen hebben die. Als jouw cms of website die optie niet heeft, kun je google inzetten voor je website search. Hier zal ik een aparte blog voor schrijven.
Probeer daar waar mogelijk ook veel CSS te gebruiken om de navigatiestructuur op te maken en laat de structuur op je site in de broncode tonen als <ul> en <li> elementen. (dat zijn gewoon list elementen) Deze worden immers door een zoekmachine prima gelezen.
Er zijn veel websites waar je gratis navigatievoorbeelden kunt vinden:
Veel aanbieders hebben de mooiste dingen, van foto's en langazame fade-in menu's en ga zo maar door. Allemaal leuk, en je mag ze zeker gebruiken, maar vergeet niet dat navigatie een middel is, geen doel. Je moet er dus wat mee kunnen, en het mag er leuk uitzien, maar het kan en mag niet zo zijn dat de functionaliteit minder is omdat het menu er zo mooi uit ziet.
Samenvattend dus een aantal tips
Zet je menustructuur vast en laat deze niet varieren op andere pagina's.
Gebruik maximaal 3 niveau's voor je menu's.
Gebruik geen flash als hoofdnavigatie.
Test je navigatie op alle browsers, niets is zo essentieel als dit onderdeel van je website.
Gebruik duidelijke kleurcontrasten om de items weer te geven. Een grijze letter op een grijze achtergrons is niet fijn!
Gebruik een navigatiepad / kruimelpad.
Gebruik een zoekfunctie als integraal onderdeel van je navigatie.
Probeer daar waar mogelijk gewone html code voor de opbouw van je navigatie te gebruiken (<li> en <ul> elementen)
Plaats de meest belangrijke pagina's zo hoog mogelijk in je navigatiestructuur.
Gebruik een sitemap, die je hele navigatie in een oogopslag toont.
Happy programming!
Overname van dit artikel is toegestaan, mits in ongewijzigde vorm en wanneer de onderstaande vermelding, inclusief links duidelijk wordt overgenomen:
