Om oneindig te scrollen of niet om oneindig te scrollen: waar we tot nu toe zijn gekomen

Vandaag verdiepen we ons in de meest relevante feiten over hoe oneindig scrollen zo'n veelgeprezen techniek over het hele web bleek te zijn, en waarom het, ondanks zijn populariteit, nog niet zo algemeen wordt toegepast in webdesign.

Deze functie verscheen op een punt in de geschiedenis van het internet toen de hoeveelheid informatie die op webpagina's moest worden weergegeven, toenam en de snelheid van verbindingen de lezer in staat stelde om sneller toegang te krijgen tot informatie en deze over te dragen. De kwestie van oneindig scrollen op webpagina's is een van de aspecten die betrokken zijn bij het ontwerpen van gebruikerservaringen en is niet zo geknipt als je zou denken.

Begin en popularisering

Bij Google wordt dit continu scrollen genoemd en kan het ook worden aangeduid als eindeloos scrollen. Kort samengevat, oneindig scrollen is een techniek om de browser automatisch nieuwe inhoud te laten laden wanneer de gebruiker de onderkant van de pagina bereikt, zodat het niet nodig is te zoeken naar paginaknoppen om naar een volgend deel te gaan; het hele ding zal verschijnen door het muiswiel te draaien.

Deze techniek wordt met name gebruikt in de nieuwsfeedpagina op Facebook; de afbeeldingen zoekresultatenpagina van Google en de Twitter-tijdlijn. Een interessant up-to-date voorbeeld dat voor referentiedoeleinden is gepubliceerd, is te zien op de demopagina van de Isotope jQuery-plug-in.

hexaedro.eu maakt gebruik van horizontaal oneindig scrollen om de evolutie van de mensheid te illustreren

Een van de eerste verwijzingen naar dit soort scrollen werd in 2005 gemaakt door Bill Scott (directeur van User Interface Engineering bij PayPal) in zijn artikel Death to Paging! - Rico LiveGrid uitgebracht.

Het is ontwikkeld om een ​​zeer grote tabel met gegevens in één weergave aan de gebruiker te presenteren voordat hij naar een volgende sectie moest gaan, en het werd eerst het scrollende live-raster genoemd. Het artikel bevatte een voor- en nadelen-sectie, enkele ontwerpoverwegingen en formuleerde de elementen van de vraag in duidelijke woorden: paging versus oneindige scroll.

De techniek was verfijnd en begon erg populair te worden op internet, waardoor er een plotselinge explosie van enthousiasme over ontstond. Een jaar na het artikel van Scott, waarin het scrollende live-raster werd aangekondigd, was het mogelijk om online teksten te vinden die het fenomeen paginabreuk beledigden en de nieuwe rol prezen met het motto: "Dwing de gebruiker niet om meer inhoud te vragen: geef het gewoon aan hen."

Halverwege 2008 had de term oneindige scroll al een eigen leven en een site met dezelfde naam die was gewijd aan het in detail uitleggen hoe het werkt. De site bood ook een handvol plug-ins om continu te kunnen scrollen op WordPress-thema's, pagina's via jQuery-bibliotheken en "autopagerize" -invoegtoepassingen voor Safari en Chrome, die de scrolfunctie automatisch aan normale sites zouden kunnen toevoegen.

"Dwing de gebruiker niet om meer inhoud te vragen: geef het hem gewoon."

Zelfs in 2012 wordt de techniek nog steeds gepresenteerd als een innovatie 'tot uw hart' samen met de implementatie van responsive design. Vanuit een meer analytisch oogpunt was dit een stap verder op de scheiding tussen het aanvankelijk gedrukte bestaan ​​van inhoud en zijn elektronische tegenhanger. Het idee van een webpagina komt immers precies uit de materiële wereld van kranten, tijdschriften en boeken met echte papieren pagina's.

Thomas Baekdal legt de relatie uit tussen gedrukte pagina's en teksten die worden weergegeven op digitale schermen in Dissolving that Print Mentality. Baekdal lost het probleem in feite op met een soort formule: eerst formaat of eerst inhoud. Baekdal stelt in zijn analyse dat de beperkingen van de gedrukte media niet op het digitale scherm mogen worden overgedragen.

Apple bracht ook een ode aan de scrollende neiging. Een van de belangrijkste kenmerken van de nieuwe iBooks 3.0 was de mogelijkheid om verticaal door de boeken te bladeren. Nu kon de lezer het effect van het omslaan van pagina's vergeten en hun bestsellers lezen door met de vingers te vegen. Dat was precies een implementatie van het motto 'Weg met de dansende beer' van Baekdal: de lezer bevrijden van het oude fysieke boekparadigma. Gelukkig was er een optie om te kiezen tussen het traditionele thema voor het omslaan van pagina's of het continu scrollen naar believen, zodat de ouderwetse lezer nog steeds de mogelijkheid zou hebben om echte boeken op hun apparaat na te bootsen.

Waarom deze UX-verbetering vermijden?

Een van de weinige uitzonderingen op de regel van oneindig scrollen was het geval van Dan McKinley bij Etsy, waar een praktisch stuk onderzoek met behulp van de A / B-testmethodologie aantoonde dat de techniek niet werkte zoals verwacht.

In feite werd oneindig scrollen van de site verwijderd nadat het aantal klikken op favorieten was afgenomen en de zoekfunctie niet meer werd gebruikt. Ondanks een mogelijke vertekening van de methode die wordt gebruikt om de reacties van de gebruikers te evalueren, is het duidelijk dat oneindig scrollen de activiteit op zichzelf niet maximaliseerde, of in ieder geval dat het gewone publiek van de site het niet eens was met de wijziging.

Google is een ander voorbeeld waarbij eindeloos scrollen er niet in slaagde om volledig te worden geïmplementeerd. Alleen het zoeken naar afbeeldingen heeft oneindig scrollen en zelfs daar is het scrollen beperkt met de knop 'meer resultaten weergeven'.

een van de meest creatieve toepassingen van oneindig scrollen wordt weergegeven op de site distancetomars.com

De voordelen

Oneindig scrollen is meer dan alleen een mooie functie, maar heeft verschillende voordelen die het in veel gevallen de moeite waard maken:

• De ononderbroken aandacht die een gebruiker behoudt wanneer automatisch meer inhoud wordt geleverd, vormt de kern van de aantrekkelijkheid van het oneindige scrollen. De lezer zal niet hoeven te stoppen om na een verbeterde aandacht na te denken waar hij de volgende knop kan vinden of welk aantal pagina's er moet komen.
• In psychologische termen lijkt oneindig scrollen automatische reacties op te wekken op basis van nieuwsgierigheid en de verlichting van de verwachting die wordt opgewekt in afwachting van nieuwe informatie, wat een soort opwinding en bereidheid veroorzaakt om te blijven scrollen om te zien wat er naar boven komt. Dit psychologische mechanisme verdient voldoende begrip, aangezien het aanvankelijke voordeel in een probleem kan veranderen. De bevindingen van McKinley suggereren bijvoorbeeld dat het eindeloos scrollen van de pagina met zoekresultaten op de een of andere manier de gebruikers schokte of in de war bracht, waardoor ze werden overbelast met meer en meer informatie tot het punt dat het gebruik van de zoekopdracht werd vermeden.
• Sjabloonontwerpen kunnen profiteren van meer netheid, meer ruimte voor inhoud en minder afleidende elementen zoals de lijst met nummers voor paging.

De nadelen

Natuurlijk zijn er ook een aantal problemen met oneindig scrollen die moeten worden overwogen:

• De laadtijd van de pagina nam toe: het is duidelijk dat de extra inhoud die onderaan een pagina moet worden toegevoegd, meer tijd nodig heeft om te downloaden. Gebruikers met inbelverbindingen of slechte mobiele data-abonnementen zullen minder goed door die pagina kunnen bladeren.
• Geheugengebruik: Browsers, zowel op desktopcomputers als op mobiele apparaten en tablets, kunnen mogelijk onvoldoende geheugen hebben en crashen, vooral wanneer de pagina tonnen afbeeldingen laadt.
• De verhoogde laadtijd samen met meer systeemgeheugen dat nodig is en het processorgebruik kan onvermijdelijk resulteren in schokkerige, springerige, onaangename navigatie.
• Browsercompatibiliteit: aangezien oneindig scrollen behoort tot het domein van responsive webdesign, is het afhankelijk van bibliotheken en plug-ins die mogelijk niet volledig compatibel zijn op oudere apparaten of browserversies.
• Zowel het zien van de voettekst verdwijnen als het niet kunnen bereiken, kan een 'traumatiserende' ervaring zijn voor de gebruiker. Ook verdwijnt alle inhoud van de voettekst en daarmee de functie van de voettekst zelf.
• Gebrek aan oriëntatie en ruimtelijke referentie: in een gepagineerd schema kunnen gebruikers een eenvoudige visuele referentie instellen om zich door de inhoud van de pagina te oriënteren en de plaatsen te markeren waar iets interessants wordt gevonden, zodat het later mogelijk is om daar snel naar terug te keren. Er kunnen gebruikers zijn die zich verloren of verward voelen omdat ze niet weten waar ze werkelijk zijn of missen wat ze zochten.
• Verlies van de laatste positie van de gebruiker in de gegevensstroom, wanneer de knop Vernieuwen of de knop Terug wordt ingedrukt. Aangezien het oneindige scrollen bedoeld is om grote hoeveelheden vermeldingen weer te geven, moet het ook worden geïmplementeerd als een manier om de werkelijke positie in de lijst te achterhalen, om frustrerende situaties te voorkomen. De meeste klachten over eindeloze pagina's verwijzen naar deze twee laatste punten omdat de gebruikers de controle over de pagina die ze bezochten verloren.
• Bladwijzers zijn meestal nutteloos omdat een interessante plaats niet op een afzonderlijke pagina wordt gemarkeerd, maar ergens in de stroom van vermeldingen zweeft.
• Hoewel het niet per se een slechte zaak is, kunnen rangschikkingen sterk variëren op zoekpagina's, omdat die resultaten die beperkt zijn na paginanummer 2, dan op paginanummer 1 verschijnen door lang genoeg naar beneden te scrollen.

Daarom zijn, ondanks hun grote populariteit, oneindige pagina's niet altijd de beste optie voor elke site of zelfs voor dezelfde site die op verschillende apparaten wordt bekeken.

Een paar tijdelijke oplossingen

Ontwikkelaars vinden constant oplossingen voor deze ongemakken, waardoor oneindig scrollen effectiever wordt. De goed gedocumenteerde case van de nieuwe LinkedIn-app voor iPad biedt een goede case study over problemen en oplossingen bij het implementeren van de oneindige scroll.

De applicatie moest oneindig kunnen scrollen in een centrale lijst om nieuws en grote foto's te tonen; Hierdoor ontstond de behoefte aan een gemakkelijke manier om met alle elementen om te gaan zonder de prestatie van de rol te beïnvloeden. HTML5- en CSS-trucs werden gecombineerd om het eindresultaat te krijgen van een app die de inhoud soepel weergeeft zonder te crashen.

Deze verbetering van de gebruikerservaring heeft ongetwijfeld nog een eerlijke manier om te evolueren, maar gebruikers genieten al van een betere browse-ervaring - vooral als het gaat om het navigeren door pagina's met veel informatie, afbeeldingen en tekst.

Repository Zone

Oneindig scrollen is er om te blijven, dus het is raadzaam om verschillende methoden te kennen om het te laten werken:

Enhantsy: het handjevol mensen dat de implementatie van oneindig scrollen op Etsy.com erg leuk vond, kan het weer inschakelen op hun pagina door deze plug-in te installeren vanaf de pagina Enhantsy. De plug-in biedt verschillende andere functies naast het herstellen van continu scrollen op alle pagina's van Etsy.

WordPress-oplossingen: blogs zijn misschien wel de favoriete kandidaten voor oneindig scrollen. Misschien kan een klein deel van de gebruikers nog steeds niet overweg met de semi-transparante zwevende voettekst die WordPress plaatst wanneer oneindig scrollen is ingeschakeld, maar voor de grote meerderheid die van de techniek houdt, is Infinite-Scroll een plug-in die de eindeloze scroll-modus in de meeste zal activeren van WP-thema's en vereist weinig expertise of codeervaardigheden. De Jetpack-plug-in biedt ook oneindig scrollen als een meer tussen tientallen functionaliteiten. Tuts + heeft een tutorial gepost over het bereiken van oneindig scrollen met jQuery; deze tutorial is bedoeld voor de moedige knutselaars die oneindig scrollen willen implementeren door de code zelf in te voeren.

Discussie en aanbevelingen: StackOverflow biedt veel tutorials over elk denkbaar aspect met betrekking tot oneindig scrollen.

Mobiele alternatieven: oneindig scrollen werkt goed met mobiele apparaten vanwege de aard van hun touchscreens. Het is mogelijk om het effect op Android te krijgen door Android-Binding te gebruiken. Methoden voor het scrollen van afbeeldingen die in apps worden gebruikt, zijn bijvoorbeeld ook beschikbaar om op iPhones te werken.