Eén van de laatste web trends is het zogenaamde "oneindig scrollen" of ook wel infinite scrolling genoemd.
Facebook en Twitter liefhebbers hebben dit beslist al eens gebruikt, misschien zonder het zelf te beseffen!
Het concept is namelijk dat wanneer je door de webpagina scrollt en je je bijna onderaan in de scrollbalk bevindt, de inhoud automatisch wordt aangevuld met "verse" items.

Het gewone pagineersysteem heeft dan ook enkel nadelen t.o.v. infinite scrolling:

• Er wordt van de gebruiker telkens een inspanning verwacht (namelijk klikken op de volgende pagina) om nieuwe resultaten te zien te krijgen.
• Het "klikken" onderbreekt het natuurlijke leesgedrag van een gebruiker, waardoor het kan zijn dat hij even zijn focus verliest of soms zich niet meer herrinnert op welke pagina's zijn favoriete items stonden.
• Er moet telkens opnieuw een aanvraag (HTTP Request) gestuurd worden naar de server om de volgende set resultaten op te halen.

Inifinite scrolling gooit het over een andere boeg doordat:

• ...een gebruiker niet meer hoeft te klikken maar de inhoud automatisch aan hem gepresenteerd wordt.
• ...alle inhoud bij het oproepen van de pagina reeds voorgeladen wordt, zodat de laadtijd om het volgende gedeelte te tonen aanzienlijk kleiner is. Er hoeft dus niet telkens opnieuw een request naar de server gedaan te worden.

Toch zijn er ook enkele nadelen verbonden aan infinite scrolling waaronder:

• Het skippen van informatie is niet mogelijk. vb. Het overslagen van de eerste 100 resultaten en meteen naar het 101ste item gaan, zal niet gaan. Het blijft daarom belangrijk bijvoorbeeld bij een blog of een nieuwspagina de meest recente items bovenaan te plaatsen!
• Moeilijker om de exacte positie aan te geven van het item. Stel dat je bijvoorbeeld een product wil aanraden aan een vriend(in) of kennis heb je geen verwijspunt meer van waar het item zich juist bevindt in de waslijst.
• De footer van een pagina lijkt "onbereikbaar".

Daarom is het belangrijk volgende tips in acht te nemen bij de implementatie van infinite scrolling:

• Laat zien waar de gebruiker zich bevindt in de set van resultaten door een aantal mee te geven en een totaal aantal resultaten.
• Toon een preloader symbool bij het laden van nieuwe informatie, zodat het duidelijk is aan de gebruiker dat hij nieuwe informatie mag verwachten.
• Indien er geen content te tonen meer valt, verwittig dan de gebruiker dat hij"het einde" heeft bereikt.

Overtuigd? De implementatie van infinite scrolling is heus niet zo moeilijk. Wil je graag een gemakkelijk voorbeeld van hoe je de Infinite jQuery Plugin implementeert? Surf dan naar volgende website.

Wat vind jij van infinite scrolling? Vind je het net als ik een voltreffer of geef je toch de voorkeur aan een pagina systeem? Post een comment en laat het me weten!