apeescape2.com
  • Põhiline
  • Andmeteadus Ja Andmebaasid
  • Kpi-D Ja Analytics
  • Mobiilne Disain
  • Veebi Kasutajaliides
Ui Disain

Võtke see piirini - ülevaade pikkade kerimiste veebisaitidest

Pika kerimise või lõpmatu kerimise veebisaidid on täpselt sellised: lehed on palju pikemad kui 'keskmine' veebisaidi lehed ja seetõttu keritakse 'lõpmatult'. Seda tüüpi saidid on muutunud populaarseks sotsiaalmeedia saitidel ja saitidel nagu Pinterest, mis sisaldavad palju kasutajate loodud sisu, samuti mõningaid uudiste- ja ajaveebisaite - ka isiklikud veebisaidid ja portfellid on hakanud kasutama pikki kerimistehnikaid kasutajate seotus ja inimeste veebisaidil veedetud aeg.

Lõputust kerimisest on saanud populaarne ja levinud kujundusmuster, sellegipoolest on mõningaid võimalikke lõkse UI disainerid peaks pika kerimisega saidi kujundamisel teadlik olema. Samuti on teatud tüüpi saite, kus pole sobiv kasutada pikka kerimisjoonistust.



Pika kerimise eesmärk ja eelised

Pika kerimise veebisaitide üks suurimaid eeliseid on see, et need hoiavad saidi külastajaid kauem. Kui inimesed ei pea suurema sisu tarbimiseks teadlikult otsustama, klõpsavad nad vähem tõenäolisemalt.



Mõelge sellele, et see sarnaneb Facebooki, YouTube'i, Netflixi ja sarnaste saitide videote automaatse esitamise viisiga, kui kasutaja vaatab. Nad teavad, et kui külastaja peab uue video klõpsamiseks vaeva nägema, klõpsab ta sama suure tõenäosusega ka mõnele muule saidile. Kuid kui videoid edasi mängitakse, on tõenäolisem, et neid jätkatakse.

Kui pikad kerimissaidid on õigesti kodeeritud, laadivad nad iga uue sisutükiga uue URL-i. See võrdub saidi suurema vaatamiste arvuga, mis võib suurendada reklaamitulu ja saidi koguväärtust.



Pikk kerimine on populaarne uudistesaitidel, mis laadivad kasutaja kerimisel rohkem sisu

Mashable Koduleht laadib kasutaja kerimisel automaatselt rohkem sisu, hoides neid lehel kauem.

meediumipäring reageeriva kujunduse jaoks

Nagu kõigi UX-i otsuste puhul, on enne vormingu üle otsustamist oluline kaaluda saidi tegelikult kasutavate inimeste eeliseid ja puudusi. Pikk kerimine võib olla suurepärane võimalus teatud tüüpi saitidele, samas kui muudes olukordades on see kasutajate meelehärmiks. Tähtis on õppida nende kahe erinevust.

Millal kasutada pikka kerimist (ja millal mitte)

Pika kerimise kaalumisel on oluline meeles pidada, et sisu peaks dikteerima vormingu olenemata sellest, millist saiti kavandatakse. Pikad kerimisveebisaidid sobivad suurepäraselt teatud tüüpi sisu jaoks, kuid võivad koos teiste tüüpidega põhjustada tohutut UX-i tõrke.



Üldiselt ei saa ülesandele ja eesmärkidele suunatud saitidel kasu lõpmatutest kerimiskujundustest (nt e-kaubanduse saidid ja õpetused või muud haridussaidid, kus kasutajad soovivad näha kindlat edasiminekut). Seda tüüpi saidid peavad kasutajatele andma täiuslikkuse ja saavutuse tunde, mida on pikkade kerimissaitide abil raskem saavutada.

Näiteks Etsy proovis 2012. aastal lõpmatut kerimiskujundust ja jõudis lõpuks kohale pöördumine tagasi lehitsemisele . Nad leidsid, et kuigi kliendid ostsid endiselt umbes sama kiirusega, vähenes kasutajate seotus. Isegi sellised asjad nagu tehtud otsingute arv langesid.

Etsy lahkus pikalt kerimisveebisaidilt ja naasis lehitsemise juurde

Etsy lõpetas pika kerimise selle kasuks, et naasta pärast testide sooritamist lehitsetud otsingutulemuste juurde.

Üks võimalus, mida mõned e-kaubanduse saidid külastajatele pakuvad, on tootelehtede vaatamisel valik „Kuva kõik”. See annab kasutajale võimaluse vaadata saiti lõpmatus kerimisvormingus, kui ta seda soovib, säilitades lühemad tulemuste lehed kasutajatele, kes seda vormingut eelistavad.

Lehekülgede otsimine on kasulik ka siis, kui inimestel on oluline teavet kronoloogilises järjekorras vaadata. Kui ühel lehel keritav veebisait võib julgustada inimesi edasi liikuma ja edasi liikuma, aeglustab pagineerimine külastajat ja suurendab tõenäosust, et nad tarbivad teavet õiges järjekorras.

Kui ühel lehel keritav veebisait võib tõesti särada, on saitidel, kus täiendava sisu või artiklite lugemine on loomulik käik. See kehtib näiteks uudistesaitide või aktuaalsete ajaveebide kohta. Nendel saitidel olevad kasutajad soovivad sageli korraga sisestada suures koguses teavet ja lõpmatu kerimine muudab selle palju lihtsamaks.

Teine ilmne ala, kus lõpmatu kerimine on populaarne UX-i valik, on sotsiaalmeedia saidid või saidid, kus on palju kasutajate loodud sisu. Facebook, Pinterest ja Twitter kasutavad kõik lõpmatult kerimist. Need saidid soovivad kasutajaid saidil hoida nii kaua kui võimalik ja lõpmatu kerimine teeb seda hästi.

Pika kerimise psühholoogilised kulud

The psühholoogilised mõjud disainilahenduse otsuseid tuleks alati hoolikalt kaaluda. Kui tegemist on ühe lehe kerimisega veebisaitidel, on psühholoogilisi mõjusid nii selle vastu kui ka selle vastu.

Kõigepealt tuleks arvestada sellega, et kasutajad ei pahanda sihipärast klõpsamist. Klõpsamine on olnud arvutusest, graafilistest kasutajaliidestest ja Internetist alates selle loomisest. Inimesed on selle konkreetse suhtlustüübiga harjunud ja neid ei lülitata välja, kui nad peavad suurema sisu juurde jõudmiseks klõpsama mõnel lingil.

Palju kasutajaid ei meeldi lõpmatu kerimine vaikimisi. Ülimalt pika keritava lehega silmitsi seistes võib tunduda, nagu uppuksite lõpmatusse teabemeresse. Kui kasutajad otsivad konkreetset teavet, on kerimine harva kõige tõhusam viis selle leidmiseks.

Kuna see ei näita lehe pikkust täpselt, rikub lõpmatu kerimine lehe küljel asuva kerimisriba. Kuigi mitte iga kasutaja ei kasuta kerimisriba, võivad selles osas kasutajad lõpmatuks kerimiseks olla pettumust valmistavad.

Lõputu kerimine eemaldab ka lõpptunde, mida kasutajad saavad ühel lehel ülesande lõpuleviimisest või eesmärgi saavutamisest ja siis järgmisele lehele klõpsamisest. Selle lõpetamise tunde kaotamine võib kasutajaid heidutada ja panna neid sama teabe või ülesande jaoks otsima muid allikaid.

Pika kerimise veebisaitide negatiivne psühholoogiline mõju võib olla see, et kasutajad kipuvad lehe allpool olevat sisu vaatama vähem oluliseks kui ülaosas olevat sisu. Päiste kasutamine võib selles aidata, kuna see 'lähtestab' külastaja aju umbes selle kohta, kus on 'ülaosa'.

Pika kerimise veebisaidi parimad tavad

Kui on kindlaks tehtud, et veebisaidi projekt sobib pika kerimiskujunduse jaoks, tuleb silmas pidada mõningaid parimaid tavasid, et veenduda, et see pakub optimaalset kasutuskogemust.

Kõigepealt üles, kraavi jalus! Kui sisu laaditakse pidevalt, surutakse jalus pidevalt lehe alt alla. See tähendab, et igasugune jaluses sisalduv sisu või teave jääb silma alt ära. Hullem on ikka see, kui kasutajad saavad jalusest pilgu, kuid unustavad selle enne, kui neil on võimalus millelgi klõpsata. Kleepuva jaluse kasutamine on üks võimalus, kuigi jalust täielikult vabanemine on sageli parem valik.

graafilise disaini mõju on mõjutanud järgmised tegurid, välja arvatud

Suurepärane viis pika kerimise UX katkestamiseks: pange oluline teave jalusesse

Barbican ei luba teil kunagi näha kogu väärtuslikku teavet nende jaluses, sest niipea kui selleni jõuate, laaditakse rohkem sisu, lükates selle ekraanilt välja.

Visuaalsete vihjete kasutamine on oluline, eriti kui põhiekraani laadimisel pole kohe ilmne, et lehel on rohkem sisu. Saidid, millel on suur päisepilt või visuaalne sisu, mis täidab ekraani lehe laadimisel, sisaldavad sageli noolt (mõnikord animeeritud) või sarnaseid pilte, mis näitavad, et allpool on rohkem sisu.

Visuaalsed näpunäited on ühel lehel keritavate veebisaitide jaoks olulised

Dynamit sisaldab avaekraani allosas väikest noolt, mis näitab külastajatele, et nad peaksid kerima.

Navigeerimine peaks olema pidevalt nähtav kas kleepuva päise või statsionaarselt külgriba koos navigeerimislinkidega . Erandiks on mobiilseadmed, kus kleepuvad päised võivad hõivata väärtusliku ekraaniga kinnisvara. Facebook saab sellega hästi hakkama, kui päis kaob, kui kasutajad allapoole kerivad, kuid ilmuvad siis uuesti üles, kui hakkavad varundama.

Chrome'i veebibrauser teeb ekraani allosas olevate juhtnuppudega midagi sarnast; need kaovad, kui kasutaja kerib alla, ja ilmuvad uuesti, kui nad hakkavad varundama. See on väga intuitiivne viis liidese loomiseks, mis maksimeerib ekraanil saadaolevat kinnisvara.

Üks ülioluline UX-funktsioon, mis õnneks on lõpmatu kerimise veebisaitidel tavalisemaks muutunud, muudab URL-i iga sektsiooni kerimisel. Mõned teevad seda lehe sisemiste järjehoidjatega. Teised saidid, eriti uudistesaidid ja ajaveebid, värskendavad kogu URL-i, kui kasutaja kerib. See on oluline, kuna see võimaldab kasutajatel linkida täpselt sisule, millele nad linkida soovivad, olenemata lehe enda muudatustest.

Mõned veebidisainerid valida, mida võiks pidada pika kerimise hübriidsaitiks, nupuga „laadige rohkem”, mis laadib sisu otse samale lehele. Mõned UI disainerid kasutage seda lehel korduvalt, teised otsustavad selle lisada ainult üks kord ja muudavad selle järel saidi traditsioonilisemaks pikaks kerimisvorminguks.

kuidas ma saan bootstrapi kasutada

Lisaks nendele pikkadele kerimisveebispetsiifilistele disainiga seotud kaalutlustele kehtivad lõpmatut kerimist kasutavate saitide jaoks ka muud kasutajaliidese ja kasutajaliidese head tava heade kujunduste loomiseks.

Näited pikast kerimisest, mis on tehtud õigesti

Veebisaidi kerimise animatsioon parandab kasutajakogemust

Zohra saidi lugu kasutab visuaalseid vihjeid, kui hakkate kerima.


Portfellid on hea võimalus üheleheküljelisel keritaval veebisaidil

Merbise fotograafia ja filmi sait on suurepärane näide portfellisaidist, mis kasutab lõpmatut kerimist.


Üheleheküljeline keritav veebisait

New Yorgi Windowsi sait laadib kogu sisu otse avalehele.


Parallaksi kerimise veebisaidi tehnikad on sageli ühendatud pika kerimisega

Sait Nagu ei ole homset, ühendab pika kerimise parallaksi kerimise tehnikatega.


Peen veebisaidi kerimise animatsioon suurendab kasutajate rõõmu

New Yorgi moenädala veebisait Faces of New York - pikk voog fotodelt sündmuselt - sobib suurepäraselt pika kerimisformaadi jaoks.


Näide ainulaadsest lõpmatu kerimise veebisaidist

John Balli veebisait kasutab veidi teistsugust lähenemist: taustpildid kerivad lõpmatuseni, kuni teksti sisu jääb paigale.


Lingid igale paremal olevale tähele parandavad UX-i sellel ühe lehe kerimise veebisaidil

Veebisait Fake It Digital kasutab pika kerimise abil oma humoorikate alternatiivsete määratluste kuvamist tavalistest äri-, disaini- ja turundusterminitest.

Siis on see sait, pärit Andrew McCarthy . Ehkki disain on ainulaadne, kerib see sama infoga lõpmatult ikka ja jälle. Kuna McCarthy on disainer, on see tõenäoliselt tahtlik valik, et massist eristuda.

Disaineritel on sageli lõbus pikkade kerimisvormingutega

Ja veel üks näide Sam Rosen , kes samuti kordab sama sisu ikka ja jälle, kuigi see sait liigub tagasi tippu, mitte kogu sisu uuesti laadima.

Lõpmatuseni kerimise tehnikad võivad saiditi erineda

Järeldus

Kuigi pikad kerimisveebisaidid pole midagi uut, on nad jõudmas uuele küpsusastmele. Disainerid ei kasuta neid enam lihtsalt järgmise suure asjana ja pööravad selle asemel tähelepanu sellele, kuidas muster mõjutab kasutajakogemust.

erinevalt andmebaaside andmetest on andmeladude andmed:

Parimate tavade järgimine lõpmatu kerimise veebisaitide loomisel võimaldab disaineritel luua UX-i, mis pigem rõõmustab kasutajaid kui tekitab pettumusi. Samal ajal võivad õigesti juurutatud pikad kerimisveebisaidid aidata brändidel ka oma veebisaidi eesmärke saavutada.

• • •

Lisalugemine ApeeScape'i disainiblogist:

  • Veenev kujundus: arenenud psühholoogia efektiivne kasutamine
  • Disainipsühholoogia ja Awesome UXi neuroteadus
  • Kogemus on kõik - ülim kasutamisjuhend
  • Ultimate UX Hook - ennetav, veenev ja emotsionaalne disain UX-is
  • UXi proovitud ja tõesed seadused (koos infograafikaga)

Põhitõdesid mõistes

Mis on veebis kerimine?

Veebirullimist kasutatakse sageli veebisaitidel kasutatavate parallaksi kerimise või lõpmatu kerimise tehnikate tähistamiseks. Lõputu kerimise korral jätkub sisu laadimine ühel lehel, kui kasutaja kerib alla, hoides neid lehel kauem ja vabanedes vajadusest, et kasutajad klõpsaksid järgmisele lehele.

Mis on lehtede kerimine?

Kerimislehed, mida sagedamini nimetatakse pikaks kerimiseks või lõpmatuks kerimiseks, on veebilehed, mis jätkavad uue sisu laadimist, kui kasutaja lehte alla kerib. See välistab kasutaja vajaduse aktiivsema klõpsamise järele, et näha rohkem sisu, hoides teda saidil kauem.

Kuidas nimetatakse ühe lehega veebisaiti?

Ühelehelisi veebisaite on mitmesuguseid, kuid üks kõige sagedamini nähtavatest on lõpmatu kerimise veebisait. Seda tüüpi saidid laadivad kasutaja kerimisel pidevalt rohkem sisu, selle asemel, et sisu erinevatele lehtedele eraldada.

Mis on mitmeleheline veebisait?

Erinevalt pikkadest kerimisveebisaitidest, mis laadivad kasutaja kerimisel uut sisu, eraldavad mitmelehelised saidid sisu erinevatele lehtedele. Mitmelehelised veebisaidid sobivad paremini teatud tüüpi saitidele, näiteks nende jaoks, mis on suunatud ülesandele või eesmärkidele.

Meeldivuste ennustamine: lihtsa soovitusmootori algoritmide sees

Tagumine Ots

Meeldivuste ennustamine: lihtsa soovitusmootori algoritmide sees
Tuleviku toitmine: ülevaade põllumajandusliku toiduainete tehnoloogiast

Tuleviku toitmine: ülevaade põllumajandusliku toiduainete tehnoloogiast

Investorid Ja Rahastamine

Lemmik Postitused
Nurga vs. Reageerige: mis on veebiarenduse jaoks parim?
Nurga vs. Reageerige: mis on veebiarenduse jaoks parim?
Pood UX mobiilse kasutuskogemuse jaoks
Pood UX mobiilse kasutuskogemuse jaoks
Eliksiiri programmeerimiskeelega alustamine
Eliksiiri programmeerimiskeelega alustamine
Krüptoraha mannekeenidele: Bitcoin ja kaugemalgi
Krüptoraha mannekeenidele: Bitcoin ja kaugemalgi
Andmebaaside ränne: Röövikute muutmine liblikateks
Andmebaaside ränne: Röövikute muutmine liblikateks
 
RxSwift ja animatsioonid iOS-is
RxSwift ja animatsioonid iOS-is
Tarkvara kulude hindamine agiilses projektijuhtimises
Tarkvara kulude hindamine agiilses projektijuhtimises
Disainmõtlemise väärtus ettevõtluses
Disainmõtlemise väärtus ettevõtluses
Xamarin Forms, MVVMCross ja SkiaSharp: platvormidevaheliste rakenduste arendamise püha kolmainsus
Xamarin Forms, MVVMCross ja SkiaSharp: platvormidevaheliste rakenduste arendamise püha kolmainsus
API-d sotsiaalsetes võrgustikes: Interneti-portaal reaalsesse maailma
API-d sotsiaalsetes võrgustikes: Interneti-portaal reaalsesse maailma
Lemmik Postitused
  • erandkäsitlus vedrukambris
  • kõige paremini tasustatud tutvumissaidid 2015
  • mis on piiri kohandamise maks
  • figuuri ja maa geštalt-seadus
  • piiri kohandamise maks vs tariif
  • andmebaasi tabeli kujundamise parimad tavad
  • mis on väljateenimise leping
Kategooriad
Mobiilne Disain Innovatsioon Ux Disain Nõuanded Ja Tööriistad Kasumlikkus Ja Tõhusus Mobiilne Investorid Ja Rahastamine Insenerihaldus Tööriistad Ja Õpetused Vilgas

© 2021 | Kõik Õigused Kaitstud

apeescape2.com