4. Navigatie

"Euhm even kijken, waar vind ik dat menu nou ergens. Ow wacht, misschien moet ik eerst op dat vierkantje klikken. Ja eindelijk! En dan komt er nu een schermpje naar voren geschoven. Misschien dan nu over die pijltjes gaan? Ja ik zie het al, ze veranderen nu in de menu knoppen."

Helaas komt bovenstaand voorbeeld maar al te vaak voor. Het is niet duidelijk waar het menu zich bevindt, en als dat dan eindelijk duidelijk is heb je nog geen goed overzicht van wat je precies op de site kunt vinden. Mijn eerste tip is dan ook om je menu op een duidelijk zichtbare plaats te zetten, binnen de "first fold", waar je meteen kunt zien wat er op je site te vinden is.

Onderzoek heeft aangetoond dat het bewegen van een muis naar de randen van een beeldscherm de minste moeite kost. Het is dan ook logisch om je navigatie aan de randen te plaatsen waar de gebruiker meteen kan beginnen met navigeren. Plaats je menu bij voorkeur links of bovenaan, net onder of net boven de header. Rechts is voorbestemd voor sub- of extra menu's, en de onderkant is (vaak) te onduidelijk.

Door de knoppen het menu niet meer zien...

Je ziet ze wel eens, sites met zo'n lang menu dat je 10x moet scrollen om alle knoppen gezien te hebben. Hier kan ik heel kort over zijn: doe dit niet, want dit kost je gewoon bezoekers!
Zorg ervoor dat je een beknopt hoofdmenu gebruikt. Dit moet alleen de hoofdgroepen bevatten, deel je knoppen dus in categorieën in. Daaronder kun je dan de sub-knoppen plaatsen. Het moet voor je bezoeker in één oogopslag duidelijk zijn waar hij heen moet gaan, dus maak een logisch menu! Houd deze menu's ook overal, op elke pagina, hetzelfde zodat je bezoekers niet telkens opnieuw moeten zoeken. Je website zal er zo overzichtelijker en professioneler uitzien!

Laat je knoppen spreken!

Geef je knoppen duidelijke namen, opdat mensen weten wat ze onder die desbetreffende knop kunnen vinden. In veel gevallen kun je ook door de knoppen laten zien waar je website over gaat. Sluiten de knoppen aan bij de informatie op je homepage (first fold) dan zal dit zeker leiden tot meer (blijvende) bezoekers.

Veel voorkomende fouten

Waarschijnlijk kom je zelf ook vaak zaken tegen die je irriteren, dus het onderstaande lijstje zal je bekend voorkomen.

• Menu wordt te klein gebruikt (lettertype)
• Menu heeft bijna dezelfde kleur als de achtergrond, waardoor je het niet goed kunt vinden
• Menu bevindt zich op een onlogische plaats
• Er worden veel te veel hoofdknoppen gebruikt (of er is geen onderscheid in hoofd- en sub-knoppen)
• Bij elke knop wordt er gebruik gemaakt van een bewegend plaatje, waardoor het menu te druk wordt.
• Vul zelf maar aan...  

Maak de genoemde fouten niet, gebruik de tips en je zult tot een perfecte navigatie komen, die populair zal blijken te zijn bij je bezoekers. Je bent alweer een stapje verder bij het bereiken van een goede layout! Volgende keer zullen we het gebruik van afbeeldingen gaan behandelen.

Ik wens je veel succes!