Zwevende onderdelen op de pagina

In ieder ontwerp moeten bepaalde onderdelen op de pagina meer opvallen dan de rest, bijvoorbeeld het menu, contact-gegevens, het winkelmandje of (tja) een advertentie. Vaak wordt dit gedaan met een grafische oplossing, zoals bijvoorbeeld een opvallende kleur, icoontjes of een handgeschreven lettertype. Een goed voorbeeld hiervan heeft u al kunnen zien op onze eigen website: het contact-icoon op een oranje achtergrond met de gedraaide tekst.

Een wat minder bekende manier om bepaalde onderdelen op te laten vallen, is door ze op de pagina te laten "zweven". Hierbij blijft het betreffende onderdeel als je scrollt gewoon staan waar het staat in plaats van met de rest mee te scrollen. Doordat moderne websites bijna geen frames meer gebruiken, zijn we er steeds meer aan gewend geraakt dat een webpagina uit één geheel bestaat. Als je naar beneden scrollt, verwacht je daarom dat de gehele pagina omhoog gaat. Wanneer er plotseling één onderdeel op de pagina "statisch" op z'n plek blijft, trekt dat enorm de aandacht.

Een aantal voorbeelden:

1) Het logo + menu op designcommission.com

2) De knop "Jouw thema" op batmanlive.nl

3) Het menu op bulletpr.co.uk

Voor- en nadelen

Zoals gezegd worden zwevende onderdelen direct opgemerkt zodra je begint te scrollen. Hierdoor zijn ze goed te gebruiken voor call-to-action onderdelen zoals bijvoorbeeld een contact-knop of winkelmandje. Ook kunnen zwevende onderdelen goed gebruikt worden om de menubalk altijd in beeld te houden, waardoor je snel naar andere pagina's kunt gaan.

Echter, niet iedereen heeft een even groot scherm, waardoor de hoeveelheid en grootte van de zwevende elementen niet oneindig is. Ook kan overmatig gebruik te veel afleiden en laat het de daadwerkelijke inhoud kleiner lijken, waardoor een "ingesloten" gevoel ontstaat.