Lightbox

Content op de voorgrond, website op de achtergrond

In tegenstelling tot klassieke pop-ups opent een lightbox niet in een nieuw venster of tabblad, maar binnen dezelfde webpagina, als een soort laag bovenop de bestaande content. De rest van de pagina blijft technisch gezien op de achtergrond actief, maar wordt visueel uitgeschakeld door bijvoorbeeld een donkergrijze of transparant wazige overlay. Zo ontstaat er een soort spotlight-effect: de aandacht van je bezoeker wordt automatisch naar de inhoud van de lightbox getrokken, terwijl de rest van de site even naar de achtergrond verdwijnt.

Dit maakt een lightbox bijzonder geschikt voor situaties waarin je iets extra’s wil laten zien of laten doen, zonder de gebruiker uit de flow te halen. Denk aan het bekijken van een foto in groter formaat, het afspelen van een video, of het invullen van een kort formulier. De gebruiker kan zich concentreren op één ding en is met één klik weer terug bij waar hij of zij was.

Waarom je ‘m wilt (en wanneer juist niet)

Een goed toegepaste lightbox kan wonderen doen voor de gebruikservaring. Je laat extra content zien zonder dat je bezoekers hun plek kwijtraken. Zo kun je een productfoto in detail tonen, een aanmeldformulier op laten komen bij interesse of een video laten afspelen zonder dat de bezoeker je site verlaat.

Maar let op: overdrijf je, dan wordt het irritant. Zeker op mobiel kunnen lightboxes frustrerend zijn als ze lastig te sluiten zijn of het scherm blokkeren. Gebruik ze dus slim en functioneel, bijvoorbeeld:

• Bij een klik op een afbeelding in een galerij
• Voor een video-uitleg bij een product
• Voor een kort formulier (denk aan nieuwsbriefinschrijving)
• Bij tijdelijke acties of promoties

Technisch is het vaak zo gepiept

De meeste moderne websites en CMS’en hebben standaard functionaliteiten voor een lightbox. In WordPress kun je bijvoorbeeld een galerij met lightbox-weergave instellen zonder extra code. Er zijn ook handige scripts en plugins die de styling en werking regelen, zodat jij je alleen maar hoeft te richten op wat je wil laten zien.

Toch blijft het belangrijk om de gebruikservaring goed te testen. Werkt het goed op mobiel? Is de sluitknop duidelijk? Wordt het niet té vaak getoond? Kleine details, groot verschil.