Miten vieritystä voi hyödyntää verkkokaupankäynnissä

Beth Shero

Written by Beth Shero

Co-founder & CEO

How to Use Scrolling to Your Advantage in eCommerce

above-the-fold

Yksi yleisimmistä huolenaiheista, jonka kuulemme verkkokauppaa rakentaessamme, on se, että asiakkaamme haluavat mahdollisimman paljon tietoa "above the fold" -alueelle. Useimmissa verkkosivustoissa "fold" on yleensä sivun yläosan 550 pikseliä, teemasta tai tyylistä riippuen. Vaikka tämä yläosa on edelleen tärkeä käyttäjien sitouttamiseksi, se ei ole koko suunnittelun käyttäjäkokemuksen lopputulos. Monet yritykset haluavat välttää verkkosivun selaamista löytääkseen etsimänsä.

Mobiililaitteiden yleistyessä yhä useammat ihmiset selaavat luonnollisesti joka päivä. Asiakkaat ovat alkaneet opetella selaamaan löytääkseen haluamansa, ja tämä piirre on alkanut siirtyä myös kannettaviin tietokoneisiin ja tietokoneen näyttöihin. Yhä useammin verkkosivustojen kävijät selaavat ensin sivun alareunaan ennen kuin palaavat ylös.

Siksi voi olla aika alkaa harkita uudelleen, missä toimintakehotteesi ovat verkkosivustollasi ja miten voit suunnitella verkkokauppasi lisäämään konversioita.

Miten käyttäjäsi käyttäytyvät?

Katsotaanpa ensin, miten käyttäjät käyttäytyvät. Ihmiset selaavat verkkosivustoja kolmella päätavalla:

  1. He selaavat ennen kuin koko sivu latautuu. Tämä tarkoittaa, että he eivät välttämättä edes näe sivun yläosan sisältöä. Vaikka voi tuntua intuitiiviselta liikkua ennen kuin sisältö on edes latautunut, tämä käyttäytyminen on alkanut yleistyä. Latausnopeuksilla on myös valtava vaikutus tähän, sillä käyttäjä vakuuttaa itsensä siitä, että etsimänsä on sivun alareunassa ja alkaa liikkua välttääkseen odottamasta sivun yläosan latautumista. Jos käyttäjä ei näe tarvitsemaansa tietoa heti, hän alkaa luonnollisesti selata sivuston alareunaan ja takaisin ylös selvittääkseen, onko se lukemisen arvoinen.
  2. Tapa. Tietyt tiedot löytyvät yleensä aina tietyistä paikoista verkkosivustolla. Yhteystiedot sijaitsevat yleensä alatunnisteessa, samoin kuin osoitteet ja muut tärkeät tiedot. Verkkosivustosi kävijät ovat tottuneet siihen, missä nämä tiedot ovat, ja he liikkuvat tottuneesti verkkosivustoilla odottaen, että tiedot ovat siellä, missä he luulevat niiden olevan. Mobiililaitteiden ja tablettien nopean nousun myötä selaaminen on ollut itsestäänselvyys. Itse asiassa nuoremmat sukupolvet eivät edes mieti sitä kahdesti. He liikkuvat luonnollisesti sivustolla navigoiden eri kokoisten alueiden, jotka voivat vaihdella 300 pikselistä 2000 pikseliin, saadakseen haluamansa, ja heidät on koulutettu tekemään niin jokaisella usein vierailemallaan verkkosivustolla.
  3. "Fold" oli alun perin sanomalehtiteollisuudessa käytetty termi. Tärkeät tiedot tai näyttävimmät tarinat asetettiin paperin "ennen taitetta", jotta ohikulkijat näkisivät ne. Verkkosivustot eivät ole sanomalehtiä, ne ovat oma orgaaninen julkaisukanavansa, ja joku, joka menee verkkosivustollesi, menee sinne tiettyä tarkoitusta varten. Sinun ei tarvitse sovittaa kaikkea yläosaan, koska asiakkaasi selaavat löytääkseen sen. Varmistamalla, että verkkosivustosi ei ole jaettu tiettyihin laatikoihin, annat itsellesi mahdollisuuden tehdä verkkosivustostasi joustavan ja skaalautuvan.

Miksi nämä käyttäytymismallit ovat tärkeitä? Se voi saada sinut harkitsemaan uudelleen verkkokauppasi suunnittelustrategiaa konversioiden suhteen.

Tässä muutamia hyviä esimerkkejä:

  • Saatat haluta ottaa käyttöön automaattisen selaustoiminnon tuotekategorioissa, jotta tuotteet voivat latautua käyttäjän selaillessa.
  • Tai voit haluta lisätä toimintakehotteita eri alueelle, jotta et menetä tilaisuutta saada asiakkaasi sitoutumaan. Hyvä esimerkki tästä on promootion banneri verkkosivustosi yläosassa, joka selittää meneillään olevan alennusmyynnin. Sitten se sisällytetään uudelleen tuotesivulle, jotta he voivat nähdä sen yksittäisessä tuotteessa. Lopuksi ostoskoriin ennen kassalle siirtymistä, jotta myyntiä voidaan edistää tuotteesta ja kannustaa henkilöä tekemään ostos.
  • Käytä parallaksiselauksen ominaisuutta sitoutumisen edistämiseksi ja käyttäjäkokemuksen parantamiseksi.
  • Anna merkkejä tai kuvakkeita, joiden avulla käyttäjä voi selata
  • Siirrä "Lisää ostoskoriin" -painiketta tuotesivulla A/B-testauksen avulla. Saatat saada parempia tuloksia, jos se on aivan yläosassa tai alempana. Tämä vaihtelee asiakkaasi mukaan, olemme kuulleet ja nähneet ristiriitaisia tuloksia siitä, mihin Lisää ostoskoriin -painike tulisi lisätä tuotesivulla.

Miten voit todella mitata näiden muutosten vaikutusta?

On olemassa useita tapoja nähdä, miten nämä muutokset ovat vaikuttaneet verkkosivustoosi. Tässä muutamia hyviä esimerkkejä:

  1. Testaa ensin, mihin kohtaan sivustollasi "fold" osuu, jotta näet, jääkö tärkeä tieto piiloon tai vaatiiko se säätöä. Kokeile käyttää sivustoa, kuten https://www.foldtester.com/. Tämä auttaa määrittämään, kuinka suuri prosenttiosuus ihmisistä näkee sivustosi eri alueita.
  2. Käytä sivuanalytiikkaa Google Analyticsin avulla tai palvelua, kuten https://www.clicktale.com/, jotta voit tarkastella lämpökarttoja, suppiloita ja muuta. Itse asiassa ClickTalella on erinomainen ominaisuus, jonka avulla voit käyttää lämpökarttaa nähdäksesi, missä kävijät poistuvat sivulta. Tämä auttaa sinua säätämään sisältöä ja sivun sisältöä konversioiden parantamiseksi.
  3. A/B-testaus voidaan perustaa Optimizelyn avulla.

Miten voit käyttää suunnitteluasi kannustamaan selaamaan?

Yksinkertaisin asia, jonka voit tehdä, on kannustaa selaamaan luomalla odotuksia. (saatat haluta lisätä lisää, kuten tämä sivusto – https://www.conversion-rate-experts.com/scrolling-tips/)

Johtopäätös

Verkkokauppasivuston selaamisen hyödyntäminen voi auttaa sitouttamaan asiakkaasi, parantamaan käyttäjäkokemusta ja konversioita. Selaaminen ei vahingoita yritystäsi, vaan itse asiassa auttaa asiakasta sitoutumaan enemmän oppimaan lisää, ostamaan tuotteen tai lukemaan sisältöä. Muista kuitenkin, että jos selaaminen tuntuu pakotetulta, se ei toimi hyvin. Pidä suunnittelusi joustavina, jotta ne eivät tunnu pakotetuilta, ja keskity sisältöön, jotta ohjaat asiakkaasi oikealle polulle ostamaan projektisi tai oppimaan lisää brändistäsi, jotta he voivat sitoutua eri tasolla sen sijaan, että he olisivat jumissa laatikossa ilman joustavuutta. Älä pelkää irtautua laatikosta responsiivisella suunnittelulla verkkokauppayrityksessäsi.

Beth Shero

Co-founder & CEO