Slik bruker du den uendelige rullende trenden, den riktige måten
Uendelig rulling har blitt et felles designmønster de siste årene.
Med mange høyt profilerte sosiale nettverk som vedtar løsningen, kommer det til å være et av de mest adopterte mønstrene der ute. Selv om det er populært, har hvert mønster alltid sine egne unike styrker og svakheter vi må planlegge for.
Ferdig gjort, og uendelig rulling vil ødelegge UX-en og garantere total feil når brukerne forlater deg i kjører. Få det riktig, og du vil ha et intuitivt, populært og vellykket nettsted.
Forstå hvorfor uendelig scrolling stasjoner engasjement
Når du implementerer et designmønster, er det alltid viktig å vurdere fordeler og ulemper for hvert unikt scenario. Det som resulterte i mer brukerengasjement for noen andre, kan faktisk resultere i mindre brukerengasjement fra dine egne brukere.
For uendelig rulling spesielt handler det om hvilken type innhold brukerne samhandler med.
Å kunne bestemme hva slags innholdsmål du har for brukerne, vil kunne gi deg innsikt om hvilke designmønstre som fungerer best i din situasjon. Dette gjelder for ethvert mønster, men spesielt for uendelig rulling.
Høyt engasjement innhold
Innhold som søker å gripe og holde brukerens interesse i en lengre periode, eller søker å være interaktiv, er rett og slett ikke en ideell kandidat for typisk uendelig rulling. Hvis målet ditt er å få brukerne til å lese, liker og dele hvert enkelt innlegg, og gi dem dusinvis til å arbeide gjennom om gangen, kan virke overveldende.
Når det er sagt, Medium har funnet en måte å implementere det med hell på innhold som ikke vanligvis ville ha nytte av uendelig rulling.
I stedet for å presentere brukeren med de neste ti eller tjue innleggene, gir Medium en enkelt anbefaling på slutten av hver artikkel. Dette forblir oppfylt av den høye engasjementfunksjonen, men gir nytteverdien som uendelig rulling bringer. Så mens høyt engasjement kan være ditt mål, ikke la det avskrekke deg fra å lage en kreativ løsning av din egen.
Lavt engasjementinnhold
Uendelig rulling er i beste fall med innhold som krever lavt engasjement. Nettsteder som Twitter og Facebook er spektakulære eksempler på dette. Den typiske brukeren av disse nettstedene ruller bare nedover listen, bruker innhold, men sjelden aktivt samhandler med den. Selv om slike situasjoner ikke skiller seg høyt på brukerengasjement, slutter de å holde brukerne interessert i lengre perioder.
Ukontrollerbare variabler i innholdstype
Selv om det noen ganger er åpenbart hva slags innhold nettstedet ditt kan ha, hva med de som ikke er så svart og hvite? tumblr er et godt eksempel på dette, med innhold som kan ha høyt eller lavt brukerengasjementsmål, avhengig av hvilken type blogger brukeren følger. Selv om disse situasjonene er sjeldne, utgjør de et problem ved at uendelig rulling bare vil være gunstig for halvparten av brukerne. Interessant nok, er løsningen i dette tilfellet å minimere en brukeres samspillsmuligheter med hver enkelt post. Dette gjør det mulig for brukerne med høyt engasjement å begrense fokus på individuelle innlegg, og brukere med lavt engasjement bruker mye mer innhold uten å måtte samhandle så mye.
Det er også verdt å merke seg at Tumblr gjør en fantastisk jobb med å la brukerne bestemme verdien av innholdet på individuell basis. Gi brukere muligheten til å aktivere eller deaktivere uendelig rulling i deres preferanser gir ytterligere kontroll over hvordan de bruker innholdet.
Hybrid rullingsløsninger
Mange steder velger å implementere en hybrid-tilnærming til uendelig rulling, slik at brukeren kan laste inn mer innhold når de når enden av en side. Ved å gjøre det gir de tilbake kontrollen til brukeren for å bestemme hvor mye innhold som skal lastes - hvilket er kritisk på mobilen. Denne løsningen hjelper også med å opprettholde en konsistent datalast på serveren. Etter at det automatisk er lastet inn et forhåndsdefinert antall sider, vises en knapp som ber om at brukeren laster mer manuelt.
Når uendelig rulling går dårlig
Det finnes utallige eksempler der ute av nettsteder som bruker uendelig rulling, og flere enn det gjør det til detrement-brukerne. Dan Nguyen skrev en interessant artikkel tilbake da Etsy forsøkte å implementere funksjonen. Det som endte opp, er at Etsy gikk videre med å implementere det før de prøvde sine forutsetninger. Å legge til flere søkeresultater, i raskere grad, synes å være en god ting først ... Men når innholdet krever høyt brukerengasjement - som det er tilfelle med shopping - kan det raskt bli surt.
I dette spesielle tilfellet søker brukerne aktivt etter noe av interesse. Forsøker å finne det perfekte produktet ut av et hav av valg. Så når brukeren oversvømmes med en tilsynelatende uendelig mengde valg, gir de opp og søker andre veier for å finne det de leter etter.
Beste praksis for uendelig rulling
Som med ethvert designmønster, er det gode fremgangsmåter som vanligvis er gode å følge. Dette er ikke lovene for å bruke mønsteret; heller de er hva de fleste vellykkede implementeringer gjør.
- Ha en grasiøs tilbakebetaling: Kontroller at brukere uten JavaScript ikke er utelatt i kulde. Design for gammeldags paginering først, og bruk deretter JavaScript for å skjule det og implementere uendelig rulling.
- Gi en visuell indikasjon på å laste inn mer innhold: Gi brukerne en laste animasjon informerer dem om hva som skjer. Uten det vil siden synes å ha slått en blindgyde på sakte forbindelser.
- Hold tilbake-knappens funksjonalitet: Selv om mange implementeringer glemmer denne store detaljen, sørg for å beholde grunnleggende nettleserfunksjonalitet. Hvis en bruker blar bort fra nettstedet ditt og deretter reiser tilbake, forventer de vanligvis ikke å laste tilbake på toppen av siden.
- Hold navigeringen synlig: Mens brukerne primært vil konsumere innholdet, vil de også ønske å bla til andre områder av nettstedet ditt også. Hvis de blir tvunget til å rulle opp manuelt gjennom hundrevis av innlegg ... De kan velge å gå i stedet.
- Lazyload innhold foran brukeren: Hele poenget med å implementere uendelig rulling er å få det til å virke som en endeløs strøm av innhold. Selv om det er viktig å ha noen form for en lastindikator, vil brukerne forhåpentligvis sjelden se det.
- Lenker bør åpnes i et nytt vindu: Dette er en høyt diskutert praksis; det velger kraftig for brukeren, men med det formål å hjelpe dem. Å tvinge koblinger for å åpne i et nytt vindu eller en blokk forhindrer at brukerne ved et uhell navigerer bort fra den uendelige laste listen og mister deres plass.
- Footers kan komme i vei: Ofte implementering av en uendelig rulling løsning betyr å gi opp muligheten for en nettsted footer. Mens det er definitivt irriterende å prøve og "fange" en footer når du automatisk laster inn flere innlegg, er det andre alternativer. For eksempel, ved å bruke en hybrid lasteløsning, kan du beholde en bunntekst i brukerens rekkevidde.
For å konkludere
Mens uendelig rulling kan være en trendy funksjon som gir brukeren uendelige innholdsalternativer ... Det må brukes riktig.
Mens vi ønsker å utsette brukerne for mer innhold, ønsker vi ikke å forringe verdien av hvert enkelt stykke eller få dem til å føle seg overveldet med informasjon. Tross alt er brukerne der for innholdet selv, ikke den fancy rullingsfunksjonen.
Som du ser, er uendelig rulling i seg selv ikke iboende bra eller dårlig. Men heller, bruken kan føre til bedre eller verre brukerengasjement, avhengig av innholdstypen som presenteres. Med det i tankene kan vi forsøke å forutsi hvor implementering det vil være gunstig.
Utvalgt bilde / miniatyrbilde, rulletrappbilde via Shutterstock.