Hoe pas je het tabmenu toe op websites?
Je kan niet meer ontkennen dat we voornamelijk mobile first werken. Het hangt wel af van een aantal factoren. Voor B2B commercie wordt bijvoorbeeld de meeste informatie opgezocht via desktop en worden de meeste aankopen ook gedaan over desktop. Dit is omdat zulke aankopen vaak hogere betrokkenheid vragen, vanwege grotere investeringswaarde. Voor B2C commercie is dit tot zekere hoogte ook zo. Consumenten die op zoek zijn naar een nieuwe vloer zullen dit vaker via desktop doen dan via hun mobiel, maar kappersafspraken zullen vooral via mobiel worden ingepland.
De reden is simpel. Voor producten en diensten die een hogere betrokkenheid eisen, nemen mensen vaker rustig de tijd en gaan ze er echt even voor zitten. Producten en diensten met een lagere betrokkenheid, zoals routineaankopen, worden snel via de telefoon gemaakt in bijvoorbeeld een lunchpauze of onderweg in de trein.
Neem daarom de regel van 4 in acht wanneer je een mobiele versie van je website gaat maken. Zijn de belangrijkste pagina’s op te delen in maximaal 4 pagina’s, overweeg dan om in plaats van een hamburgermenu een tabmenu toe te voegen.
Als je besluit om een tabbalk te gebruiken, moet die het belangrijkste gedeelte van het scherm innemen en moet er weinig extra ruimte zijn voor andere navigatie-opties. Als de website vier of vijf hoofdnavigatie-opties heeft, kan het zinvol zijn om ze allemaal altijd zichtbaar te hebben op het scherm, vooral als dit opties zijn die waarschijnlijk nodig zullen zijn voor het probleem van de bezoeker.
Zelfs wanneer je website maar een paar belangrijke pagina’s heeft op het hoogste niveau, worden er vaak nog belangrijke functies vergeten. Een zoekicoon, een winkelwagenicoon en een accounticoon moeten ook worden meegerekend. Dit kan ervoor zorgen dat de gehele chrome opgeteld te veel ruimte op de pagina inneemt. Chrome is de ruimte die altijd zichtbaar is op mobiel, zoals het menu, winkelwagenicoon, zoekfunctie en navigatiebalk.