Päivät "taakan yläpuolella" ovat ohi. Pitkä vieritys ja äärettömät vierityspaikat ovat viime aikoina yhä suosittuja, eikä ole sattumaa, että tämä tekniikka menee hyvin mobiililaitteisiin. Mobiilitäyttöjen lisääntynyt käyttö on ehdottomasti ollut avainasemassa pitkään rullaustekniikan laajassa hyväksynnässä: Mitä pienempi näyttö, sitä pidempi vieritys on.

Pitkä rullaus avaa paljon uusia ovia suunnittelijoille. Kuviolla on kuitenkin omat haittapuolensa. Se vaatii suunnittelijoita kiinnittämään paljon huomiota sisältöön, navigointiin ja animaatioihin.

Seuraavassa on viisi vinkkejä, joiden avulla voit varmistaa, että pitkä rullaus vastaa käyttäjien odotuksia.

1. Tarjoa mielenkiintoista sisältöä heti alusta lähtien

Huolimatta siitä, että ihmiset yleensä aloita vieritys heti, kun sivu latautuu, sisällön yläosassa näkyvä osa näytöstä on erittäin tärkeä. Sivun yläosassa näkyvä sisältö luo alkuperäisen näyttökerran ja asettaa käyttäjille laatuominaisuudet. Käyttäjät eivät selitä, mutta vain, jos heidän näkemänsä, kun he tulevat sivulle, on riittävän lupaava.

Jotta voit vierailla, sinun on annettava sisältöä, joka pitää kävijät kiinnostuneena. Sijoita siis kaikkein vakuuttavin sisältö sivun yläosaan:

  • Tarjoa mielenkiintoisia tosiasioita (tosiasioita, jotka houkuttelevat kävijöitä ja pitävät huoltaan
  • Käytä kiinnostavia kuvia (käyttäjät kiinnittävät tarkkaan huomiota kuviin ja kuvioihin, jotka sisältävät olennaisia ​​tietoja)

2. Anna käyttäjille Visual Cue

Joskus paras tapa saada käyttäjiä vierittämään on pyytää heitä suoraan tekemään sen. Ilmoita käyttäjille, että suurin osa sisällöstä on saatavilla taitteen alapuolella. Hieno visuaalinen vihje, kuten nuoli, joka osoittaa ruutua tai teksti "vierittää alaspäin", voi ilmoittaa käyttäjille, että suurin osa sisällöstä on saatavilla alla.

1

Nuolinäppäimillä näkyvä nuoli ilmoittaa käyttäjille, että suurin osa sisällöstä esitetään alla.

3. Pidä navigointiasetukset jatkuvasti näkyvissä

Navigointi on sivuston käyttökokemuksen tekijä tai tauko. Yksi suurimmista riskeistä käyttää pitkää vieritystä suunnittelussa on mahdollisuus käyttäjän epäselvyyteen. Jos navigointipalkki menettää näkyvyytensä, kun käyttäjät selaa alaspäin, heidän on selattava aina takaisin, kun he ovat syvälle sivulle. Yleensä tämä käyttäytyminen sekoittaa ja turhauttaa käyttäjät.

Ilmeinen ratkaisu tähän ongelmaan on käyttää tahmeaa navigointivalikkoa, joka näyttää nykyisen sijainnin ja pysyy näytöllä samassa paikassa kaikkina aikoina.

Esimerkki pysyvästi näkyvästä tahmeasta navigoinnista.

Vain mobiililaitteet : Koska mobiili-näyttö on paljon pienempi kuin työpöydän näyttö, näkyvä navigointipalkki voi ottaa suhteellisen merkittävän osan näytöstä. Yksi tapa ratkaista pienen näytön omaisuuden ongelma on piilottaa navigointipalkki, kun käyttäjät rullaavat uutta sisältöä ja tekevät sen näkyviksi, kun käyttäjät vetävät alas päästäkseen takaisin alkuun.

4. Käytä toiminnallista animaatiota osallistumaan kävijöihin

Mainosvaikutukset, kuten parallaksen vieritys ja vieritysaktivoituvat animaatiot, voivat kytkeä käyttäjiä liikkumaan lisää. He kääntävät rullata jotain hauskempaa ja tekevät käyttäjistä miettinyt "mitä seuraavaksi tapahtuu?"

Harkitse sivusi hajottamista vieritettäviksi "paloiksi". Voit sisällyttää sisällön sisällön luovien animaatioiden läpi jokaiseen osioon. Kun käyttäjät selaa, animaatiot siirtävät ne seuraavaan näyttöön samalla kun luodaan sisältöä seuraava sisältö.

Parallax on toinen suosittu animoitu vaikutus, joka voi parantaa vierityskokemusta. Parallax-vaikutus luo illuusion syvyydestä ja upottamisesta tekemällä taustakuvan hitaammaksi kuin etualalla oleva sisältö. Kun sivustosi haluaa kertoa tarinan sileällä, lineaarisella tavalla, pitkä selaus, jossa parallaalinen vaikutus paranee, pystyy luomaan täydellisen selauskokemuksen.

5. Vältä selaushäiriöitä

Sivuston siirrettävät verkkosivustot hallitsevat vieritystä ja ohittavat verkkoselaimen perustoiminnon. Vieritä kaappaaminen on huono, koska käyttäjä ei enää hallitse täysin sivun selausta eikä pysty ennustamaan sen käyttäytymistä. Käyttäjien odotuksia verkkosivujen vierivästä vuorovaikutuksesta ei pidä tuhota kerronnan kokemisen vuoksi.

6

Apple käyttää selaa kaappaamista Mac Pro -sivullaan.

johtopäätös

Pitkä rullaus pystyy luomaan täydellisen selauskokemuksen. On täysin mahdollista tehdä matkaa niin hauska kuin kohde. Kun käyttäjät pitävät sivustosi sisältöä ja löytävät käyttöliittymän intuitiivisen, niin he eivät todellakaan ole mielessäsi vieritysruudun pituutta.