Hieronder vind je een aantal tips over websitenavigatieopties die je kunt gebruiken om je conversie te verbeteren. Onze bruikbaarheidstips helpen je om je hoofdmenu - en je hele webshop - gebruiksvriendelijker te maken.
Tip #1: Breng de navigatie op je homepage van tevoren in kaart
Voordat je menu-items gaat kiezen, is het belangrijk om elke functie en elk stukje content op je website te plannen. Meestal kun je functies en inhoud onderverdelen in hoofdcategorieën en subcategorieën. Zorg ervoor dat je elke categorie duidelijke, beknopte namen geeft. Gebruikers bekijken de menu-items over het algemeen maar kort, dus het is belangrijk dat ze ze gemakkelijk uit elkaar kunnen houden en meteen begrijpen wat ze zijn.
Tip #2: Zet de meest relevante items bovenaan
De menu-items die het meest interessant zijn voor je gebruikers moeten altijd aan het begin van je hoofdmenu staan. Als je bijvoorbeeld een SaaS-aanbieder bent, dan is het een goed idee om je menu te beginnen met items die bezoekers overtuigen dat jouw oplossing geschikt is voor hen. Probeer menu-items als deze te gebruiken:
Waarom wij?
Over ons
Prijzen
Als je een webshop hebt voor een modelabel, moet je menu zich richten op je producten. Links naar andere inhoud, zoals productadvies of blogberichten, moeten aan het einde van het menu staan. In het algemeen geldt dat de beste manieren om de conversie voor je online bedrijf te optimaliseren afhankelijk zijn van de branche waarin je actief bent.
Tip #3: Gebruik een visuele structuur
Een gewoon menu kan alleen tekst in een eenvoudig formaat weergeven. Mega uitklapmenu's daarentegen geven je de mogelijkheid om specifieke menu-items te benadrukken. Je kunt bijvoorbeeld verschillende:
Tekstgroottes
Tekstkleuren
Lettertypen
Pictogrammen
Zo kun je meer structuur aanbrengen in de inhoud van je uitklapmenu. Niet alle items hoeven gelinkt te zijn aan een echte pagina; sommige woorden kunnen gewoon dienen als niet-klikbare kopjes voor de verschillende klikbare subcategorieën.
Tip #4: Vermijd het opnemen van extra functies
Neem geen complexe interacties op in je uitklapmenu's, zoals nieuwsbriefregistratie of selectie- en zoekvelden, omdat deze vaak afschrikwekkend kunnen zijn voor gebruikers. Het laatste wat je wilt is een onoverzichtelijk hoofdmenu. Bovendien verschijnen elementen als deze vaak op meerdere plaatsen op een website. Ze hebben een grotere impact als je ze op de pagina's zet waar ze het beste passen.
Het kan echter heel effectief zijn om een call-to-action (CTA) knop in de navigatiebalk op te nemen. Voeg bijvoorbeeld een knop toe waarmee je klanten met één klik een reservering of een aankoop kunnen doen. Vergeet niet dat de CTA naast het hoofdmenu moet worden geplaatst en niet in het uitklapmenu zelf.
Tip #5: Kies tussen zweven of klikken
Veel websites gebruiken uitklapmenu's die openen zodra de gebruiker met de muis over het menu-item beweegt. Als je overweegt om deze optie te gebruiken, zijn er een paar punten waar je rekening mee moet houden:
Alles in één oogopslag: Een megamenu moet in één keer openen in plaats van geleidelijk, één subcategorieniveau per keer.
Perfecte timing: Het menu moet niet te gevoelig zijn. Je wilt voorkomen dat het 'flikkert' als de gebruiker er te snel overheen gaat. Tegelijkertijd moet het niet te langzaam reageren. We raden een reactietijd van 0,1 tot 0,5 seconden aan voor optimale bruikbaarheid. Het is ook een goed idee om een korte pauze in te lassen voordat het menu wordt verborgen, voor het geval de gebruiker per ongeluk de muisaanwijzer van het menu weghaalt. Een menu dat te gevoelig of onregelmatig is, zal je gebruikers frustreren en ervoor zorgen dat sommigen van hen opgeven en je site helemaal verlaten.
MouseOut programmering: Wanneer het uitklapmenu wordt geactiveerd, bewegen klanten hun cursor van de navigatiebalk naar het menu. Tenzij je site correct is geprogrammeerd, zal er ten onrechte een MouseOut-gebeurtenis worden geregistreerd wanneer de muis de navigatiebalk verlaat, waardoor het menu wordt gesloten. Daarom is het belangrijk om je menu zo in te stellen dat het uitklapmenu alleen verdwijnt als de muis zowel de navigatiebalk als het uitklapmenu zelf verlaat.
Mobiele versie: Hoveren is niet mogelijk op smartphones en tablets. Als je op je desktopsite een vervolgkeuzemenu met zweeffunctie wilt gebruiken, vergeet dan niet om andere instellingen te gebruiken op de mobiele versie.
Tip #6: Houd je aan de drie-klik-regel
Op de meeste websites moet de navigatie de 'drie-klik-regel' volgen. Dat betekent dat je gebruikers alle informatie op je site binnen maximaal drie klikken moeten kunnen bereiken. Dit is natuurlijk maar een algemene richtlijn. Als je een grote, zeer gedetailleerde website hebt, is het aantal klikken niet zo belangrijk zolang de site goed georganiseerd is. Het belangrijkste is dat je klanten altijd het gevoel hebben dat ze gemakkelijk hun weg kunnen vinden.
Tip #7: Gebruik meerdere menu's
Voor websites met veel informatie kan het handig zijn om meer dan één menu toe te voegen. Je zou kunnen kiezen voor een uitklapmenu met je productcategorieën als hoofdmenu, terwijl je in de voettekst ook een apart menu gebruikt met secundaire categorieën. Zo voorkom je dat je hoofdmenu te onoverzichtelijk wordt. Bekijk de tabel hieronder om te zien hoe dit eruitziet.
Tip #8: Uiterlijk is belangrijk
Een aantrekkelijk menuontwerp moet dezelfde grootte houden, zelfs als de hoofdmenu-items verschillende aantallen subcategorieën bevatten. Als je website een zoekfunctie bevat, zorg er dan voor dat de uitklapmenu's deze niet bedekken als ze worden uitgebreid.
Je moet ook een kleine visuele aanwijzing opnemen om aan te geven of een item in de navigatiebalk wordt uitgebreid tot een vervolgkeuzemenu als de gebruiker erop klikt of er met de muis overheen gaat. Plaats bijvoorbeeld een kleine pijl naast de menunaam: voor uitklapmenu's moet de pijl naar beneden wijzen; voor fly-outs moet hij naar rechts wijzen. Hierdoor weten je kopers instinctief dat ze meer informatie kunnen verwachten.