Hoe de oneindige schuivende trend op de juiste manier te gebruiken
Oneindig scrollen is de laatste jaren een veelgebruikt ontwerppatroon geworden.
Met veel bekende sociale netwerken die de oplossing toepassen, is het een van de meest gebruikte patronen die er zijn. Hoewel populair, heeft elk ontwerppatroon altijd zijn eigen unieke sterke en zwakke punten waar we rekening mee moeten houden.
Slecht gedaan, en oneindig scrollen zal je UX verwoesten en totale mislukking garanderen als gebruikers je in groten getale verlaten. Doe het goed en je hebt een intuïtieve, populaire en succesvolle site.
Begrijpen waarom oneindig scrollen betrokkenheid stimuleert
Bij het implementeren van een ontwerppatroon is het altijd van cruciaal belang om de voor- en nadelen van elk uniek scenario te evalueren. Wat resulteerde in meer gebruikersbetrokkenheid voor iemand anders, kan feitelijk resulteren in minder gebruikersbetrokkenheid van uw eigen gebruikers.
Met name voor oneindig scrollen gaat het erom welk type inhoud gebruikers gebruiken.
Als u kunt bepalen welk type inhoudsdoelen u voor uw gebruikers heeft, krijgt u inzicht in welke ontwerppatronen het beste werken in uw situatie. Dit is van toepassing op elk patroon, maar vooral op oneindig scrollen.
Hoge betrokkenheid inhoud
Inhoud die probeert de interesse van de gebruiker voor een langere periode te grijpen en te behouden, of interactief wil zijn, is eenvoudigweg geen ideale kandidaat voor typisch oneindig scrollen. Als het uw doel is om uw gebruikers elk bericht te laten lezen, leuk te maken en te delen, lijkt het overweldigend tientallen te zijn om ze door te werken.
Dat gezegd hebbende, Medium heeft een manier gevonden om het met succes te implementeren met content die normaal niet profiteert van oneindig scrollen.
In plaats van de gebruiker de volgende tien of twintig berichten te presenteren, biedt Medium aan het einde van elk artikel één aanbeveling. Dit blijft trouw aan de hoge engagement-functie, maar biedt het voordeel van browsability dat oneindig scrollen oplevert. Dus hoewel hoge betrokkenheid uw doel kan zijn, laat dat u er niet van weerhouden om een eigen creatieve oplossing te maken.
Lage betrokkenheid inhoud
Oneindig scrollen is op zijn best met inhoud die weinig betrokkenheid vereist. Sites zoals tjilpen en Facebook zijn spectaculaire voorbeelden hiervan. De typische gebruiker van deze sites scrolt eenvoudigweg door de lijst, verbruikt inhoud maar heeft zelden actief contact met hem. Hoewel dit soort situaties niet hoog scoren op gebruikersbetrokkenheid, houden ze uiteindelijk gebruikers voor langere tijd geïnteresseerd.
Oncontroleerbare variabelen in inhoudstype
Hoewel het soms voor de hand ligt welk type inhoud uw website heeft, hoe zit het dan met die die niet zo zwart en wit zijn? tumblr is een goed voorbeeld hiervan, met inhoud die hoge of lage doelen voor gebruikersbetrokkenheid zou kunnen hebben, afhankelijk van het type blogs dat de gebruiker volgt. Hoewel deze situaties zeldzaam zijn, vormen ze een probleem omdat oneindig scrollen alleen de helft van de gebruikers ten goede zou komen. Interessant genoeg is de oplossing in dit geval het minimaliseren van de interactieopties van een gebruiker met elke afzonderlijke post. Hierdoor kunnen gebruikers met een hoge betrokkenheid zich eng concentreren op individuele berichten en gebruikers met weinig betrokkenheid veel meer inhoud consumeren zonder dat ze zoveel interactie hoeven te hebben.
Het is ook de moeite waard om op te merken dat Tumblr fantastisch werk verricht door gebruikers de mogelijkheid te bieden om op individuele basis de waarde van inhoud te bepalen. Gebruikers de mogelijkheid geven om oneindig scrollen in hun voorkeuren in of uit te schakelen, biedt verdere controle over hoe ze de inhoud consumeren.
Hybride scrolloplossingen
Veel plaatsen kiezen ervoor om een hybride benadering van oneindig scrollen te implementeren, waarbij de gebruiker wordt gevraagd meer inhoud te laden wanneer ze het einde van een pagina bereiken. Door dit te doen geven ze de controle terug aan de gebruiker om te beslissen hoeveel inhoud moet worden geladen, wat van cruciaal belang is voor mobiel. Deze oplossing helpt ook bij het onderhouden van een consistente datastroom op de server. Nadat een vooraf ingesteld aantal pagina's automatisch is geladen, verschijnt er een knop die de gebruiker vraagt om meer handmatig te laden.
Wanneer oneindig scrollen slecht gaat
Er zijn ontelbare voorbeelden van websites die oneindig scrollen gebruiken, en meer dan een paar doen dit voor de afnemende gebruikers. Dan Nguyen schreef een interessant artikel terug toen Etsy probeerde de functie te implementeren. Wat uiteindelijk gebeurde, is dat Etsy doorgaat met de implementatie ervan voordat ze hun aannames testten. Het laden van meer zoekresultaten in een sneller tempo lijkt in eerste instantie een goede zaak ... Maar wanneer de inhoud een hoge gebruikersbetrokkenheid vereist, zoals het geval is bij winkelen, kunnen dingen snel zuur worden.
In dit specifieke geval zijn gebruikers actief op zoek naar iets interessants. Proberen het perfecte product te vinden uit een zee van keuzes. Dus wanneer de gebruiker wordt overspoeld met een schijnbaar oneindige hoeveelheid keuzes, geven ze het op en zoeken ze andere wegen om te vinden waarnaar ze op zoek zijn.
Aanbevolen procedures voor oneindig scrollen
Zoals bij elk ontwerppatroon zijn er best practices die meestal goed zijn om te volgen. Dit zijn niet de wetten van het gebruik van het patroon; in plaats daarvan zijn ze wat de meeste succesvolle implementaties doen.
- Een sierlijke terugval: zorg ervoor dat gebruikers zonder JavaScript niet in de kou worden gelaten. Ontwerp eerst ouderwetse paginering en gebruik vervolgens JavaScript om het te verbergen en oneindig scrollen te implementeren.
- Geef een visuele aanwijzing voor het laden van meer inhoud: door gebruikers een laadanimatie te geven, worden ze geïnformeerd over wat er gebeurt. Zonder dit lijkt de pagina een impasse te hebben bereikt bij langzame verbindingen.
- Knopfunctionaliteit behouden: hoewel veel implementaties dit belangrijke detail vergeten, moet u de basisbrowserfunctionaliteit behouden. Als een gebruiker van uw website wegzoekt en vervolgens terug reist, verwachten ze meestal niet dat ze bovenaan de pagina opnieuw moeten worden geladen.
- Houd de navigatie zichtbaar: hoewel gebruikers vooral uw inhoud willen consumeren, willen ze ook naar andere delen van uw website bladeren. Als ze gedwongen worden om handmatig door honderden berichten te bladeren ... Ze kunnen ervoor kiezen om te vertrekken.
- Lazyload-inhoud voor op de gebruiker: het hele punt van het implementeren van oneindig scrollen is om het te hebben als een eindeloze stroom van inhoud. Hoewel het belangrijk is om een of andere vorm van een laadindicator te hebben, zullen gebruikers het hopelijk zelden of nooit zien.
- Links zouden in een nieuw venster moeten openen: dit is een zeer bediscussieerde praktijk; het kiest krachtig voor de gebruiker, maar met de bedoeling om hen te helpen. Door links in een nieuw venster of tabblad te dwingen om te openen, kunnen gebruikers niet per ongeluk van de oneindig ladende lijst navigeren en hun plaats verliezen.
- Voetteksten kunnen een obstakel vormen: vaak betekent het implementeren van een oneindige scroll-oplossing het opgeven van de optie voor een voettekst van een website. Hoewel het absoluut vervelend is om een voettekst te "vangen" wanneer u automatisch meer berichten laadt, zijn er andere opties. Als u bijvoorbeeld een hybride laadoplossing gebruikt, kunt u een voettekst binnen het bereik van gebruikers houden.
Ten slotte
Hoewel oneindig scrollen een trendy functie kan zijn die de gebruiker eindeloze contentopties biedt ... moet deze correct worden gebruikt.
Hoewel we de gebruikers willen blootstellen aan meer inhoud, willen we niet afleiden van de waarde van elk individueel stuk, of laten ze zich overweldigd voelen door informatie. Tenslotte zijn gebruikers er voor de inhoud zelf - niet voor de fraaie scrollfunctie.
Zoals u kunt zien, is oneindig scrollen zelf niet inherent goed of slecht. Veeleer kan het gebruik ervan leiden tot betere of slechtere gebruikersbetrokkenheid, afhankelijk van het gepresenteerde inhoudstype. Met dat in ons achterhoofd, kunnen we proberen te voorspellen waar implementatie nuttig zal zijn.
Uitgelichte afbeelding / thumbnail, roltrap afbeelding via Shutterstock.