Oändlig rullning har blivit ett vanligt designmönster de senaste åren.

Med många högprofilerade sociala nätverk som ansluter lösningen kommer det att bli ett av de mest antagna mönster där ute. Även om det är populärt, har varje designmönster alltid sina egna unika styrkor och svagheter som vi måste planera för.

Görs dåligt, och oändlig rullning kommer att försvåra din UX och garantera totalt misslyckande när användarna förlorar dig i droves. Få det rätt, och du kommer att ha en intuitiv, populär och framgångsrik webbplats.

Förstå varför oändliga scrolling drives engagemang

Vid implementering av ett designmönster är det alltid viktigt att utvärdera fördelarna och nackdelarna för varje unikt scenario. Det som resulterade i mer användarengagemang för någon annan kan faktiskt resultera i mindre användarengagemang från dina egna användare.

För oändlig rullning i synnerhet handlar det om vilken typ av innehåll användare samverkar med.

Att kunna avgöra vilka typer av innehållsmål du har för användarna kommer att kunna ge dig insikt om vilka designmönster som fungerar bäst i din situation. Detta gäller för alla mönster, men speciellt för oändlig rullning.

Högt engagemangsinnehåll

Innehåll som syftar till att ta tag i och hålla användarens intresse under en längre tid, eller försöker vara interaktiv, är helt enkelt inte en idealisk kandidat för typisk oändlig rullning. Om ditt mål är att få dina användare att läsa, vilja och dela varje enskilt inlägg, vilket ger dem dussintals att arbeta i taget kan tyckas överväldigande.

Med det sagt, Medium har hittat ett sätt att implementera det framgångsrikt med innehåll som inte normalt skulle dra nytta av oändlig rullning.

I stället för att presentera användaren med de kommande tio eller tjugo tjänsterna, tillhandahåller Medium en enda rekommendation i slutet av varje artikel. Detta stämmer överens med den höga engagemangsfunktionen, men erbjuder användbarheten för användbarheten som oändlig rullning ger. Så medan hög engagemang kan vara ditt mål, låt inte det avskräcka från att du skapar en kreativ lösning.

medium

Lågt engagemangsinnehåll

Oändlig rullning är bäst med innehåll som kräver lågt engagemang. Sidor som Twitter och Facebook är spektakulära exempel på detta. Den typiska användaren av dessa webbplatser rullar helt enkelt ner i listan, konsumerar innehåll men sällan aktivt interagerar med det. Medan dessa typer av situationer inte gör höga användarengagemang slutar de sluta hålla intressenterna för längre tid.

Twitter

Okontrollerbara variabler i innehållstyp

Även om det ibland är uppenbart vilken typ av innehåll din webbplats kan ha, hur är det med de som inte är så svarta och vita? tumblr är ett bra exempel på detta, med innehåll som kan ha höga eller låga användarengagemangsmål beroende på vilken typ av bloggar användaren följer. Även om dessa situationer är sällsynta, utgör de ett problem i den oändliga rullningen skulle vara till nytta för hälften av användarna. Intressant nog är lösningen i det här fallet att minimera en användares interaktionsmöjligheter med varje enskild post. Detta gör det möjligt för användarna med hög engagemang att fokusera snävt på enskilda inlägg och användare med lågt engagemang för att konsumera mycket mer innehåll utan att behöva interagera så mycket.

Det är också värt att notera att Tumblr gör ett fantastiskt jobb för att tillåta användare att bestämma innehållets värde individuellt. Att ge användarna möjlighet att aktivera eller inaktivera oändlig rullning i sina inställningar ger ytterligare kontroll över hur de konsumerar innehållet.

tumblr

Hybrid rullningslösningar

Många ställen väljer att implementera ett hybrid-tillvägagångssätt till oändlig rullning, vilket ger användaren möjlighet att ladda mer innehåll när de når slutet på en sida. Genom att göra det ger de tillbaka kontrollen till användaren för att bestämma hur mycket innehåll som ska laddas - vilket är kritiskt på mobilen. Denna lösning hjälper också till att upprätthålla en konsekvent datalast på servern. Efter att ha laddat ett fördefinierat antal sidor automatiskt visas en knapp som uppmanar användaren att ladda mer manuellt.

När oändlig rullning går dåligt

Det finns otaliga exempel där ute av webbplatser som använder oändlig bläddring, och fler än gör det för avskedsanvändarna. Dan Nguyen skrev en intressant artikel tillbaka när Etsy försökte genomföra funktionen. Vad som hände händer är att Etsy fortsatte med att implementera det innan de testade sina antaganden. Att ladda fler sökresultat, i en snabbare takt, verkar vara en bra sak först ... Men när innehållet kräver högt användarengagemang - som det är fallet med shopping - kan saker snabbt bli sura.

I det här fallet söker användarna aktivt efter något av intresse. Försöker hitta den perfekta produkten ut ur ett hav av val. Så när användaren är översvämd med en till synes oändlig mängd val, ger de upp och söker efter andra vägar för att hitta vad de letar efter.

Bästa praxis för oändlig rullning

Som med alla designmönster finns det bästa metoder som vanligtvis är bra att följa. Dessa är inte lagar om att använda mönstret; snarare är de vad majoriteten av framgångsrika implementeringar gör.

  • Ha en graciös återgång: Se till att användare utan JavaScript inte är utelämnade i kylan. Design för gammaldags pagination först och använd sedan JavaScript för att dölja det och genomföra oändlig rullning.
  • Ge en visuell indikation på att ladda mer innehåll: Att ge användarna en laddningsanimering informerar dem om vad som händer. Utan det verkar sidan ha dödat på långsamma anslutningar.
  • Håll knapptryckets funktionalitet: Även om många implementeringar glömmer denna stora detalj, se till att du behåller den grundläggande webbläsarfunktionen. Om en användare bläddrar bort från din webbplats och sedan åker tillbaka, förväntar de sig vanligtvis inte att ladda om överst på sidan.
  • Håll navigeringen synlig: Även om användarna främst vill konsumera ditt innehåll, vill de också bläddra till andra områden på din webbplats. Om de är tvungna att manuellt rulla tillbaka genom hundratals inlägg ... De kan välja att lämna i stället.
  • Lazyload-innehåll framför användaren: Hela punkten att genomföra oändlig bläddring är att det verkar som en oändlig ström av innehåll. Medan det är viktigt att ha någon form av laddningsindikator, kommer användarna förhoppningsvis sällan att se det.
  • Länkar ska öppnas i ett nytt fönster: Detta är en mycket diskuterad praxis; det väljer kraftfullt för användaren, men med avsikt att hjälpa dem. Tvinga länkar för att öppna i ett nytt fönster eller flik förhindrar att användare av misstag navigerar bort från oändligt laddningslistan och förlorar sin plats.
  • Footers kan komma i vägen: Ofta innebär implementering av en oändlig rullningslösning att man ger upp alternativet för en sidfot. Även om det är definitivt irriterande att försöka "fånga" en sidfot när du automatiskt lägger till fler inlägg finns det andra alternativ. Med hjälp av en hybridladdningslösning kan du till exempel behålla en sidfot i användarens räckvidd.

Sammanfattningsvis

Medan oändlig rullning kan vara en trendig funktion som ger användaren oändliga innehållsalternativ ... Den måste användas korrekt.

Medan vi vill exponera användarna för mer innehåll vill vi inte förringa värdet av varje enskild bit eller få dem att känna sig överväldigad med information. När allt kommer omkring är användarna där för innehållet, inte den snygga rullningsfunktionen.

Som du kan se är oändligt rullande i sig inte iboende bra eller dåligt. Men snarare kan användningen leda till bättre eller sämre användarengagemang beroende på vilken innehållstyp som presenteras. Med det i åtanke kan vi försöka förutse var implementering det kommer att vara fördelaktigt.

Utvalda bild / miniatyrbild, rulltrappor bild via Shutterstock.