Sådan bruges den uendelige Scrolling Trend, den rigtige måde
Uendelig scrolling er blevet et fælles designmønster i de seneste år.
Med mange højt profilerede sociale netværk, der vedtager løsningen, er det kommet til at være et af de mest udbredte mønstre derude. Selvom det er populært, har hvert designmønster altid sine egne unikke styrker og svagheder, som vi skal planlægge.
Udført dårligt, og uendelig rullning vil ødelægge din UX og garantere totalfejl, da brugerne fortaber dig i kramper. Få det rigtigt, og du vil have et intuitivt, populært og vellykket websted.
Forstå hvorfor uendelige scrolling drev engagement
Ved implementering af et designmønster er det altid vigtigt at vurdere fordele og ulemper for hvert unikt scenario. Hvad resulterede i mere brugerinddragelse for en anden, kan faktisk resultere i mindre brugerinddragelse fra dine egne brugere.
For uendelig scrolling, drejer det sig især om den type indhold, brugerne interagerer med.
At kunne bestemme, hvilke typer indholdsmål du har til dine brugere, vil være i stand til at give dig indsigt i, hvilke designmønstre der fungerer bedst i din situation. Dette gælder for ethvert mønster, men især til uendelig rulning.
Højt engagement
Indhold, der søger at gribe og holde brugerens interesse i en længere periode, eller søger at være interaktiv, er simpelthen ikke en ideel kandidat til typisk uendelig rulning. Hvis dit mål er at få dine brugere til at læse, ligesom og dele hvert enkelt indlæg, hvilket giver dem snesevis til at arbejde igennem ad gangen, kan virke overvældende.
Når det er sagt, Medium har fundet en måde at implementere det med succes med indhold, der ikke typisk ville være til gavn for uendelig scrolling.
I stedet for at præsentere brugeren med de næste ti eller tyve indlæg giver Medium en enkelt anbefaling i slutningen af hver artikel. Dette forbliver tro mod høj engagement funktionen, men giver den brugervenlighed, som uendelig scrolling bringer. Så mens højt engagement kan være dit mål, lad det ikke afskrække dig fra at lave en kreativ løsning af din egen.
Lavt engagementsindhold
Uendelig scrolling er bedst med indhold, der kræver lavt engagement. Sites som Twitter og Facebook er spektakulære eksempler på dette. Den typiske bruger af disse websteder ruller simpelthen ned på listen, indtager indhold, men sjældent interagerer aktivt med det. Selvom disse situationer ikke scorer højt på brugerengagement, slutter de at holde brugerne interesserede i længere perioder.
Ukontrollerbare variabler i indholdstype
Selvom det er nogle gange indlysende, hvilken type indhold dit websted har, hvad med dem, der ikke er så sort og hvide? tumblr er et godt eksempel på dette, med indhold, der kunne have høj eller lav bruger engagement engagement mål afhængigt af hvilken type blogs brugeren følger. Selvom disse situationer er sjældne, udgør de et problem, da uendelig rullning kun gavner halvdelen af brugerne. Interessant nok er løsningen i dette tilfælde at minimere en brugers muligheder for interaktion med hvert enkelt indlæg. Dette gør det muligt for brugerne med højt engagement at fokusere snævert på individuelle indlæg, og brugere med lavt engagement involverer meget mere indhold uden at skulle interagere så meget.
Det er også værd at bemærke, at Tumblr gør et fantastisk arbejde for at give brugerne mulighed for at bestemme indholdets værdi på individuel basis. Giver brugerne mulighed for at aktivere eller deaktivere uendelig rulning i deres præferencer giver yderligere kontrol over, hvordan de bruger indholdet.
Hybrid scrolling løsninger
Mange steder vælger at implementere en hybrid-tilgang til uendelig rulning, hvilket giver brugeren mulighed for at indlæse mere indhold, når de når enden af en side. Ved at gøre det giver de tilbage kontrollen til brugeren for at bestemme, hvor meget indhold der skal læses - hvilket er kritisk på mobilen. Denne løsning hjælper også med at opretholde en sammenhængende datalast på serveren. Når der automatisk er indlæst et foruddefineret antal sider, vises en knap, der opfordrer brugeren til at indlæse mere manuelt.
Når uendelig scrolling går dårligt
Der findes utallige eksempler derude af websteder, der bruger uendelig scrolling, og mere end et par gør det til detrement-brugerne. Dan Nguyen skrev en interessant artikel tilbage, da Etsy forsøgte at gennemføre funktionen. Hvad endte med at ske, er, at Etsy gik videre med at implementere det, før de testede deres antagelser. Hvis du lægger flere søgeresultater hurtigere, synes det at være en god ting først ... Men når indholdet kræver højt engagement hos brugerne - som det er tilfældet med shopping - kan ting hurtigt blive sur.
I dette særlige tilfælde søger brugerne aktivt efter noget af interesse. Forsøger at finde det perfekte produkt ud af et hav af valg. Så når brugeren oversvømmes med en tilsyneladende uendelig mængde valg, giver de op og søger andre veje for at finde det, de leder efter.
Bedste praksis til uendelig rulning
Som med ethvert designmønster er der bedste praksis, der normalt er gode at følge. Det er ikke loven om at bruge mønsteret; snarere er de de fleste succesfulde implementeringer gør.
- Få et yndefuldt fald: Sørg for, at brugere uden JavaScript ikke er udeladt i kulden. Design for gammeldags pagination først, og brug derefter JavaScript til at skjule det og implementere uendelig scrolling.
- Giv en visuel indikation af at indlæse mere indhold: At give brugerne en loading animation informerer dem om, hvad der sker. Uden det ser siden ud til at have slået en blindgyde på langsomme forbindelser.
- Hold tilbage-knappen funktionalitet: Selvom mange implementeringer glemmer denne store detalje, skal du sørge for at holde grundlæggende browser funktionalitet. Hvis en bruger blokerer væk fra dit websted og derefter rejser tilbage, forventer de typisk ikke at genindlæse igen øverst på siden.
- Hold navigationen synlig: Mens brugerne primært vil forbruge dit indhold, vil de også gerne browse til andre områder af din hjemmeside. Hvis de er tvunget til manuelt at rulle tilbage gennem hundredvis af indlæg ... De kan vælge at forlade stedet.
- Lazyload indhold foran brugeren: Hele punktet med at implementere uendelig scrolling er at få det til at virke som en endeløs strøm af indhold. Selv om det er vigtigt at have en form for indlæsningsindikator, vil brugerne forhåbentlig sjældent se det.
- Links bør åbnes i et nyt vindue: Dette er en meget diskuteret praksis; det vælger kraftigt for brugeren, men med det formål at hjælpe dem. At tvinge links til at åbne i et nyt vindue eller faneblad forhindrer brugere i at sejlads fra væk fra den uendeligt indlæste liste og miste deres plads.
- Fodbold kan komme i vejen: Ofte ved at implementere en uendelig rulningsløsning betyder det at give mulighed for en hjemmesidefodbold. Selv om det er absolut irriterende at prøve og "fange" en footer, når du automatisk læser flere indlæg, er der andre muligheder. Hvis du bruger en hybrid-ladningsløsning, kan du f.eks. Beholde en fodfeltbrønd inden for brugernes rækkevidde.
Afslutningsvis
Mens uendelig rulning kan være en trendy funktion, der giver brugeren endeløse indholds muligheder ... Det skal bruges korrekt.
Mens vi ønsker at udsætte brugerne for mere indhold, ønsker vi ikke at forringe værdien af hvert enkelt stykke eller få dem til at føle sig overvældet med information. Tross alt er brugerne der for selve indholdet - ikke den fancy scrolling funktion.
Som du kan se, er uendelig rulle i sig selv ikke god eller dårlig. Men snarere kan brugen heraf resultere i bedre eller dårligere brugerinddragelse afhængigt af indholdstypen, der præsenteres. Med det i tankerne kan vi forsøge at forudsige, hvor implementering det vil være gavnligt.
Fremhævet billede / miniaturebillede, rulletrappe billede via Shutterstock.