Dagene til "over brettet" er over. Langrulle og uendelige rullingsider blir stadig mer populære i det siste, og det er ingen tilfeldighet at denne teknikken oversettes godt til mobile enheter. Den økte bruken av mobile skjermer har definitivt spilt en nøkkelrolle i den omfattende aksepteringen av langrulle teknikk: Jo mindre skjermen, desto lengre rulle.

Langrulling åpner mange nye dører for designere. Dette mønsteret har imidlertid sine egne ulemper. Det krever at designere legger stor vekt på innhold, navigering og animasjon.

Her er 5 tips å følge for å sikre at lang rulling oppfyller brukerens forventninger.

1. Gi interessant innhold rett fra starten

Til tross for at folk vanligvis begynn å bla så snart siden laster, innhold øverst, synlig del av skjermen er svært viktig. Det som vises øverst på siden, oppretter et førsteinntrykk og setter en kvalitetsforventning for brukerne. Brukerne ruller, men bare hvis det de ser når de kommer inn på siden, er lovende nok.

For å sikre at folk skal rulle, må du gi innhold som holder dine besøkende interessert. Dermed legg inn ditt mest overbevisende innhold øverst på siden:

  • Gi interessante fakta (fakta som tiltrekker besøkende og holder oppmerksomheten deres)
  • Bruk engasjerende bilder (brukere legger stor vekt på bilder og bilder som inneholder relevant informasjon)

2. Gi brukerne en visuell Cue

Noen ganger er den beste måten å få brukere til å bla på, direkte å be dem om å gjøre det. Bare informer brukerne om at det meste av innholdet er tilgjengelig under folden. En subtil visuell kø, for eksempel en pil som peker på skjermen eller en tekst "rull ned", kan informere brukerne om at det meste av innholdet er tilgjengelig under.

1

Pil pekende på skjermen informerer brukerne om at det meste av innholdet vil bli lagt ut nedenfor.

3. Hold navigasjonsalternativene vedvarende synlig

Navigasjon er et merke eller pause av brukeropplevelsen til et nettsted. En av de største risikoen for å bruke langrulling i design er mulighet for brukerens desorientering. Hvis navigasjonslinjen mister synligheten når brukerne ruller ned, må de rulle helt tilbake når de er dypt inne på siden. Vanligvis forvirrer denne oppførselen og frustrerer brukerne.

Den åpenbare løsningen for dette problemet er å bruke en klebrig navigasjonsmeny som viser nåværende posisjon og forblir på skjermen i samme posisjon til enhver tid.

Et eksempel på vedvarende synlig klebrig navigasjon.

Kun mobile enheter: Siden mobilskjermen er mye mindre enn skrivebordsbeskjermen, kan en synlig navigasjonslinje ta opp en relativt betydelig del av skjermen. En måte å løse problemet på med en liten skjermfelt er å skjule en navigeringslinje når brukere ruller etter nytt innhold og gjør det synlig når brukerne trekker seg ned for å komme tilbake til toppen.

4. Bruk funksjonell animasjon for å engasjere besøkende

Kreative effekter som parallaxrulling og rulleaktiverte animasjoner kan involvere brukere å bla mer. De slår å rulle inn i noe morsommere og få brukeren til å lure på "hva skjer neste?"

Vurder å bryte opp siden din i rullbare "biter". Innenfor hver bit kan du introdusere innholdet gjennom kreative animasjoner. Når brukerne ruller over, overfører animasjoner dem til neste skjermbilde mens du lager en vei med innhold som skal følges.

Parallax er en annen populær animert effekt som kan forbedre rulleopplevelsen. Parallax-effekten skaper en illusjon av dybde og nedsenkning ved å gjøre bakgrunnsbildet bevege seg langsommere enn innholdet i forgrunnen. Når nettstedet ditt ønsker å fortelle en historie på en jevn, lineær måte, kan lang rulleparing med parallax-effekten skape en helt nedsenkende nettleseropplevelse.

5. Unngå Scroll Hijacking

Nettsteder som implementerer rullekapsler tar kontroll over rulle og overstyrer en grunnleggende funksjon i nettleseren. Rull kapring er dårlig fordi brukeren ikke lenger har full kontroll over sideskroll og ikke kan forutsi atferd. Brukernes forventning om en nettsides rullingsinteraksjon bør ikke ødelegges av narrative erfaringer.

6

Apple bruker rullekapsler på Mac Pro-siden.

Konklusjon

Langrulling er i stand til å skape en helt nedsenkende surfingopplevelse. Det er helt mulig å gjøre en reise like hyggelig som destinasjonen. Når brukere liker innholdet på nettstedet ditt og finner brukergrensesnittet intuitivt, vil de ikke helt huske lengden på rullen.