Hoeveel ruimte mag een sticky menu innemen?
Een sticky menu mag hooguit een tiende van je schermhoogte innemen. Op een telefoon is dat rond de zestig pixels, op een bureaublad tachtig.
Daarboven verlies je te veel inhoud op elk scherm.
Bij het scrollen valt dat pas echt op.
De rekensom
Een telefoon toont ongeveer achthonderd pixels hoogte. Een balk van honderd is dan meer dan een achtste van alles wat je bezoeker ziet.
Meer daarover lees je bij mobile first.
De oplossing
Laat je menu krimpen zodra iemand scrollt. Je logo wordt kleiner, je padding halveert en je balk past.
Meer daarover lees je bij css.
Bij inzoomen
Op tweehonderd procent zoom is je scherm effectief de helft. Een vaste balk beslaat dan het dubbele aandeel.
Meer daarover lees je bij accessibility.
Mijn vuistregels
- Zestig pixels op mobiel, tachtig op een bureaublad.
- Krimpen bij het scrollen.
- Nooit twee vaste balken tegelijk.
- Test met tweehonderd procent zoom.
Die derde komt vaker voor dan je denkt: een menu plus een aankondigingsbalk.
De aankondigingsbalk
Een strook boven je menu met een actie of een mededeling. Maak die sluitbaar en laat hem niet meeplakken.
Meer daarover lees je bij call to action.
Wat je meet
Hoeveel van je pagina er zichtbaar blijft. Zet je venster op een telefoonformaat en tel na.
Meer daarover lees je bij navigatie.