Idag deltar vi in i de mest relevanta fakta om hur oändlig rullning visade sig bli en så berömd teknik över hela webben, och varför, trots dess popularitet, är det inte allt som allmänt antas i webbdesign.
Denna funktion uppstod vid en punkt i Internetets historia när mängden information som ska presenteras på webbsidor ökade, och anslutningshastigheten gjorde att läsaren kunde komma åt och överföra information till högre priser. Frågan om oändlig rulning på webbsidor är en av de aspekter som är inblandade i användarupplevelsedesignen, och är inte så snitt och torr som du kanske tror.
Början och popularisering
På Google heter det kontinuerlig rullning och kan även kallas ändlös rullning. I korthet är oändlig rullning en teknik för att webbläsaren automatiskt ska ladda upp nytt innehåll när användaren når längst ner på sidan så att det inte är nödvändigt att leta efter paginationsknappar för att gå till nästa del. Det hela kommer att visas bara genom att rulla mushjulet.
Denna teknik används särskilt på nyhetsflödesidan på Facebook; bildens sökresultat sida av Google och Twitter tidslinjen. Ett intressant, aktuellt exempel som publiceras för referensändamål kan ses på sidan Isotop jQuery-plugin-demo.
hexaedro.eu utnyttjar horisontell oändlig rullning för att illustrera evolutionen av mänskligheten
En av de första referenserna till denna typ av rullning gjordes 2005 av Bill Scott (Director of User Interface Engineering at PayPal) i sin artikel Death to Paging! - Rico LiveGrid släppt.
Det utvecklades för att presentera ett mycket stort databord i en enda vy till användaren innan han var tvungen att gå till en följande sektion, och det var först kallat scrolling live grid. Artikeln innehöll en fördel och nackdel, några designhänsyn och formulerade frågans element i klara ord: personsökning mot oändlig rullning.
Tekniken var raffinerad och började vara mycket populär på webben, vilket orsakade en plötslig explosion av entusiasm om det. Ett år efter Scotts artikel, som meddelade det rullande levande nätet, var det möjligt att hitta onlinetekster som försvagade sidan-chunkingfenomenet och lovordade den nya rullningen med mottot? Tvinga inte användaren att begära mer innehåll: bara ge det till dem.?
I mitten av 2008 hade termen oändlig rulla redan sitt eget liv och en webbplats med samma namn som ägnas åt att förklara i detalj hur det fungerar. Webbplatsen erbjöd också en handfull plugins för att möjliggöra kontinuerlig rullning på WordPress-teman, sidor via jQuery-bibliotek och? Autopagerize? tillägg för Safari och Chrome som automatiskt kan lägga till rullningsfunktionen på normala webbplatser.
? Tvinga inte användaren att fråga om mer innehåll: bara ge det till dem.?Även 2012 presenteras tekniken fortfarande som en innovation? Till ditt hjärta glädje? tillsammans med genomförandet av responsiv design. Ur en mer analytisk synvinkel var detta ett steg längre på skillnaden mellan den initialt tryckta existensen av innehåll och dess elektroniska motsvarighet. När allt kommer omkring kommer en webbsida att komma precis från den materiella världen av tidningar, tidskrifter och böcker med riktiga papperssidor.
Thomas Baekdal förklarar förhållandet mellan tryckta sidor och texter som visas på digitala skärmar för att lösa den där utskriftsmässan. Baekdal löser i grunden problemet med en slags formel: först format eller innehåll först. I sin analys säger Baekdal att begränsningarna av de tryckta medierna inte ska överföras till den digitala skärmen.
Apple betalade också en hyllning till rullningstendensen. En av de viktigaste funktionerna i den nya iBooks 3.0 var möjligheten att rulla böckerna vertikalt. Nu kan läsaren glömma sidvändningseffekten och läsa sina bästsäljare med fingret flickande. Det var just ett genomförande av "bli av med den dansande björnen?" motto av Baekdal: för att låta läsaren bli befriad från det gamla fysiska bokparadigmet. Lyckligtvis fanns det ett alternativ att bestämma mellan det traditionella sidoförsättet eller den kontinuerliga rullning en till vilje, så den gammaldags läsaren skulle fortfarande ha möjlighet att efterlikna sanna böcker inom sin enhet.
Varför undvika denna UX-förbättring?
En av de få undantagen till regeln om att omfatta oändlig rulla var Dan McKinley hos Etsy där en praktisk del av undersökningen med A / B-testmetoden visade att tekniken inte fungerade som förväntat.
Faktum är att oändlig rullning avlägsnades från webbplatsen efter att antalet klick på favoriter minskade och sökfunktionen inte längre användes. Trots en eventuell förspänning på metoden som används för att utvärdera användarnas reaktioner är det uppenbart att oändlig rullning inte maximerar aktiviteten av sig själv, eller åtminstone att den vanliga publiken på webbplatsen inte överensstämde med förändringen.
Google är ett annat exempel där oändlig rullning inte lyckades genomföras fullständigt. Endast bildsökningen har oändlig rullning, och även där är rullningen begränsad med? Visa fler resultat? knapp.
En av de mest kreativa användningarna av oändlig rullning är avbildad på webbplatsen distancetomars.com
Fördelarna
Mer än bara en snygging, oändlig rullning har olika fördelar som gör det värt i många fall:
- Den oavbrutna uppmärksamhet som en användare behåller när mer innehåll tillhandahålls automatiskt är kärnan i den oändliga rullningens attraktivitet. Läsaren behöver inte sluta tänka var man ska hitta nästa knapp eller vilket antal sidor som ska komma, efter en bättre uppmärksamhet.
- I psykologiska termer verkar oändlig rullning utlösa automatiska svar baserat på nyfikenhet och lindring av förväntningarna som produceras samtidigt som man väntar på ny information, vilket medför en form av spänning och vilja att fortsätta rulla för att se vad som händer. Denna psykologiska mekanism förtjänar tillräcklig förståelse eftersom den ursprungliga fördelen kan bli ett problem. Resultatet av McKinley föreslår till exempel att oändligt rulla sökresultatsidan på något sätt chockade eller förvirrade användarna, överbelasta dem med mer och mer information till den punkt som användningen av sökningen undvikits.
- Malldesign kan gynna mer renhet, mer utrymme för innehåll och mindre distraherande element som listan med nummer för personsökning.
Downsides
Självklart finns det också ett antal problem med oändlig rullning som bör övervägas:
- Sidladdningstiden ökade: Det är uppenbart att det extra innehållet som ska läggas längst ned på en sida behöver mer tid att ladda ner. Användare med uppringd anslutning eller dåliga mobila data planer kommer att ha en minskad förmåga att bläddra effektivt den sidan.
- Minnesanvändning: Webbläsare, både på stationära datorer och på mobila enheter och surfplattor kan eventuellt gå tom för minne och krasch, speciellt när sidan laddar upp massor av bilder.
- Den ökade laddningstiden tillsammans med mer systemminne som krävs och processorns användning kan oundvikligen resultera i hakig, hoppig obehaglig navigering.
- Webbläsarkompatibilitet: Eftersom oändlig rulning tillhör raden av responsiv webbdesign beror det på bibliotek och plugins som kanske inte är helt kompatibla på äldre enheter eller webbläsarversioner.
- Båda ser att sidfoten försvinna och att den inte kan nå kan vara en? Traumatiserande? erfarenhet för användaren. Dessutom kommer allt innehållet i sidfoten, och därmed, själva sidfotens funktion att försvinna.
- Bristande orientering och geografisk referens: I ett paginerat system kan användarna ställa in en enkel visuell referens för att orientera sig genom sidans innehåll och markera de platser där något av intresse finns, så det är möjligt att snabbt återvända dit senare. Det kan finnas användare som känner sig förlorade eller förvirrade utan att veta var de verkligen är eller saknar det de letade efter.
- Förlust av användarens sista position i strömmen av data, när uppdateringen eller bakåtknappen trycks in. Eftersom den oändliga rullningen syftar till att visa stora mängder poster, bör det också implementeras som ett sätt att hämta den aktuella positionen i listan, för att undvika frustrerande situationer. De flesta klagomål mot oändliga sidor hänvisar till dessa två sista punkter, eftersom användarna förlorade kontrollen över den sida de besöker.
- Bokmärken tenderar att vara värdelösa eftersom en intressepunkt inte kommer att markeras på en diskret sida utan att flyta någonstans i flödet av poster.
- Även om det inte nödvändigtvis är en dålig sak, kan rankningar variera mycket på söksidor eftersom de resultat som begränsas efter sidnumret 2 kommer då att visas på sidnummer ett genom att bara rulla ner tillräckligt länge.
Det är därför, trots sin höga popularitet, oändliga sidor är inte alltid det bästa alternativet för varje webbplats eller till och med för samma webbplats som visas i olika enheter.
Några lösningar
Utvecklare hittar ständigt lösningar för dessa olägenheter, vilket gör oändlig bläddring effektivare. Det väl dokumenterade fallet med den nya LinkedIn-appen för iPad ger en bra fallstudie om problem och lösningar när man implementerar den oändliga rullningen.
Ansökan var tvungen att ha oändlig rullning i en central lista för att visa nyheter och stora bilder. Detta skapade behovet av ett bekvämt sätt att hantera alla element utan att påverka scrollens prestanda. HTML5 och CSS-tricks kombinerades för att få det slutliga resultatet av en app som visar innehållet smidigt utan att krascha.
Utan tvekan har denna förbättring av användarupplevelsen fortfarande ett rättvist sätt att utvecklas, men användarna har redan en bättre surfupplevelse, särskilt när det gäller att navigera sidor med mycket information, grafik och text.
Repository Zone
Oändlig rullning är här för att stanna, så det är lämpligt att känna till olika metoder för att få det att fungera:
Enhantsy: Den handfulla människor som faktiskt tyckte om genomförandet av oändlig rullning på Etsy.com kan aktivera det på sin sida genom att installera det här pluginet från sidan Enhantsy. Pluggen erbjuder flera andra funktioner förutom att återställa kontinuerlig rullning på alla sidor av Etsy.
WordPress Solutions: Bloggar är kanske favoritkandidaterna för oändlig rullning. Kanske kan en liten del av användarna fortfarande inte hantera den semi-transparenta flytande sidfoten som WordPress placerar när oändlig rullning är aktiverad, men för den stora majoriteten som gillar tekniken är Infinite-Scroll ett plugin som aktiverar det ändlösa rullningsläget i de flesta av WP-teman och kräver liten kompetens eller kodningsförmåga. Jetpack-plugin erbjuder också oändlig rullning som en till mellan dussintals funktioner. Tuts + har lagt fram en handledning om hur man uppnår oändlig rullning med jQuery; Denna handledning riktar sig till de modiga tinkersna som är villiga att genomföra oändlig rullning genom att ange själva koden.
Diskussion och rekommendationer: StackOverflow erbjuder massor av handledning om alla tänkbara aspekter relaterade till oändlig rullning.
Mobila alternativ: Oändlig rullning fungerar bra med mobila enheter på grund av deras pekskärm. Det är möjligt att få effekten på Android genom att använda Android-Binding. Metoder för bildrullning som används i appar är också tillgängliga, till exempel för att fungera på iPhones.