Endless scrolling based on a simple HTML pager en

By drm on Tuesday 8 February 2011 22:53 - Comments (19)
Category: Development, Views: 5.884

We had a little brainstorm today at work at how endless scrolling could be best implemented utilizing progressive enhancement. Here’s my idea and a proof of concept. And a good example of progressive enhancement in pure form, if I may say so.

The concept

When I think of endless scrolling, I see it as just another form of paging. Any content asynchronously loaded when scrolling down is in fact the same you would have seen when an ordinary pager was implemented, clicking on a link “next”. In practice, you don’t see the page change, the content is just loaded below the content already there.

Read the entire post at melp.nl

Volgende: Enhancing Python unit tests further with decorators 02-'11 Enhancing Python unit tests further with decorators
Volgende: PHPUnit style dataProvider in Python unit test 02-'11 PHPUnit style dataProvider in Python unit test

Comments


By Tweakers user Darkstone, Tuesday 8 February 2011 23:03

Bug: bij een browserhoogte groter dan ongeveer 1000 pixels gebeurt er helemaal niets:
http://i.imgur.com/vj8Fl.png

Ik zie geen scrollbar, bij het verkleinen van het window werkt het wel goed.

By Tweakers user keejoz, Tuesday 8 February 2011 23:06

Er gebeurd helemaal niets bij mij? Ik begrijp het niet echt

By Tweakers user Darkstone, Tuesday 8 February 2011 23:08

De achtergrondkleur staat bij mij bruin ingesteld inplaats van de standaard wit.

Edit: ik kan me vergissen, maar boven deze post stond een opmerking over die bruine kleur.

[Comment edited on Tuesday 8 February 2011 23:11]


By Tweakers user Zeebonk, Tuesday 8 February 2011 23:11

Endless scrolling is nice concept, but I just can't seem to get used to the unusable scrollbar.

Normally it give's a good idea of the size of the page and your position on it. That combined with the regular paging i'm able to get good idea about the length of the total content and my progress in it. Without this I start to feel sort of lost on a page.

So for me it feels like endless scrolling is a usability degrading form of lazy loading. I did like the presentation and implementation of your proof of concept!

By Tweakers user Voxyn, Tuesday 8 February 2011 23:22

Oneindig scrollen :X


Een nog slechter idee dat twitter imho :+ zoals hierboven al gezegd heb je totaal geen idee hoeveel er nog meer is waardoor het heel lastig word om het globaal te gaan lezen en je kan ook niet even van de zoekfunctie gebruik maken om gelijk naar hoofdstuk 20 te gaan bijvoorbeeld...

[Comment edited on Tuesday 8 February 2011 23:23]


By Tweakers user Voxyn, Tuesday 8 February 2011 23:22

Double post :x

[Comment edited on Tuesday 8 February 2011 23:23]


By Tweakers user wheez50, Tuesday 8 February 2011 23:39

Erg leuk idee - Alleen in de praktijk niet gelijk bruikbaar. De scrollbalk is al genoemd. De onzekerheid van 'hoeveel te gaan' ook. Maar met onmousehoverovers enzo kan vast wel wat leuks verzonnen worden. Ook kan je op de een of andere manier een percentagebalk verwerken zodat je weet tot hoever je door scrollt ofzo.

By Tweakers user Precision, Tuesday 8 February 2011 23:41

Voor social networks is het nog min of meer aanvaardbaar (omdat je daar geen nood hebt aan een status in hoe ver je zit). Echte inhoud daarentegen wil ik TOTAAL NIET via endless scrolling, je wil weten hoe ver je zit. Je wil via anchor een link kunnen doorsturen... Je wil de zoekfunctie (ctrl+f) gebruiken. Dat maakt voor social networks allemaal niet veel uit, maar gebruik het a.u.b. niet voor content.
Edit:
Het kan een hype zijn en ze kunnen er op het werk willen op springen, tof dat ze ook buzzwords kunnen gebruiken. Maar denk eerst na of het een toegevoegde waarde is, of het gebruiksvriendelijk is. Vraag een paar echte gebruikers (mensen die het moeten gebruiken, bvb werknemers die intranet moeten gebruiken) en kijk hoe zij erover denken. Vraag het wel aan mensen met een mening en ook weer niet aan technologie analfabeten, die hebben namelijk niets om aan te weerspiegelen. Die zullen het idee in het begin tof vinden en na 3 weken zich dood ergeren.

[Comment edited on Tuesday 8 February 2011 23:46]


By Tweakers user drm, Wednesday 9 February 2011 00:05

keejoz:
Er gebeurd helemaal niets bij mij? Ik begrijp het niet echt
Ik heb in het demootje het aantal items per pagina op 12 gezet i.p.v. 6, dat zal waarschijnlijk wel zorgen dat iedereen een scrollbar krijgt. 't Is overigens nog steeds maar een proof of concept, he :)
Precision:
Het kan een hype zijn en ze kunnen er op het werk willen op springen, tof dat ze ook buzzwords kunnen gebruiken.
Dat is wel een fenomenabele manier om iets uit z'n verband te trekken zeg :D Frappant dat het een blogpost is die over implementatie gaat, i.t.t. interactie-ontwerp, waar iedereen blijkbaar wel een mening over heeft. Volledig misplaatst, als je het mij vraagt.

By Tweakers user MueR, Wednesday 9 February 2011 00:26

Dat ding geeft een JS error bij mij (FF4b11, ja ik weet het, beta..):
$(".items").endlessPager is not a function
http://melp.nl/files/examples/scrolling-pager/paging.php
Line 10

By Tweakers user Precision, Wednesday 9 February 2011 00:35

drm wrote on Wednesday 09 February 2011 @ 00:05:
[...]
Dat is wel een fenomenabele manier om iets uit z'n verband te trekken zeg :D Frappant dat het een blogpost is die over implementatie gaat, i.t.t. interactie-ontwerp, waar iedereen blijkbaar wel een mening over heeft. Volledig misplaatst, als je het mij vraagt.
Het gaat er eerder om dat iedereen hier probeert te zeggen dat ze het een slecht idee/concept vinden en je vragen om het niet uit te werken, omdat niemand er op zit te wachten. Tof dat twitter en facebook het hebben, maar ik had het liever niet gezien!

[Comment edited on Wednesday 9 February 2011 00:37]



By Tweakers user basdej, Wednesday 9 February 2011 06:55

dit is ook wat ze bij hyves hebben als ik me niet vergis.

By Tweakers user itsalwaysme, Wednesday 9 February 2011 08:40

Sinds wanneer is 72 gelijk aan oneindig?

In Opera kan er maar tot 72 gescrolld worden.

By Tweakers user ItMeAedri, Wednesday 9 February 2011 08:42

Dus in feite wat ze al bij 4walled.org hebben geimplementeerd hebben?

By Tweakers user abeker, Wednesday 9 February 2011 09:17

Het is een kwestie van gewenning lijkt mij. Waarom zou je op een knopje moeten drukken, als de content ook automatisch geladen kan worden?

Site ontwerp moet natuurlijk wel aangepast worden. Bij Hyves en Facebook werkt het soms irritant, als je een link in de footer wilt aanklikken, wordt er eerst nog tig keer nieuwe content geladen.

By Tweakers user Deurges, Wednesday 9 February 2011 09:19

basdej wrote on Wednesday 09 February 2011 @ 06:55:
dit is ook wat ze bij hyves hebben als ik me niet vergis.
Precies mijn gedachte. Ik vind het soms handig, maar als ik dan onderaan de pagina moet zijn, is het heeeeel irritant, want je moet eerst tot je max gaan voordat je bij je footer kunt..
In ieder geval een aan- uitfunctie.

By Tweakers user Punkie, Wednesday 9 February 2011 09:58

Niet zo zeuren. Er is genoeg content dat geen einde heeft. Alles wat op tijd gesorteerd is vb en dat is heeeeeeeeeel wat. Alle blogs, twitter en dergelijke, forum topic indices, search results .... M.a.w. dit is een heel bruikbaar idee.

By Tweakers user RoadRunner84, Wednesday 9 February 2011 10:05

Als ik naar beneden ga met page-down kan ik daarna niet meer endless scrollen (gebruik iron, chrome afgeleide)

Comments are closed