Å uendelig rulle eller ikke til uendelig rulle: Hvor vi har kommet så langt

I dag studerer vi de mest relevante fakta om hvordan uendelig rulling viste seg å bli en så anerkjent teknikk over hele nettet, og hvorfor det til tross for populariteten ennå ikke er så bredt brukt i webdesign.

Denne funksjonen dukket opp på et punkt i historien til Internett da mengden informasjon som skal presenteres på websider økte, og hastigheten på tilkoblinger gjorde at leseren hadde tilgang til og overfør informasjon med større hastigheter. Spørsmålet om uendelig rulling på websider er et av aspektene som er involvert i designopplevelsen av brukeropplevelser, og er ikke så klippete og tørre som du kanskje tror.

Begynnelser og popularisering

Hos Google kalles det kontinuerlig rulling og kan også omtales som endeløs rulling. Kort sagt er uendelig rulling en teknikk for å gjøre nettleseren automatisk å laste inn nytt innhold når brukeren når bunnen av siden, slik at det ikke er nødvendig å se etter pagineringsknapper for å gå til en neste del; det hele vil dukke opp bare ved å rulle med musehjulet.

Denne teknikken brukes spesielt på nyhetsfeedsiden på Facebook; resultatsiden for bilder på Google og Twitter-tidslinjen. Et interessant up-to-date eksempel publisert for referanseformål kan sees på demosiden for Isotope jQuery plugin-plugin.

hexaedro.eu benytter seg av horisontal uendelig rulling for å illustrere evolusjonen av menneskeheten

En av de første referansene til denne typen rulling ble gjort tilbake i 2005 av Bill Scott (Director of User Interface Engineering at PayPal) i sin artikkel Death to Paging! - Rico LiveGrid utgitt.

Den ble utviklet for å presentere en veldig stor datatabell i en enkelt visning for brukeren før han måtte gå til et følgende avsnitt, og det ble først omtalt som det rulle live-rutenettet. Artikkelen inkluderte en fordeler og ulemper, noen designhensyn og formulerte elementene i spørsmålet med klare ord: personsøking vs. uendelig bla.

Teknikken ble foredlet og begynte å være veldig populær på nettet, noe som medførte en plutselig eksplosjon av entusiasme rundt den. Ett år etter Scotts artikkel, som kunngjorde rulle live-rutenettet, var det mulig å finne online-tekster som ødelegger sidebritningsfenomenet og berømmer den nye rullen med mottoet "Ikke tvang brukeren til å be om mer innhold: bare gi det til dem."

I midten av 2008 hadde begrepet uendelig rulle allerede sitt eget liv og et nettsted med samme navn viet til å forklare i detalj hvordan det fungerer. Nettstedet tilbød også en håndfull plugins for å muliggjøre kontinuerlig rulling på WordPress-temaer, sider via jQuery-biblioteker og "autopagerize" -tillegg for Safari og Chrome, som automatisk kan legge til rullefunksjonen til normale nettsteder.

"Ikke tving brukeren til å be om mer innhold: bare gi dem det."

Selv i 2012 blir teknikken fremdeles presentert som en innovasjon "til ditt hjerte glede" sammen med implementering av responsiv design. Fra et mer analytisk synspunkt var dette et skritt videre på skillet mellom den opprinnelig trykte eksistensen av innhold og dets elektroniske motstykke. Tross alt kommer forestillingen om en webside nettopp fra den materielle verdenen til aviser, blader og bøker med ekte papirsider.

Thomas Baekdal forklarer forholdet mellom trykte sider og tekster som vises på digitale skjermer i Løs at Print Mentality. Baekdal avgjør i utgangspunktet problemet med en slags formel: format først eller innhold først. I sin analyse uttaler Baekdal at begrensningene til trykte medier ikke bør overføres til den digitale skjermen.

Apple hyllet også en del hyllestrender. En av hovedfunksjonene i de nye iBooks 3.0 var muligheten for å rulle bøkene loddrett. Nå kunne leseren glemme at siden ble effekt og lese bestselgerne sine ved å flikke. Det var nettopp en implementering av Baekdals motto om "bli kvitt den dansende bjørnen": å la leseren bli frigjort fra det gamle fysiske bokparadigmet. Heldigvis var det et alternativ å bestemme mellom det tradisjonelle sidevendertemaet eller den kontinuerlige rullingen etter ønske, slik at den gammeldagse leseren fremdeles ville ha muligheten til å etterligne sanne bøker i enheten deres.

Hvorfor unngå denne UX-forbedringen?

Et av de få unntakene fra regelen om å omfatte uendelig rulling var tilfellet med Dan McKinley på Etsy, hvor et praktisk stykke forskning ved bruk av A / B-testmetodikken viste at teknikken ikke fungerte som forventet.

Faktisk ble uendelig rulling fjernet fra nettstedet etter at antall klikk på favoritter ble redusert og søkefunksjonen ikke ble brukt lenger. Til tross for en mulig skjevhet i metoden som ble brukt for å evaluere reaksjonene fra brukerne, er det tydelig at uendelig rulling ikke var maksimerende aktivitet av seg selv, eller i det minste at den vanlige publikum på nettstedet ikke var enig i endringen.

Google er et annet eksempel der endeløs rulling ikke lyktes å bli implementert fullt ut. Bare bildesøket har uendelig rulling, og til og med der er rullefunksjonen begrenset med "vis flere resultater" -knappen.

en av de mest kreative bruksområdene ved uendelig rulling er avbildet på distancetomars.com

Fordelene

Mer enn å bare være en fancy funksjon, har uendelig rulling forskjellige fordeler som gjør det verdt i mange tilfeller:

• Den uavbrutte oppmerksomheten en bruker opprettholder når mer innhold automatisk gis, er kjernen i attraktiviteten til den uendelige rullingen. Leseren trenger ikke å stoppe for å tenke hvor den neste knappen finner eller hvilket antall sider som skal komme, etter en forbedret oppmerksomhet.
• I psykologiske termer ser det ut til at uendelig rulling utløser automatiske svar basert på nysgjerrighet og lindring av forventningen som blir produsert mens du venter på ny informasjon, noe som medfører en slags spenning og vilje til å fortsette å bla for å se hva som kommer opp. Denne psykologiske mekanismen fortjener tilstrekkelig forståelse da den innledende fordelen kan bli til et problem. For eksempel tyder funnene fra McKinley på at uendelig å bla i søkeresultatsiden på en eller annen måte sjokkerte eller forvirrede brukerne, overbelaste dem med mer og mer informasjon til det punktet at bruk av søket ble unngått.
• Maldesign kan ha fordel med mer renhet, mer rom for innhold og mindre distraherende elementer som listen over numre for personsøking.

Ulempene

Selvfølgelig er det også en rekke problemer med uendelig rulling som bør vurderes:

• Lastetid for side økte: Det er åpenbart at ekstrainnholdet som skal legges til på bunnen av en side, trenger mer tid for å lastes ned. Brukere med oppringt forbindelse eller dårlige mobildataplaner vil ha en redusert mulighet til å bla gjennom den aktuelle siden.
• Minnebruk: Nettlesere, både på stasjonære datamaskiner og på mobile enheter og nettbrett kan potensielt gå tom for minne og krasje, spesielt når siden laster inn mange bilder.
• Den økte lastetiden sammen med mer systemminne og prosessorbruk kan uunngåelig resultere i hakkete, uhyggelig ubehagelig navigasjon.
• Nettleserkompatibilitet: Siden uendelig rulling hører til området responsiv webdesign, avhenger det av biblioteker og plugins som kanskje ikke er fullt kompatible på eldre enheter eller nettleserversjoner.
• Både det å se bunnteksten forsvinne og ikke kunne nå, kan være en "traumatiserende" opplevelse for brukeren. Også alt bunntekstens innhold, og derfor funksjonen til bunnteksten selv forsvinner.
• Mangel på orientering og romlig referanse: I et paginert skjema kan brukere angi en enkel visuell referanse for å orientere seg gjennom innholdet på siden og markere stedene der noe av interesse blir funnet, så det er mulig å raskt komme tilbake dit senere. Det kan være brukere som føler seg fortapt eller forvirrede og ikke vet hvor de virkelig er eller savner hva de lette etter.
• Tap av brukerens siste plassering i datastrømmen når oppdateringen eller tilbake-knappen trykkes. Siden den uendelige rullingen har som mål å vise store mengder oppføringer, bør den implementeres også en måte å hente den faktiske plasseringen på listen, for å unngå frustrerende situasjoner. De fleste klager mot uendelige sider refererer til disse to siste punktene fordi brukerne mistet kontrollen over siden de besøker.
• Bokmerker har en tendens til å være ubrukelige siden et interessepunkt ikke blir markert på en diskret side, men flyter et sted i flyt av oppføringer.
• Selv om det ikke nødvendigvis er en dårlig ting, kan rangeringene variere veldig på søkesider, siden resultatene som er begrenset etter side nummer 2, vil vises på side nummer én bare ved å rulle ned lenge nok.

Derfor, til tross for deres høye popularitet, er uendelige sider ikke alltid det beste alternativet for hvert nettsted eller til og med for det samme nettstedet som vises på forskjellige enheter.

Noen få løsninger

Utviklere finner stadig løsninger for disse ulempene, noe som gjør uendelig rulle mer effektiv. Den veldokumenterte saken med den nye LinkedIn-appen for iPad gir en god casestudie om problemer og løsninger når du implementerer den uendelige bla.

Applikasjonen måtte ha uendelig bla i en sentral liste for å vise nyheter og store bilder; Dette skapte behovet for en praktisk måte å håndtere alle elementene på uten å påvirke resultatene til rullen. HTML5- og CSS-triks ble kombinert for å få det endelige resultatet av en app som viser innholdet jevnt uten å krasje.

Uten tvil har denne forbedringen av brukeropplevelsen fortsatt en god måte å utvikle seg på, men brukerne har allerede en bedre nettopplevelse - spesielt når det gjelder å navigere sider med mye informasjon, grafikk og tekst.

Oppbevaringssone

Uendelig rulling er her for å bli, så det er lurt å vite forskjellige metoder for å få det til å fungere:

Enhantsy: Den håndfulle mennesker som faktisk likte implementeringen av uendelig rulling på Etsy.com, kan aktivere den på siden sin ved å installere denne pluginen fra siden Enhantsy. Programtillegget tilbyr flere andre funksjoner i tillegg til å gjenopprette kontinuerlig rulling på alle sider av Etsy.

WordPress-løsninger: Blogger er kanskje favorittkandidatene for uendelig rulling. Kanskje kan en liten andel brukere fremdeles ikke takle den halvtransparente flytende bunnteksten som WordPress plasserer når uendelig rulling er aktivert, men for det store flertallet som liker teknikken, er Infinite-Scroll en plugin som vil aktivere den uendelige rullemodusen i de fleste av WP-temaer og krever liten kompetanse eller kodingsferdigheter. Jetpack-pluginen tilbyr også uendelig rulling som en til mellom dusinvis av funksjoner. Tuts + har lagt ut en tutorial om hvordan du oppnår uendelig rulling ved hjelp av jQuery; denne opplæringen er rettet mot de modige tinkerers som er villige til å implementere uendelig rulling ved å skrive inn koden selv.

Diskusjon og anbefalinger: StackOverflow tilbyr mange tutorials om alle tenkelige aspekter relatert til uendelig rulling.

Mobilalternativer: Uendelig rulling fungerer bra med mobile enheter på grunn av berøringsskjermene deres. Det er mulig å få effekten på Android ved å bruke Android-Binding. Metoder for å rulle bilder som brukes i apper er også tilgjengelige for å fungere på iPhones.