Skip to main content

Pagina-overlay

De term“page overlay” is van Engelse oorsprong en betekent zoiets als pagina-overlay of pagina-venster. Dit is een venster dat boven een andere webpagina wordt weergegeven. Dit venster is meestal veel kleiner dan de webpagina eronder. In veel gevallen wordt de rest van de achtergrondpagina aan het zicht onttrokken en een transparant effect gegeven om de aandacht van de kijker op de inhoud van het venster te vestigen. Toen pagina-overlays een paar jaar geleden voor het eerst werden gebruikt in webdesign, boden ze een elegante oplossing voor wat een complexe UI-ontwikkelingsuitdaging was geweest. Met overlays kan relevante informatie op een visueel aantrekkelijke manier worden gepresenteerd zonder de context van het huidige scherm te vertroebelen.

Toepassingsgebieden

Paginaoverlays worden gebruikt om het huidige gebruik van de inhoud van een pagina tijdelijk te onderbreken en de aandacht van de bezoeker op andere inhoud te vestigen. Een pagina-overlay kan bijvoorbeeld worden gebruikt om een bezoeker te informeren

over recente wijzigingen op een website sinds hij voor het laatst is ingelogd. Een pagina-overlay kan ook worden gebruikt om de bezoeker bijvoorbeeld te melden dat zijn login is verlopen en in het venster van de pagina een nieuw login-formulier te tonen waarmee hij zich opnieuw kan aanmelden. Een andere populaire en vaak gebruikte optie is het gebruik van een pagina-overlay om grotere versies van afbeeldingen en video’s te presenteren of om online advertenties weer te geven. De weergave van pagina-overlays wordt ook gebruikt bij de weergave van nieuwsbrieven, bijvoorbeeld wanneer wordt gedetecteerd dat de bezoeker de website wil verlaten. Dit gebruik van pagina-overlays wordt ook wel de “exit intent layer” genoemd.

TIP

Pagina-overlays worden ook steeds meer gebruikt in het kader van webanalyses. Het gebruik van pagina-overlays kan bijvoorbeeld informatie opleveren over hoe vaak op een link op een webpagina is geklikt in verhouding tot de andere links. Deze gegevens kunnen door webmasters en beheerders van pagina’s worden gebruikt om de website te optimaliseren, rekening houdend met bepaalde aspecten.

Waarop moet worden gelet bij het gebruik van paginaoverlays?

Bij het gebruik van pagina-overlay moeten webontwerpers en webontwikkelaars

rekening houden met enkele basisvereisten:
[su_list icon=”icon: hand-o-right” icon_color=”#187bc0″ indent=”-5″]

  • Elke pagina-overlay moet een goed zichtbare knop hebben waarmee de overlay weer kan worden gesloten.
  • Het overlappende venster moet visueel afsteken tegen de achtergrond door het kleiner te maken dan het omringende element en de achtergrond te bedekken met een transparante schaduw.
    Dit laat bezoekers weten dat de onderliggende inhoud momenteel onbruikbaar is terwijl de pagina-overlay wordt weergegeven. Bovendien moet de overlay-inhoud ook toegankelijk zijn via het toetsenbord en kan hij worden afgesloten met de escapetoets.
[/su_list]

Geoptimaliseerde bruikbaarheid en inhoudsstructuur

Met page overlays hebben webdesigners

een krachtig instrument in handen om de structuur van de website en de bruikbaarheid ervan te optimaliseren. De overlays kunnen bezoekers helpen sneller te vinden wat ze zoeken. Er moet echter altijd op worden gelet dat de website niet wordt overladen met overlappende pagina’s, waardoor bezoekers geen toegang meer kunnen krijgen tot de webinhoud omdat de onoverzichtelijke structuur de interactie met de website uiterst gecompliceerd maakt.


Heeft u nog vragen?

Neem contact met ons op


Verdere inhoud