Vorige/volgende-navigatie

Zet onderaan een detailpagina automatisch drie links: naar het vorige item, het volgende item en terug naar het overzicht. De links worden vanzelf ingevuld — jij bepaalt alleen de teksten en eventueel een filter zodat er binnen dezelfde categorie wordt gebladerd. De technische naam is RecordNav.

Gebruik dit block onderaan elke detailpagina die onderdeel is van een reeks: een artikel in een kennisbank, een product in een categorie of, zoals op deze pagina, een block in het overzicht. Het voorkomt dat bezoekers steeds terug moeten naar het overzicht om het volgende item te vinden.

Wil je bovenaan de pagina ook laten zien in welke categorie een bezoeker zich bevindt, combineer dit block dan met Breadcrumbs.

Toepassingen per site-type

Op een webshop gebruik je RecordNav onderaan een productpagina om te bladeren naar het vorige of volgende product binnen dezelfde categorie, zonder terug te hoeven naar het categorieoverzicht. Een portfolio-site zet dit block onderaan elke projectpagina, zodat bezoekers na het bekijken van één project meteen doorklikken naar het volgende zonder de weg terug te hoeven zoeken. Bij een zakelijke dienstverlener met een kennisbank, zoals deze site, helpt RecordNav bezoekers om artikel na artikel door te lezen zonder telkens terug te navigeren naar het overzicht.

Een veelgemaakte fout is het filter vergeten in te stellen waardoor de navigatie dwars door alle categorieën heen bladert: een bezoeker die een product uit de categorie 'schoenen' bekijkt, verwacht bij 'volgende' een ander schoenenmodel, niet een willekeurig product uit een heel andere categorie. Stel het filter dus in op dezelfde categorie of hetzelfde type als het huidige record. Een tweede valkuil is de linktekst te generiek laten, zoals alleen een pijltje zonder duidelijke tekst — geef aan waar de link naartoe gaat, bijvoorbeeld door de titel van het volgende item te tonen.

Combineer dit block met Breadcrumbs bovenaan de pagina en RecordNav onderaan: samen geven ze bezoekers zowel context (waar sta ik) als een vervolgpad (waar kan ik verder). Zie ook hoe deze aanpak samenwerkt met een Records-overzicht, waar de bezoeker oorspronkelijk vandaan komt.

Voor toegankelijkheid is het belangrijk dat de links naar vorige en volgende duidelijk van elkaar te onderscheiden zijn, bijvoorbeeld met een pijl-icoon vóór 'vorige' en ná 'volgende', zodat de richting ook zonder kleurgebruik duidelijk is.

Voorbeeld

Kijk onderaan deze pagina: de balk met '← Alle blocks' en de vorige/volgende-links is dit block, live in actie.

De prompt voor dit voorbeeld

Zet onderaan elke blockpagina navigatie naar het vorige en volgende block, met een link terug naar het blocks-overzicht.