Ritināt bezgalīgi vai neveicot bezgalīgo ritināšanu: kur mēs esam tik tālu nonākuši

Šodien mēs izpētīsim visatbilstošākos faktus par to, kā bezgalīgā ritināšana visā tīmeklī kļuva par tādu atzītu paņēmienu, un kāpēc, neskatoties uz popularitāti, tas vēl nav viss, ko plaši izmanto tīmekļa dizainā.

Šī funkcija parādījās brīdī interneta vēsturē, kad palielinājās Web lapās sniedzamās informācijas apjoms, un savienojumu ātrums ļāva lasītājam piekļūt informācijai un pārsūtīt to ar lielāku ātrumu. Jautājums par bezgalīgu ritināšanu tīmekļa lapās ir viens no aspektiem, kas saistīts ar lietotāju pieredzes veidošanu, un tas nav tik vienkārši, kā jūs varētu domāt.

Sākums un popularizēšana

Google to sauc par nepārtrauktu ritināšanu, un to var dēvēt arī par bezgalīgu ritināšanu. Īsumā - bezgalīga ritināšana ir paņēmiens, kas liek pārlūkprogrammai automātiski ielādēt jaunu saturu, kad lietotājs sasniedz lapas apakšdaļu, lai nebūtu nepieciešams meklēt paginifikācijas pogas, lai pārietu uz nākamo daļu; viss parādīsies, vienkārši ripinot peles riteni.

Šis paņēmiens ir īpaši izmantots ziņu plūsmas lapā Facebook; Google attēlu meklēšanas rezultātu lapā un Twitter laika skalā. Interesants jaunākais piemērs, kas publicēts atsauces vajadzībām, ir redzams Isotope jQuery spraudņa demonstrācijas lapā.

hexaedro.eu izmanto horizontālās bezgalīgās ritināšanas priekšrocības, lai ilustrētu cilvēces attīstību

Viena no pirmajām atsaucēm uz šāda veida ritināšanu 2005. gadā tika iesniegta Bila Skota (PayPal lietotāja interfeisa inženierijas direktors) rakstā Nāve peidžeriem! - Rico LiveGrid atbrīvots.

Tā tika izstrādāta, lai lietotājam vienā skatā parādītu ļoti lielu datu tabulu, pirms viņam bija jādodas uz nākamo sadaļu, un to vispirms sauca par ritinošu tiešo režģi. Rakstā bija plusu un mīnusu sadaļa, daži apsvērumi par dizainu un skaidri formulēti jautājuma elementi: peidžeri pret bezgalīgu ritināšanu.

Metode tika pilnveidota un sāka kļūt ļoti populāra tīmeklī, izraisot pēkšņu entuziasma eksploziju par to. Gadu pēc Skota raksta, kurā tika paziņots par ritinošo tiešo režģi, bija iespējams atrast tiešsaistes tekstus, kas vilināja lapu satriecošo parādību un slavēja jauno ritināšanu ar devīzi “Neuzliekiet lietotājam pieprasījumu pēc vairāk satura: vienkārši dodiet to viņiem. ”

Līdz 2008. gada vidum vārdam bezgalīga ritināšana jau bija savs mūžs, un vietne ar tādu pašu nosaukumu bija paredzēta, lai detalizēti izskaidrotu, kā tā darbojas. Vietne piedāvā arī nedaudz spraudņu, lai varētu nepārtraukti ritināt WordPress motīvus, lapas, izmantojot jQuery bibliotēkas, un “autopagerizēt” Safari un Chrome papildinājumus, kas automātiski varētu pievienot ritināšanas funkciju parastajām vietnēm.

“Nelieciet lietotājam prasīt vairāk satura: vienkārši dodiet to viņiem.”

Pat 2012. gadā šī tehnika joprojām tiek prezentēta kā jauninājums “jūsu sirds priekam” līdz ar adaptīvā dizaina ieviešanu. No analītiskā viedokļa tas bija viens solis tālāk, lai nodalītu sākotnēji iespiesto satura esamību no tā elektroniskā ekvivalenta. Galu galā tīmekļa lapas jēdziens nāk tieši no laikrakstu, žurnālu un grāmatu ar reālām papīra lapām materiālās pasaules.

Tomass Baekdāls izskaidro attiecības starp drukātajām lappusēm un tekstiem, kas tiek parādīti uz digitālajiem ekrāniem sadaļā Dissolving the Print Mentality. Baekdal būtībā šo problēmu risina ar sava veida formulu: vispirms formatējiet vispirms vai vispirms saturu. Savā analīzē Baekdals norāda, ka drukāto plašsaziņas līdzekļu ierobežojumus nevajadzētu pārnest uz digitālo ekrānu.

Apple arī veltīja zināmu cieņu ritināšanas tendencei. Viena no galvenajām jauno iBooks 3.0 iezīmēm bija iespēja ritināt grāmatas vertikāli. Tagad lasītājs varēja aizmirst par lapas pagriešanas efektu un ar pirkstu mirkšķināšanu izlasīt savus bestsellerus. Tieši tā tika īstenota Baekdalas devīze “atbrīvoties no dejojošā lāča”: ļaut lasītājam atbrīvoties no vecās fizisko grāmatu paradigmas. Par laimi, bija iespēja izlemt starp tradicionālo lapu pagrieziena motīvu vai nepārtrauktu ritināšanu pēc vēlēšanās, tāpēc vecmodīgam lasītājam joprojām būtu iespēja imitēt īstas grāmatas savā ierīcē.

Kāpēc izvairīties no šī UX uzlabojuma?

Viens no nedaudzajiem izņēmumiem, kas attiecas uz bezgalīgas ritināšanas noteikumu, bija Danas Makkinlijas gadījums Etsijā, kur praktisks pētījums, izmantojot A / B testēšanas metodiku, parādīja, ka tehnika nedarbojas kā cerēts.

Faktiski no vietnes tika noņemta bezgalīga ritināšana pēc tam, kad samazinājās izlases klikšķu skaits un meklēšanas funkcija vairs netika izmantota. Neskatoties uz iespējamo neobjektivitāti attiecībā uz metodi, kas izmantota lietotāju reakcijas novērtēšanai, ir skaidrs, ka bezgalīgā ritināšana pati par sevi nebija darbības maksimizēšana vai vismaz tas, ka parastā vietnes publika nepiekrita izmaiņām.

Google ir vēl viens piemērs, kur bezgalīgu ritināšanu neizdevās pilnībā ieviest. Tikai attēlu meklēšanā ir bezgalīga ritināšana, un pat tur ritināšana ir ierobežota ar pogu “parādīt vairāk rezultātu”.

viens no radošākajiem bezgalīgās ritināšanas lietojumiem ir attēlots vietnē distancetomars.com

Priekšrocības

Bezgalīgai ritināšanai, kas ir tikai izdomāta īpašība, ir dažādas priekšrocības, kas daudzos gadījumos padara to vērtīgu:

• Bezgalīgas ritināšanas pievilcības centrā ir nepārtraukta uzmanība, kuru lietotājs pievērš, kad automātiski tiek piegādāts vairāk satura. Lasītājam pēc uzlabotas uzmanības nebūs jāpārstāj domāt, kur atrast nākamo pogu vai kādam lappušu skaitam vajadzētu būt.
• Psiholoģiskā ziņā šķiet, ka bezgalīga ritināšana izraisa automātiskas reakcijas, kuru pamatā ir zinātkāre un mazinātas cerības, kas rodas, gaidot jaunu informāciju, kas rada zināmu satraukumu un vēlmi turpināt ritināšanu, lai redzētu, kas rodas. Šis psiholoģiskais mehānisms ir pelnījis pietiekamu izpratni, jo sākotnējās priekšrocības var kļūt par problēmu. Piemēram, Makkinlija atklājumi liek domāt, ka bezgalīgi ritinot meklēšanas rezultātu lapu, tas kaut kā šokēja vai mulsināja lietotājus, pārslogojot viņus ar arvien vairāk un vairāk informācijas līdz vietnei, ka meklēšanas izmantošana tika izvairīta.
• Veidņu noformējums var būt noderīgs ar lielāku tīrību, vairāk vietas saturam un mazāk traucējošiem elementiem, piemēram, peidžeru numuru sarakstam.

Negatīvie

Protams, ir jāņem vērā arī vairākas ar bezgalīgu ritināšanu saistītas problēmas:

• Palielināts lapas ielādes laiks: ir acīmredzams, ka papildu saturam, kas jāpievieno lapas apakšā, ir nepieciešams vairāk laika lejupielādēšanai. Lietotājiem ar iezvanpieejas savienojumiem vai sliktiem mobilo datu plāniem būs mazāka iespēja efektīvi pārlūkot šo lapu.
• Atmiņas izmantošana: Pārlūkprogrammās gan galddatoros, gan mobilajās ierīcēs un planšetdatoros, iespējams, var pietrūkt atmiņas un var rasties avārijas, īpaši, ja lapa ielādē daudz attēlu.
• Palielināts ielādes laiks, kā arī nepieciešamā papildu sistēmas atmiņa un procesora izmantošana neizbēgami var izraisīt nemierīgu, lēkājošu nepatīkamu navigāciju.
• Pārlūka saderība: tā kā bezgalīga ritināšana pieder adaptīva tīmekļa dizaina jomai, tā ir atkarīga no bibliotēkām un spraudņiem, kas vecāku ierīču vai pārlūka versijās var nebūt pilnībā saderīgi.
• Gan redzot kājenes pazušanu, gan nespēju sasniegt, lietotājam var būt “traumējoša” pieredze. Arī viss kājenes saturs un līdz ar to arī pati kājenes funkcija izzudīs.
• Orientācijas un telpiskās atsauces trūkums: Paginātu shēmā lietotāji var iestatīt vienkāršu vizuālu atsauci, lai orientētos lapas saturā un atzīmētu vietas, kur atrodams kaut kas interesants, tāpēc ir iespējams ātri tur atgriezties. Varētu būt lietotāji, kuri jūtas pazuduši vai sajaukti, nezinot, kur viņi īsti atrodas, vai pazaudējuši to, ko meklē.
• Lietotāja pēdējās pozīcijas zaudēšana datu straumē, nospiežot atsvaidzināšanas vai atpakaļ pogu. Tā kā bezgalīgās ritināšanas mērķis ir parādīt lielu ierakstu daudzumu, tas būtu jāīsteno arī kā veids, kā iegūt faktisko atrašanās vietu sarakstā, lai izvairītos no satraucošām situācijām. Lielākā daļa sūdzību par bezgalīgām lapām attiecas uz šiem diviem pēdējiem punktiem, jo ​​lietotāji zaudē kontroli pār lapu, kuru viņi apmeklē.
• Grāmatzīmes parasti ir bezjēdzīgas, jo interesējošie punkti netiks atzīmēti atsevišķā lapā, bet pelnīs kaut kur ierakstu plūsmā.
• Lai arī tā nebūt nav slikta lieta, klasifikācija meklēšanas lapās var ievērojami atšķirties, jo šie rezultāti, kas norisinās tikai pēc 2. lappuses, parādīsies pirmajā lapā, vienkārši ritinot uz leju pietiekami ilgi.

Tāpēc, neskatoties uz to augsto popularitāti, bezgalīgās lapas ne vienmēr ir labākais risinājums katrai vietnei vai pat vienai un tai pašai vietnei, kas tiek apskatīta dažādās ierīcēs.

Daži risinājumi

Izstrādātāji pastāvīgi atrod risinājumus šīm neērtībām, padarot bezgalīgo ritināšanu efektīvāku. Labi dokumentēts jaunās iPad lietotnes LinkedIn gadījums nodrošina labu gadījumu izpēti par problēmām un risinājumiem, ieviešot bezgalīgo ritināšanu.

Pieteikumam bija jābūt bezgalīgai ritināšanai centrālajā sarakstā, lai parādītu ziņas un lielas bildes; tas radīja nepieciešamību pēc ērta apstrādes ar visiem elementiem, neietekmējot ritināšanas veiktspēju. Tika apvienoti HTML5 un CSS triki, lai iegūtu lietotnes gala rezultātu, kas vienmērīgi parāda saturu, bez avārijas.

Neapšaubāmi, šai lietotāju pieredzes uzlabošanai joprojām ir taisnīgs attīstības veids, taču lietotājiem jau ir labāka pārlūkošanas pieredze - it īpaši, ja runa ir par navigāciju lapās ar daudz informācijas, grafiku un tekstu.

Repozitorija zona

Bezgalīga ritināšana ir šeit, lai paliktu, tāpēc ieteicams zināt dažādas metodes, lai tā darbotos:

Enhantsy: Daļa cilvēku, kuriem patiešām patika bezgalīgas ritināšanas ieviešana vietnē Etsy.com, to var atkārtoti iespējot savā lapā, instalējot šo spraudni no lapas Enhantsy. Spraudnis piedāvā vairākas citas funkcijas papildus atjaunot nepārtrauktu ritināšanu visās Etsy lapās.

WordPress risinājumi: Blogi, iespējams, ir iecienītākie kandidāti bezgalīgai ritināšanai. Varbūt neliela lietotāju daļa joprojām nevar tikt galā ar daļēji caurspīdīgo peldošo kājeni, kuru WordPress ievieto, kad ir iespējota bezgalīga ritināšana, taču lielākajai daļai, kurai patīk šī tehnika, Infinite-Scroll ir spraudnis, kas lielākajā daļā aktivizēs bezgalīgu ritināšanas režīmu. no WP tēmām un prasa maz kompetences vai kodēšanas iemaņu. Jetpack spraudnis piedāvā arī bezgalīgu ritināšanu kā vēl vienu starp desmitiem funkciju. Tuts + ir ievietojis apmācību par to, kā panākt bezgalīgu ritināšanu, izmantojot jQuery; šī apmācība ir paredzēta drosmīgajiem domātājiem, kuri vēlas ieviest bezgalīgu ritināšanu, paši ievadot kodu.

Diskusija un ieteikumi: StackOverflow piedāvā daudz konsultāciju par visiem iespējamiem aspektiem, kas saistīti ar bezgalīgu ritināšanu.

Mobilās alternatīvas: bezgalīga ritināšana labi darbojas ar mobilajām ierīcēm to skārienekrānu rakstura dēļ. Izmantojot Android-Binding, ir iespējams iegūt efektu operētājsistēmā Android. Ir pieejamas arī lietotnēs izmantotās attēlu ritināšanas metodes, piemēram, darbam ar iPhone.