Verkkokaupan trendit vuonna 2021

Vuosi 2020 muutti paljon. Jo aiemmin kovassa nosteessa ollut verkkokaupankäynti kasvoi entisestään ihmisten ostokäyttäytymisen siirtyessä yhä voimakkaammin nettiin. Vallitseva pandemia on pakottanut yritykset uudistamaan liiketoimintamallinsa osittain tai kokonaan ja moni asia on siirretty verkkoon jopa pysyvästi.  

Perinteisen verkkokauppashoppailun rinnalla treenit, messut, keikat ja ruokaostokset toteutetaan yhä useammin verkossa. Lähes 60 % suomalaisista tekee ostoksia verkosta kuukausittain, eikä verkkokauppojen kysynnän kasvu näytä tänäkään vuonna hiipuvan (Suuri verkkokauppa 2020 -tutkimus). Mitkä asiat sitten trendaavat verkkokaupassa vuonna 2021? 

Arvon tuottaminen asiakkaille 

Kilpailun kiristyessä on entistä tärkeämpää kiinnittää huomiota oman verkkokaupan erottautumiseen sekä arvon tuottamiseen asiakkaalle. Tarjontaa on paljon, joten pieneltäkin tuntuvat seikat voivat vaikuttaa ratkaisevasti asiakkaan tekemään valintaan. Uniikki valikoima, verkkokaupan yksilöllinen konsepti ja sujuva ostokokemus erottavat kaupan edukseen asiakkaan näkökulmasta.  

” Voittajia ovat ne, joiden tuotteille on aitoa kysyntää markkinassa, ja jotka erottuvat sieltä asiakkaan sydämeen käyvällä tavalla. ”  

– Paytrail, Verkkokauppojen trendit 2021 

Toimitus osaksi erottautumista 

Paytrailin vuonna 2020 teettämässä kuluttajakyselyssä ilmenee, että toimituksen sujuvuus ja tuotteiden saatavuus ovat keskeisessä roolissa ostopäätöksen tekemisessä. Pelkkä saatavuus sekä nopea ja halpa toimitus eivät kuitenkaan vielä ole riittävä kilpailuetu, vaan olennaiseksi osaksi palvelukokonaisuutta muodostuu myös se, miten lähetys asiakkaalle ojennetaan. Toimitukseen liittyvällä viestinnällä sekä toimituksen ajoittamisella ja seurannalla voi olla hyvinkin positiivisia vaikutuksia kokonaiskuvaan.  

Entäpä se itse paketti? Ainakin itselleni on jäänyt positiivisimmat fiilikset verkkokaupoista, jotka ovat vaikkapa lähetyslistaan kirjoittaneet käsin jonkun henkilökohtaisen kiitosviestin tai laittaneet mukaan tuotenäytteitä. Pieniä juttuja, mutta miten iloisesti ne yllättävätkään turtuneemmankin verkkokauppashoppailijan! 

Monikanavainen ostopolku eheäksi kokonaisuudeksi 

Verkkokaupan ostopolku on monikanavainen ja jakautunut eri sovelluksiin. Ostopolku voi alkaa vaikkapa sosiaalisen median mainoksista tai vaikuttajamarkkinoinnista ja kulkea verkkokaupan ostoprosessin läpi tilaukseen, toimitukseen ja mahdollisesti laskutukseen saakka.  

Ostopolun kiertäessä monen mutkan kautta, on asiakaskokemuksen rakentaminen kaikissa kanavissa erittäin tärkeää eheän ostopolun ja hyvän kokemuksen saavuttamiseksi. Ei siis riitä, että verkkokauppa ja sen sisällä kulkeva ostopolku ovat mintissä. Ostopolku on pidettävä tiiviisti mielessä myös markkinointia suunnitellessa. 

Perinteisen kivijalkakaupan logiikka ei enää vuonna 2021 toimi digitaalisista ostopoluista rakentuvassa verkkokaupassa. Verkossa asiakkaan ostomatka on kuin sivulta toiselle etenevä seikkailupeli. 

– Paytrail, Verkkokauppojen trendit 2021 

Arvot ja vastuullisuus osana ostopäätöstä 

Niin kuluttajat kuin yrityksetkin ovat yhä enemmän tietoisia ympäristöstä ja vastuullisuudesta. Tästä syystä arvoihin pohjautuva ostokäyttäytyminen ja vaatimukset vastuullisuuden suhteen tulevat kasvamaan entisestään tänä vuonna. Arvomaailmassa korostuvat erityisesti kotimaisuus, lähituotanto ja ympäristöystävällisyys.  

Ostamisen vaivattomuus ja sujuvuus asiakaskohtaisilla räätälöinneillä 

Nopeus, sujuvuus ja vaivattomuus ovat keskeisiä syitä verkkokaupasta ostamiselle. Samalla ihmisten kärsivällisyys sekä kriittisyys näitä tekijöitä kohtaan kasvaa.  

Huolellisella verkkokaupan käyttöliittymäsuunnittelulla ja nopeuden optimoinnilla taklataan iso osa käyttäjien haasteista. Hyvän asiakaskokemuksen takaamiseksi verkkokaupassa etenemisen tulee olla luontevaa ja kaiken tarvittavan tiedon on oltava selkeästi nähtävillä, erityisesti hintoineen ja toimituskuluineen.  

Myös asiakastiedon parempi hyödyntäminen luo mahdollisuuksia palvella asiakasta entistä paremmin. Kirjautuneelle asiakkaalle voidaan tarjota tuotteita aiempaan ostohistoriaan peilaten. Tulevaisuudessa verkkokaupat tulevatkin olemaan yhä voimakkaammin asiakaskohtaisesti räätälöityjä ostopaikkoja.  

Mobiilimaksutavat haltuun 

Maksaminen on loppupeleissä kriittisin osa ostoprosessia. Maksutapoja täytyy olla kattavasti, jotta kukin asiakas löytää itselleen sopivimman tavan maksaa.  

Koska ostoksia tehdään koko ajan enemmän älypuhelimilla, on myös mobiilimaksutapojen käyttäminen kasvattanut suosiotaan. Vuonna 2021 verkko-ostokset halutaan maksaa nopeasti mobiilissa ilman ylimääräisiä sovellusten vaihtoja tai korttitietojen naputtelua.  

Chatbotit ja erilaiset laskurit kehittävät verkkokaupan käyttäjäkokemusta 

Interaktiiviset chatbotit toimivat ostajan tukena ja apuna, vähän kuten kivijalkaliikkeen myyjät! Verkkokaupassa asioivat haluavat löytää etsimänsä mielellään muutamalla klikillä ja turhautuvat helposti, jos näin ei ole.  

Tässä kohtaa chatbot voi toimia ostajan apuna ja pelastaa tilanteen. Myös erilaiset laskurit esimerkiksi tarvittavan tilausmäärän laskemiseen sujuvoittavat asiakkaan ostoprosessia. Käy kurkkaamassa asiakkaamme Torpanpihan sivusto, niin näet, miten helposti saat tilattua mullat ja kuorikatteet omiin tarpeisiisi pihallesi kuljetettuna. Sivustolla on asiakkaiden apuna sekä laskuri että yhteistyökumppanimme Leadoon chatbot

Kuukausijäsenyydet ja jatkuvat tilaukset saavat asiakkaan palaamaan 

Olet ehkä jo itsekin törmännyt verkkokaupoissa mahdollisuuteen tehdä tuotteesta kestotilaus tai ostaa kuukausijäsenyys esimerkiksi verkkovalmennuksiin. Kaiken sortin kuukausitilaukset tuntuvat olevan kuluttajien kesken nosteessa vuonna 2021 ja pandemian vuoksi jatkuva etäelämä ei varmasti vähennä kysyntää. 

Toteutimme viime vuoden lopulla kuukausi- sekä vuositilauksella toimivan verkkovalmennusalustan Good Reps Onlyn, joka onkin saavuttanut hurjan suosion. Käy tutustumassa ja ota homma haltuun, jos monipuoliset etätreenailut kiinnostaa! 

Verkkokaupan must be 2021: 

  • Erottuminen omaa konseptia kirkastamalla 
  • Toimitukseen ja viestintään panostaminen aina paketin avaamiseen saakka – muista #unboxing! 
  • Ehyt, monikanavainen asiakaskokemus 
  • Nopeuden ja helppouden edistäminen 
  • Käytettävyyteen panostaminen, verkkokaupan saavutettavuus 
  • Tuotekuvien ja -tietojen saatavuus 
  • Mobiilimaksutapojen käyttöönotto 
  • Chatbotit ja laskurit minimoimaan klikkauksia ostoprosessista 
  • Asiakkaiden sitouttaminen 

Jos kaikki tämä kuulostaa sinustakin oivalliselta ja haluat ottaa konkreettisia askeleita verkkokaupan parantamiseksi, kannattaa seuraavaksi lukea, mistä hyvät verkkokaupat on tehty

Tässä artikkelissa on käytetty lähteinä: 

Paytrail Verkkokaupan trendit 2021
14 Ecommerce Trends Leading the Way 

Näin hallinnoit WooCommerce-verkkokauppatilauksia

Jos luet tätä, olet todennäköisesti päässyt siihen pisteeseen, että WordPress-verkkosivustosi on fuusioitunut WooCommerce-lisäosalla toimivaksi verkkokaupaksi. Tuotteet on luotu ja asiakkaat houkuteltu ostoksille. Mahtavaa!


Sinun ei tarvitse jännittää, että tilaukset jäisivät huomaamatta, sillä jokaisesta verkkokaupassa tehdystä ostoksesta lähtee sähköposti-ilmoitus verkkokaupan ylläpitäjälle sekä tilauksen tehneelle asiakkaalle.

WooCommercen selkeiden ominaisuuksien avulla tilausten käsittely ja rekisteröinti on sujuvaa ja helppoa. Tilauksen käsittely tapahtuu aina verkkosivun hallintapaneelista WooCommerce – Tilaukset. Verkkokaupan ylläpitäjänä voit tarkastella ja käsitellä tehtyjä tilauksia kirjautumalla WordPress-sivustollesi Admin- tai Shop Manager -tunnuksilla.

Kun ostos on rekisteröity verkkokaupassa, se näkyy heti Tilaukset-alavalikon alta. Uusimmat tilaukset näkyvät listauksessa ensimmäisinä.

Seuraavaksi opit, kuinka voit helposti suodattaa tilauksia ja käsitellä niitä eteenpäin.

Tilausten tila

Kun tilaus on saapunut eikä sitä ole vielä käsitelty, se on Jonossa. Pystyt tarkistamaan tilauksen statuksen eli tilan tilauksen yhteydestä. Tiloja voi olla useita erilaisia:

  • Peruttu: Tilaus on peruttu asiakkaan tai verkkokaupan ylläpitäjän toimesta. Varastosaldo korjaantuu järjestelmään. Ei tarvitse enää toimenpiteitä.
  • Valmistunut: Tilaus on valmis eikä tarvitse toimenpiteitä.
  • Epäonnistui: Tilaus ja maksutapa eivät onnistuneet. Tilaus näkyy tätä ennen Odottaa maksua – tilassa.
  • Pidossa: Varastosaldo on vähennetty, mutta tilaus odottaa maksua.
  • Odottaa maksua: Tilaus on vastaanotettu ja odottaa maksua.
  • Käsittelyssä: Tilaus ja onnistunut maksu on otettu vastaan ja tuote on vähennetty saldoilta.
  • Hyvitetty: Tilaus on hyvitetty eikä tarvitse enää toimenpiteitä.


Viemällä hiiren tilausrivillä Tilan päälle, näet tarkemmat tiedot tilauksen viimeisimmistä vaiheista.

Tilausten suodattaminen

Tilausten järjestystä on mahdollista muuttaa klikkaamalla yläotsikoita. Esimerkiksi klikkaamalla päiväystä, voit vaihtaa näkymän vanhimmasta uusimpaan tai uusimmasta vanhimpaan.

Lisäksi voit suodattaa tilauksia valmiiden suodattimien avulla päivämäärän, rekisteröityneiden asiakkaiden tai toimituspäivien mukaan. Tämä on kätevä toiminto, jos haet esimerkiksi tilauksia tietyltä kampanja-ajalta tai asiakkaalta.

Tilausten tarkastelu ja muokkaus

Voit esikatsella tilauksia klikkaamalla silmän kuvaketta tilausnumeron vierestä.

Tilaus aukeaa ponnahdusikkunassa listanäkymän päälle. Sinun ei siis tarvitse avata tilausta uuteen välilehteen, vaan esikatselun avulla voit tarkastella yksittäisen tilauksen tietoja tai muokata sen tilaa.

Halutessasi pääset tekemään muutoksia tilaukseen klikkaamalla Tilaukset-näkymästä tilausnumeroa tai esikatselutilassa painamalla Muokkaa.

Tilaus aukeaa uuteen näkymään, mistä pääset muun muassa vaihtamaan tilauksen toimitusaikaa, asiakastietoja, tuotteita ja lähetyslistan sekä hyvittämään tilauksen. Tilaus täytyy kuitenkin aina palauttaa Valmistunut-tilasta Käsittelyssä-tilaan, jos siihen haluaa tehdä muutoksia. Näin voit vielä esimerkiksi lisätä tilaukselle kuponkikoodin tai tehdä muokkauksia tuotteisiin.

Tilaus toimenpiteet -osion kautta pääset lähettämään asiakkaalle laskun, tilauksen tiedot ja muistutuksen tilauksesta.

Lähetä tilaussähköposti -osion kautta saat kätevästi lähetettyä asiakkaalle tiedot tilauksen ja toimituksen tilasta.

Aina tehdessäsi muutoksia tilaukselle tai sen tietoihin, klikkaa sinistä Päivitä- tai Tallenna-painiketta.

Hyvitys

WooCommerce on siitä mainio verkkokauppa-alusta, että myös ikävien hommien, kuten tilausten hyvitysten teko on helppoa ja nopeaa. Voit hyvittää tilauksen asiakkaalle tilauksen muokkausnäkymästä. Hyvitys tehdään klikkaamalla Hyvitä-painiketta. Voit valita hyvitettävän summan.

Paketit valmiina maailmalle?

Klikkaile tilaus lopuksi vielä valmiiksi, tallenna ja homma on hanskassa!

Kaipaatko kuitenkin vielä jeesiä verkkokaupan tuotehallintaan? Lue blogista täsmäohjeet tuotteiden lisäämiselle WooCommerce-verkkokauppaan!

Tuotteen lisääminen WooCommerce-verkkokauppaan

Paytrailin verkkokauppa-alustaraportin mukaan WooCommerce säilyttää yhä ansaitusti johtoasemansa verkkokauppa-alustojen ykkösenä. Raportin mukaan 19 % suomalaisista verkkokaupoista on rakennettu WooCommercella, eikä ihme, sillä alusta taipuu monenlaisiin tarkoituksiin ja tarpeisiin.

WooCommercen suosion taustalla on muun muassa sen helppokäyttöisyys ja siksi tuotteiden lisääminen verkkokauppaan luonnistuu varmasti ilman sen kummempaa WordPress-kokemusta. Tästä huolimatta me Härällä ajattelimme tarjoilla vielä selkeän step-by-step-ohjeen WooCommerce-ummikoille!

Mistä lähdetään liikkeelle?

WordPressin ohjausnäkymän vasempaan laitaan ilmestyy Tuotteet-valikko, kun olet asentanut WooCommerce-lisäosan ja läpikäynyt Setup-Wizardin asetuspolun. Klikkaa Tuotteet-valikon alta ”Lisää uusi”, jotta saat auki yksittäisen tuotteen hallinnointiin tarkoitetun sivupohjan.

1. Lisää tuotteelle kuvaava tuotenimi

Tuotenimi on erittäin tärkeä niin käyttäjän kuin hakukoneidenkin näkökulmasta, joten sen tulisi olla mahdollisimman selkeä ja kuvaava. Käytä tuotenimessä orgaanisia hakusanoja, mutta muista, ettei tuotenimeen kannata ahtaa kaikkea mahdollista informaatiota tuotteesta. Säästä tarkempi informaatio tuotteen kuvauksiin.

2. Tuotteen pitkä kuvaus

WooCommercessa tuotteiden tuotekuvaukselle on kaksi paikkaa: pitkä ja lyhyt tuotekuvaus. Pitkä tuotekuvaus toimii täysimittaisena tuotekuvauksena, joka voi olla seikkaperäinen ja kaikki yksityiskohdat sisältävä tuoteseloste. Pitkän tuotekuvauksen tekstit kirjataan WooCommercen tuotteiden hallinnassa heti otsikon alla olevaan tekstilaatikkoon.

Kuvauksia kirjoittaessasi kannattaa punnita, mitkä tiedot ovat käyttäjän näkökulmasta oleellisia. Mitkä asiat pitää kertoa heti lyhyessä kuvauksessa ja mitkä seikat on puolestaan hyvä avata tarkemmin pitkässä tuotekuvauksessa. Useimmat hakukoneet spottaavat lyhyen tuotekuvauksen, joten erityisesti siihen panostaminen on tärkeää. Kerron lyhyestä tuotekuvauksesta kohdassa 6. tarkemmin.

3. Osastot

Osastot ja avainsanat helpottavat tuotteiden järjestämistä. Myös asiakkaidesi ostoprosessi helpottuu, kun he voivat etsiä tuotteita verkkokaupasta kategorian mukaan. Tuotteiden kategorisoinnissa on hyvä ottaa huomioon niiden loogisuus ja hyödyllisyys kohdeasiakkaasi näkökulmasta. Tuoteosastoja voit lisätä erikseen Tuotteet-välilehdeltä löytyvästä Osastot-osiosta tai vaihtoehtoisesti suoraan tuotetta lisätessäsi tuotesivun oikeasta laidasta.

4. Tuotetiedot

Tuotetietojen ensimmäisenä asiana valitaan tuotteen laji. WooCommercesta löytyy muutama eri tuotelaji, joista yleisimmin käytettyjä lienevät perustuote ja muunnelmatuote. Perustuotteella tarkoitetaan nimensä mukaisesti perustuotetta, jolla ei ole variaatioita esimerkiksi koon tai värin puolesta. Muunnelmatuote on puolestaan tuote, josta eri variaatioita on olemassa. Jos esimerkiksi myyt t-paitoja, olet lisäämässä verkkokauppaan mitä todennäköisemmin muunnelmatuotteita, sillä samaa t-paitaa tarjottaneen vähintäänkin eri koossa, ellei jopa myös eri väreissä. 

Lisäksi WooCommercesta löytyy joukkotuote, jonka avulla voit myydä useammasta tuotteesta muodostuvia tuotepaketteja sekä yhteistyökumppanin tuote eli tuote, joka on esillä verkkokaupassasi, mutta osto tapahtuu toisen verkkokaupan kautta.

WooCommercessa on mahdollista myydä myös ladattavia tuotteita tai palveluita. Jos myymäsi tuote on jompikumpi näistä, täppää Tuotetiedot-kohdassa oikea tuotetyyppi. Palvelu-täpän ollessa valittuna, toimitukseen liittyvät toiminnot poistuvat käytöstä tuotteen osalta. Ladattavien tuotteiden valinnan ollessa aktiivinen, tulee tuotetietoihin kenttä, johon lataat myytävän tiedoston.

Tuotteen muut perustiedot täytetään välilehti kerrallaan. Käydään ne läpi yksityiskohtaisemmin tämän blogin edetessä! Toki, jos juuri perustietojen lisääminen kiinnostaa, voit hypätä suoraan niihin tästä.

5. Avainsanat tuotteelle

Kuten osastojen, myös avainsanojen tehtävänä on helpottaa tuotteiden lajittelua ja löydettävyyttä ostajan näkökulmasta. Avainsanat eivät ole välttämättä tarpeen kaikissa verkkokaupoissa, mutta hyvänä esimerkkinä rakentamamme katalogiverkkokauppa Biozell hyödyntää avainsanoja hienosti. Ne auttavat tuotteiden löydettävyydessä ja ominaisuuksien selkeässä listaamisessa tehokkaasti ja käyttäjälähtöisesti. Avainsanojen lisääminen ja hallinnointi tapahtuu samalla toimintaperiaatteella kuin osastojen lisäys.

6. Lyhyt tuotekuvaus

Lyhyen tuotekuvauksen tarkoituksena on tarjota ostajalle tiivistetty 1–2 lauseen tuotekuvaus selkein pointein. Lyhyessä kuvauksessa ostajalle tulisi selvitä tuotteen hyödyt nopeasti silmäilemällä. 

Hakukoneet lukevat useimmiten tuotteen lyhyen kuvauksen, joten ripaus copywritingia avainsanatutkimukseen pohjautuen tuo tehoa lyhyeen tuotekuvaukseen myös hakukonenäkyvyyden kannalta.

Lyhyt tuotekuvaus kirjataan hallinnassa sille osoitettuun laatikkoon heti tuotetietojen alle ja varsinaisella tuotesivulla kuvaus tulee näkyviin ostajalle oletusarvoisesti tuotteen nimen ja hinnan alle.

7. Tuotekuva

Tähän on tarkoitus lisätä tuotteen pääkuva. Tuotekuva näkyy yksittäisillä tuotesivuilla suurimpana kuvana ja se on näkyvillä myös tuoteluettelossa tuotekuvana.

8. Tuotekuvaston kuvat

Tuotekuvastoon voit lisätä lisäkuvia tuotteesta, jotka näkyvät kuvagalleriana päätuotekuvan alla yksittäisellä tuotesivulla.

Tuotteen perustiedot -välilehdet

Sitten niihin lupaamiini perustiedot-välilehtien opastuksiin kohta kohdalta:

Yleiset-välilehti: Hinta ja alennuskampanjat

Yleiset-välilehdellä pääset asettamaan tuotteelle normaalin ja alennetun hinnan. Alennetulle hinnalle pystyy myös asettamaan alennussesongin aikataulun, jolloin tuotteilta ei tarjousjakson jälkeen tarvitse itse käydä naputtamassa alennuksia pois.

Varasto-välilehti: Varastonhallinnan asetukset tuotteelle

WooCommercen ehdottomia etuja ovat sen varastonhallinnalliset ominaisuudet. Varasto-välilehdelle voit asettaa tuotteelle yksilöllisen tuotetunnuksen eli SKU:n sekä tuotteen varastotilanteen. Pääset asettamaan myös tuotetasoisen varastonhallinnan. Mikäli tätä asetusta ei ole valittu käyttöön, tuotteen varastotieto on päivitettävä manuaalisesti. Kun valintaruutu on täpättynä, WooCommerce huolehtii automaattisesti tuotteen varastonhallinnasta.

Toimitus-välilehti

Toimitus-välilehdellä voit määritellä sekä hallita tuotteen toimitukseen liittyviä speksejä, kuten toimitusluokkia ja tuotteen mittoja sekä painoa. Toimitushinnat ja -tavat voivat vaihdella tuotteen painon tai tyypin perusteella. Toimitusluokkien avulla tuotteita pystytään luokittelemaan, mikä helpottaa toimituksen prosesseja huomattavasti.

Liittyvät tuotteet -välilehti: Cross-sellit ja up-sellit 

Liitetyt tuotteet -välilehdellä pääset lisäämään cross-sell- ja up-sell-tuotteita, joiden tavoitteena on tukea verkkokauppasi lisämyyntiä. Cross-sell-tuotteilla tarkoitetaan ristiinmyyntituotteita. Ne ovat tuotteeseen liittyviä lisämyyntituotteita, joista ostaja voisi olla potentiaalisesti myös kiinnostunut.

Up-selleistä puhutaan, kun halutaan myydä toista, hinnakkaampaa, mutta myös ominaisuuksiltaan parempaa tuotetta. WooCommercessa cross-sellit näytetään käyttäjälle usein yksittäisen tuotesivun lopussa ”Saattaisit olla kiinnostunut myös näistä” -otsikon alta ja up-sellit ostoskorisivulla.

Ominaisuudet-välilehti

Ominaisuudet-välilehdellä asetetaan muunnelmatuotteille ominaisuuksia ja variaatioita, kuten kokoja ja värejä. Muunnelmien luominen on kuitenkin ihan oma tarinansa, joten luvattakoon tässä vaiheessa tälle kirjoitukselle jatko-osa, jossa perehdytään muunnelmatuotteiden maailmaan yksityiskohtaisemmin.

Edistyneet-välilehti

Edistyneet-välilehdellä pääset halutessasi kirjaamaan tilauksen tekemisen jälkeen ilmestyvää ilmoitusta ostajalle. Välilehdellä voit myös sallia tuotteen arvostelut täppäämällä raksin valintaruutuun.

All set – sitten vain kauppaa tekemään!

Kun tuotteen tiedot on lisätty ja käyty läpi, olet valmiina julkaisemaan tuotteen. Oheisesta näkymästä näet numeroituna, mihin kohtaan edellä mainitut osiot asettuvat varsinaisella tuotesivulla. Eli miltä tuotesivu voisi asiakkaallesi näyttää.

Psst. Me Sinisellä Härällä luomme kustomoituja verkkokauppoja, joten jos mielit erottuvaa ja out of the box -layoutia verkkokaupallesi, ota yhteyttä ja jutellaan lisää!

Kannattaako verkkokauppa suunnitella itse?

Verkkokaupan perustaminen on helpompaa kuin koskaan. Erilaisia verkkokauppa-alustoja ilmaantuu markkinoille jatkuvasti lisää, ja näiden alustojen avulla kuka tahansa kykenee pystyttämään omalle tuotteelleen verkkokaupan muutamissa tunneissa.

Vuonna 2020 ilmestyneessä kirjassaan Luomiskertomus (Kosmos), luova johtaja ja tietokirjailija Henri Hyppönen kuvaa viimeisen parin vuosikymmenen aikana toteutunutta tiedon, osaamisen ja palveluiden saatavuuden räjähdysmäisestä kasvusta syntynyttä megatrendiä ”luovuuden demokratiaksi”.

Ilmiötä pohtiessaan Hyppönen kuvaa hypoteettista tilannetta, jossa hän, täysi ummikko, haluaa rakentaa kuvitteellisen tennaribrändin ja myydä tuotteitaan verkossa. Ajatusleikkinsä sivutuotteena Hyppönen tulee osoittaneeksi kuinka helppoa verkkokaupan perustaminen pohjimmiltaan tänä päivänä on:

  1. Varaa domain
  2. Luo tunnukset verkkokauppa-alustaan
  3. Valitse kaupallesi valmis ”teema” (= layout, ulkoasu) ja luo tuotteet kauppaan

Muutamassa tunnissa kauppa on valmis ja tuotteesi on tarjolla globaalille neljän miljardin potentiaalisen asiakkaan joukolle.

Tästä herää kysymys, että mihin ihmeeseen tarvitaan ammattiosaamista tai varsinkaan ammattimaista mainostoimistoa verkkokaupan suunnitteluun tai toteuttamiseen?

Tässä blogitekstissä pureudun siihen, mitä perustavanlaatuisia haasteita kuluttajaverkkokauppaprojektin suunnitteluvaiheessa saatetaan kohdata, miten meillä Sinisellä Härällä lähestytään verkkokauppatoteutuksia ja miten laadukas käyttöliittymäsuunnittelu voi auttaa selviytymään kovenevasta kilpailusta voittajana.

1. Oletukset ovat vaarallisia – syvällinen asiakasymmärrys on menestyksekkään verkkokaupan perusta

Edellä kuvattu Hyppösen hypoteesi verkkokaupan perustamisen helppoudesta on kiistatta realistinen ja kaikkien saavutettavissa. Se ei kuitenkaan tarkoita, että vartissa keksityn lenkkaribrändin verkkokaupan rakentaminen olisi järkevää. Yksikään lenkkaribrändi ei ole koskaan menestynyt määrittämällä kohderyhmäkseen ”kaikki maailman ihmiset”. Aivan kuten markkinointi vaatii aina kohdentamista ja resurssien fokusointia, menestyvän verkkokaupan rakentaminen ja operointi vaatii syvää asiakasymmärrystä.

Vaikka emme suoraan tarjoa palvelumuotoilun tai strategisen konsultoinnin palveluita, aloitamme verkkokauppaprojektit useimmiten asiakkaidemme kanssa liiketoiminnan perusasioita käsittelevistä kysymyksistä.

  • Mitä myydään?
  • Mitä arvoa tuotetaan?
  • Kenelle halutaan myydä?
  • Mitä loppuasiakas arvostaa?

Vastaukset tällaisiin kysymyksiin saattavat tuntua itsestäänselvyyksiltä, mutta usein ne jäävät päivittäisen arkitoiminnan jalkoihin. Pahimmassa tapauksessa asioita ei ole pohdittu hetkeen lainkaan, vaan on muodostettu kasa oletuksia omasta asiakaskunnasta, heidän tarpeistaan ja motiiveistaan.

Näiden oletusten haastaminen on liiketoiminnan kehittämisen osalta muutenkin kannattavaa, mutta onnistuneen verkkokauppatoteutuksen kannalta välttämätöntä. Vasta kun näihin kysymyksiin on saatu yksiselitteiset vastaukset, voidaan siirtyä käyttöliittymäsuunnittelun ensimmäiseen vaiheeseen.

Jos verkkokauppasi myy kaikkea kaikille, soita Mikolle.

2. Asiakasta ei ole varaa eksyttää – selkeä käyttäjäpolku on parasta asiakaspalvelua

Käyttäjäpolulla tarkoitetaan sitä matkaa, jonka tietty käyttäjä kulkee verkkokaupassa: mille sivulle hän laskeutuu, mitä hänelle näytetään, mihin häntä ohjataan, mitä tuotteita tai sisältöjä hänelle tarjotaan, miten hän pääsee ostamaan ja niin edelleen.

Pohjimmiltaan kyse on asiakaspalvelusta. Toisin kuin kivijalkakaupassa, verkkokaupassa asiakas harvoin ovesta sisään astuessaan haluaa esittää myyjälle kysymyksiä tai ilmoittaa ääneen mitä hän on tullut ostamaan.

Sen sijaan verkkokaupassa myyjän (tai pikemminkin verkkokaupan suunnittelijan) vastuulla on tuntea kauppaan saapuvan asiakkaan tarpeet niin hyvin, että loppuasiakkaalle on kauppaan saapuessaan täysin selvää mistä hän haluamansa tuotteen, palvelun tai muun etsimänsä sisällön löytää.

Laadukas käyttöliittymäsuunnittelu lähtee siitä, että tunnistetaan verkkokaupassa asioivat eri käyttäjäryhmät, tutustutaan heidän tarinoihinsa ja pohditaan kriittisesti, miten näitä käyttäjäryhmiä voidaan palvella mahdollisimman tehokkaasti. Sen mukaan, kuinka monta toisistaan riittävän erilaista käyttäjätyyppiä tai -tarinaa aloitusvaiheessa identifioidaan, rakennetaan käyttäjäpolkuja tarvittaessa useampia.

Lopputuotteena käyttäjäpolkujen laadukkaasta suunnittelusta on usein ”käyttäjäpolkukartat” (eng.: User Story Map),  joissa kuvataan visuaalisesti ja yksityiskohtaisesti, miten eri käyttäjäryhmien odotetaan kaupassa kulkevan ja miten kulkemista halutaan ohjata.

Loppuasiakkaan tarpeiden yksilöllinen huomioiminen on tapa palvella asiakasta mahdollisimman laadukkaasti, mutta myös kriittistä kaupan konversion (= kuinka moni potentiaalinen asiakas lopulta ostaa) kannalta. 

Jos et tiedä, mitä kävijät kaupassasi tekevät, soita Mikolle.

3. Tunteella on merkitystä – laadukkaan käyttäjäkokemuksen arvoa on vaikea mitata, mutta se on suurempi kuin kuvittelet

Kirkkaan asiakasymmärryksen muodostuttua ja käyttäjäpolkujen hahmotuttua siirrytään siihen työvaiheeseen, jota useimmiten tarkoitetaan, kun arkikielessä puhutaan UI-suunnittelusta.

Abstraktit mindmapit ja kaavamaiset käyttäjäpolkukartat alkavat tässä vaiheessa prosessia muotoutumaan konkreettisiksi elementeiksi suunnittelijan näytöllä. Tämä on se työvaihe, joka ohitetaan täysin, jos lähdetään toteuttamaan kauppaa valmisteemojen avulla.

Itse käyttöliittymän suunnittelutyön ensimmäinen osa on yleensä tilaajan näkökulmasta melko suoraviivaista ja selkeää, joskus jopa tylsää. Tässä vaiheessa keskitytään rakentamaan eritasoisia wireframe-malleja. Näiden lähtökohtaisesti harmaita laatikoita sisältävien mallien tarkoituksena on hahmottaa verkkokaupan sivujen, elementtien ja muiden sisältöjen sekä toiminnallisuuksien hierarkinen suhde toisiinsa ja varmistaa, että kaikki aiemmin tunnistetut käyttäjäpolut tulevat huomioiduiksi.

Verkkokaupan tilaajan näkökulmasta huomattavasti kiinnostavampaa onkin suunnittelutyön seuraava vaihe, jossa laatikkomaiset wireframet muutetaan visuaalisesti näyttäviksi layouteiksi. Tässä kohtaa kaupan brändi, visuaalinen ilme ja muu persoonallinen olemus alkavat vihdoin hahmottua.

Samalla kun suunnittelutyössä siirrytään wireframe-malleista layouteihin, käyttöliittymäsuunnittelun ja käyttökokemussuunnittelun raja-aita alkaa hämärtyä. Näiden termien ja konseptien eroavaisuuksia olemme avanneet blogissamme jo aiemmin.

Tärkeintä on ymmärtää, että kaikki tässäkin artikkelissa esitetyt kysymyksenasettelut ja työvaiheet tähtäävät tasan yhteen lopulliseen tavoitteeseen: mahdollisimman laadukkaaseen loppukäyttäjän kokemukseen. Sillä ei nimittäin ole juuri mitään merkitystä, vaikka aiemmassa työvaiheessa olisi onnistuttu upeasti määrittämään käyttäjäpolkuja tai sisältöjen hierarkisia suhteita – jos käyttäjäkokemus on heikko, ei kauppaa todennäköisesti synny.

Maailma on täynnä verkkokauppoja. Lähestulkoon mikä tahansa tuote on saatavilla muodossa tai toisessa esimerkiksi Amazonin, Alibaban tai Ebayn kaltaisista jättimäisistä kaupoista. Tästä johtuen voi karrikoidusti todeta, että ainut tapa kilpailla edellä mainittuja jättiläisiä vastaan on tarjota loppuasiakkaalle poikkeuksellisen loistavaa palvelua tai luoda asiakkaalle turvallinen ja luottavainen tunne-elämys myyjän brändimielikuvan kautta.

Toki loppuasiakas voi arvostaa esimerkiksi paikallisuutta, helppoa saatavuutta tai vaikkapa myyjän spesifiä asiantuntemusta, mutta lopulta kyse on aina luottamuksesta ja käyttäjän kokemuksesta – tunteeko asiakas olonsa riittävän luottavaiseksi tilataksensa tältä myyjältä ja tästä kaupasta?

Verkkokaupan tavoitteena on lähes poikkeuksetta tuottaa sitä kuuluisaa kauppaa, ja ammattimaisesti toteutetun käyttöliittymän ja käyttökokemuksen tehtävänä on poistaa loppuasiakkaan näkökulmasta niin monta ostamisen estettä kuin mahdollista.

Jos et ole varma, huokuuko kauppasi luotettavuutta, soita Mikolle.

Lopuksi 

Tässä blogikirjoituksessa on raapaistu korkeintaan verkkokaupan käyttöliittymien ja käyttäjäkokemusten suunnittelutyön pintaa. Todellisuudessa suunnittelu- ja toteutustyö vaatii kymmenien tai satojen toisistaan riippuvaisten pienten valintojen tekemistä. Meillä Sinisellä Härällä tätä työtä tehdään joka päivä suunnittelijoiden, koodaajien, projektipäälliköiden ja asiakkaiden kanssa tiiviissä yhteistyössä.

Jos mietit, että kannattakohan verkkokauppaprojektin suunnittelutyöhön sittenkään lähteä yksin, niin lataa Verkkosivujen ostajan opas. Olemme keränneet siihen valmiiksi vastauksia useimpiin aiheeseen liittyviin kysymyksiin. Tilanteen niin vaatiessa, soita Mikolle.

Verkkosivuston vaatimusmäärittely on avain onnistuneeseen sivustoprojektiin

Oletko joskus törmännyt verkkosivuprojektissa tilanteeseen, jossa projektin edetessä alkaa yllättäen rönsyilemään toiveita ominaisuuksista, asioista ja osioista, joista ei projektin alussa ollut mitään puhetta? Me olemme.  

Usein taustalla tähän on se, ettei projektin alussa olla pystytty kartoittamaan riittävän hyvin asiakkaan tai sivuston loppukäyttäjän tarpeita. Toisin sanoen, verkkosivuston vaatimusmäärittely on saattanut jäädä projektin alkutaipaleilla vaillinaiseksi. Mitä vaatimusmäärittely sitten verkkosivustoprojektissa sisältää ja miksi siihen kannattaa panostaa?  

Miksi verkkosivuston vaatimusmäärittely tehdään?  

Laadukkaan verkkosivuston rakentaminen vaatii tarkkaa ja huolellista suunnittelua, jotta valmiilla sivustolla saavutetaan liiketoiminnan tavoitteet sekä luodaan lisäarvoa asiakkaille, mikä lisää asiakastyytyväisyyttä.  

Verkkosivuston vaatimusmäärittelyn avulla sivustoprojektille linjataan tavoitteet, tarkoitus, kohderyhmät sekä toiminnallisuudet. Eli määritellään, miksi verkkosivusto on olemassa, mitä sen pitäisi tehdä ja kuinka.   

Mitä vaatimusmäärittelyyn tulee sisällyttää? 

Meillä sivuston vaatimusmäärittely toteutetaan yhdessä asiakkaiden kanssa projektin kick-offissa. Vaatimusmäärittely on aina projektikohtainen, mutta sen runko on kutakuinkin jaettu seuraaviin vaiheisiin. 

1. Tarkoituksen määrittely: Miksi verkkosivusto on olemassa?

Sivustoprojektin alussa on hyvä pohtia, miksi sivusto on ylipäätään olemassa, mitä haasteita se ratkaisee ja minkälaisia odotuksia ja tavoitteita sivustolle asetetaan. Olivatpa tavoitteet myynnin kasvattaminen, palveluiden ja referenssien esittely tai työnantajakuvan parempi esilletuonti, on sivuston tarkoitus tärkeää linjata heti alkuun.  

Tavoitteet ja tarkoitus toimivat tärkeinä ohjenuorina niin sivuston käyttöliittymäsuunnittelussa kuin teknisessä toteutuksessa.  

2. Sivuston käyttäjien määrittely: Kenelle verkkosivusto on tarkoitettu? 

Verkkosivustot rakennetaan lähtökohtaisesti aina loppukäyttäjiä eli yrityksen asiakkaita varten. Sivuston käyttäjien määrittelyllä pyritään löytämään ja täyttämään asiakkaiden tarpeet. Käyttäjien määrittelyä voi lähestyä muun muassa ostajapersoonien tai käyttäjätarinoiden kautta.  

Me käytämme tähän pääsääntöisesti käyttäjätarinoita (user mapping)joilla määritellään kriteerit sille, mitä käyttäjän pitäisi pystyä tekemään verkkosivustolla. Esimerkiksi ravintolan verkkosivuilla asiakkaan tulisi pystyä löytämään ravintolan menu sekä tekemään pöytävaraus.  

Käyttäjätarinat helpottavat hahmottamaan sivustokävijöiden tarpeita ja siten tukemaan asiakaslähtöisen käyttöliittymän suunnittelua. Lisäksi käyttäjätarinoiden kriteerejä voidaan hyödyntää sivuston testausvaiheessa antamalla nämä samat tehtävät testiryhmän suoritettavaksi. Testiryhmän käyttäytymisen perusteella voidaan analysoida, kuinka hyvin kriteerit sivustolla täyttyvät. 

3. Verkkosivuston alustavan rakenteen määrittely 

Visuaalinen suunnittelijamme hahmottelee verkkosivuston lopullisen rakenteen käyttöliittymäsuunnittelun yhteydessä.  

Vaatimusmäärittelyvaiheessa rakennamme yhdessä asiakkaan kanssa alustavan sivustokartan, johon listataan verkkosivustolle tulevat sisältötyypit, sivut sekä taksonomiat, kuten kategoriat ja tagit. Rakennetta määriteltäessä voidaan myös hahmotella alustavaa sivustohierarkiaa sekä kuvailla tarvittaessa sivuille tulevaa sisältöjä muutamalla lauseella. 

4. Toiminnallisten vaatimusten määrittely 

Toiminnallisten vaatimusten määrittelyssä otetaan kantaan sivuston ominaisuuksiin, käytettävyyteen ja toimintoihin, eli määritellään, miten sivusto käytännössä toimii.  Tällaisia toimintoja voivat olla vaikkapa sivuston monikielinen toteutus, analytiikka- ja seurantatyökalut, hakutoiminnot tai suorituskykyvaatimukset. 

Toiminnallisia vaatimuksia määriteltäessä voidaan ottaa myös kantaa esimerkiksi yhteydenottolomakkeen pakollisiin kenttiin tai siihen, mihin käyttäjä ohjataan, kun hän on lähettänyt lomakkeen onnistuneesti.  

Myös mahdolliset integraatiot esimerkiksi toiminnanohjausjärjestelmän ja verkkokaupan välillä tai somesyötteen upottaminen sivustolle ovat olennainen osa toiminnallisten vaatimusten määrittelyä. 

5. Sivuston visuaalisuuden määrittely 

Visuaalisuuden määrittely riippuu pitkälti siitä, onko yrityksen visuaalinen ohjeisto jo valmiina vai luodaanko se sivustoprojektin yhteydessä.  

Visuaalisia elementtejä suunnitellessa voidaan määritellä esimerkiksi värit, fontit, animaatiot ja linkkien hover-efektit. Mikäli visuaalista ohjeistoa ei vielä ole olemassa, voidaan sellainen toteuttaa esimerkiksi Sinisen Härän visuaalisen ilmeen workshopissa.  

Huolellisella vaatimus­määrittelyllä onnistuneeseen loppu­tulokseen 

Mitä yksityiskohtaisemmin sivuston vaatimusmäärittelyn tekee, sitä paremmin välttyy projektin aikana tulevilta yllätyksiltä, joihin ei olla osattu suunnitteluvaiheessa varautua. Tällä vältetään niin projektin budjetin kuin aikataulun venähtäminen.  

Tohdin väittää, että huolella tehty vaatimusmäärittely vaikuttaa merkittävästi sivustoprojektin onnistumiseen, joten siihen kannattaa ehdottomasti käyttää aikaa ja huolellista ajatustyötä. 

Jos verkkosivuston uudistus on ajankohtaista, lue kuinka verkkosivuprojekti meillä etenee

10 käytännön esimerkkiä verkkosivustojen saavutettavuuden suunnittelusta

Verkkosivustojen saavutettavuus lienee sanapari, joka on kantautunut sinunkin korviisi lähiaikoina. Mitä verkkosivustojen saavutettavuus tarkoittaa käytännössä?

Tätä kysymystä olen pyöritellyt, pyrkinyt oppimaan aiheesta ja etsimään mahdollisimman paljon tietoa. Nostin artikkeliin käytännön vinkkejä ja esimerkkejä siitä, mitä WCAG 2.0 -standardi ja sen pohjalta luotu saavutettavuusdirektiivi tuovat mukanaan verkkosivustojen suunnitteluun.

Direktiivi koskee tällä hetkellä vain julkishallinnon verkkosivustoja, mutta koska saavutettavuus ja käytettävyys koskevat kuitenkin ihan jokaista verkkosivustoa, on asiaan hyvä perehtyä muidenkin sivustojen kohdalla.

Asia on nyt pinnalla monessa yhteydessä sen takia, että 23.9.2020 jälkeen verkkosivustojen tulee täyttää WCAG-saavutettavuusdirektiivin ehdot.   Saavutettavuusdirektiivi määrittelee, että sivustojen tulee olla myös saavutettavuutta tarvitsevien ulottuvissa.

Saavutettavuutta tarvitsevat esimerkiksi näkö-, kuulo- tai liikuntarajoitteiset. Yksinkertaistettuna saavutettavuus parantaa sivustojen käyttöä ihan kaikille, mutta erityisesti sellaisille käyttäjille, jotka käyttävät apunaan esimerkiksi lukulaitetta näkökyvyn vuoksi tai suunnistavat sivustolla pelkän näppäimistön avulla liikuntarajoitteen tai muun fyysisen rajoitteen takia.

Saavutettavuusdirektiivi on rakennettu neljän perusperiaatteen ympärille, jotka ovat seuraavat:

– Periaate 1: Havaittava – Informaatio ja käyttöliittymäkomponentit pitää esittää tavoilla, jotka käyttäjä voi havaita.

– Periaate 2: Hallittava – Käyttöliittymäkomponenttien ja navigoinnin pitää olla hallittavia.

– Periaate 3: Ymmärrettävä – Informaation ja käyttöliittymän toiminnan pitää olla ymmärrettävää.

– Periaate 4: Lujatekoinen – Sisällön pitää olla riittävän lujatekoinen, jotta se voidaan luotettavasti tulkita laajalla joukolla asiakasohjelmia, mukaan lukien avustavat teknologiat.

Saavutettavan verkkosivusuunnittelun lähtökohtana on tuoda sisältö ja tieto saataville riippumatta siitä, miten käyttäjä on sivuston kanssa vuorovaikutuksessa. Käytännössä kyse on melko simppeleistä asioista, eikä ihmeellisiä taikatemppuja vaadita.

1. Luettava selkokielinen teksti

Hyvä sisältö on avainasemassa verkkosivustolla, jonka avulla on tarkoitus tehdä myyntiä. Myyvä ja asiakasta palveleva teksti on jouhevaa, loogista ja vastaa asiakkaan ongelmiin.

Saavutettavuuden näkökulmasta hyvä myyntiteksti on selkokielistä ja helposti ymmärrettävää kaikille – myös niille, joilla on luetun ymmärtämisen tai esimerkiksi kyseisen asian termistön kanssa haasteita.

2. Sisältö myös tekstinä, ei vain kuvana

Tekstin on tärkeää olla koko sivustolla sekä mahdollisissa liitetiedostoissa luettavaa (lukulaitteella). Pelkät kuvat eivät tue saavutettavuutta ja videoissa on oltava tekstitys.

3. Esitä sisältö selkeässä hierarkiassa

Hierarkian tärkeydestä on kirjoitettu tässä blogissa jo aiemminkin (lue artikkeli ”8 periaatetta verkkosivu­suunnitteluun”), mutta myös saavutettavuuden näkökulmasta hierarkia on yksi tärkeimmistä asioista.

Sivustolla on tärkeää esittää asiat loogisessa järjestyksessä ja loogisesti skaalautuvassa järjestyksessä. Näin sisältö on helposti ymmärrettävää lukulaitteella luettaessa tai vain otsikoita selatessa.

saavutettavuus-blogiartikkeli-kuva-hierarkia

4. Värien ja kontrastien käyttö

Värin ei tulisi koskaan olla yksinään indikaattori interaktiiviselle elementille. Esimerkiksi tekstin seassa oleva hyperlinkki tulisi merkata myös alleviivauksella pelkän värin sijaan. Tällä tavoin mahdollistetaan elementtien huomaaminen myös rajoittuneemmin värejä näkeviltä.

Tekstin väriä määrittäessä on tärkeää huomioida tekstin ja pohjavärin kontrasti. Kontrastisuhteen suositellaan olevan leipätekstille vähintään 4,5:1 ja otsikkotekstille 3:1. Esimerkiksi tämä lukemasi tummanharmaa teksti valkoisella pohjalla on suhteeltaan 10,9:1. Kirkkaankeltainen teksti valkoisella pohjalla on taas kontrastisuhteeltaan vain 1,4:1, eli aivan liian vähän. Kontrastisuhteen tarkistamiseen on olemassa hyviä työkaluja, kuten tämä WebAIM:in.

saavutettavuus-blogiartikkeli-kuva-varit

5. Otsikointi ja muut tägit

Kun artikkeliin tai sisältösivulle lisätään väliotsikoita, on niiden tärkeää löytyä oikeiden otsikkotägien sisältä eikä olla esimerkiksi vain korostettu paksummalla kirjasimella. Näin lukulaitteillakin sisältö on helposti selattavaa.

Lukulaitteilla lukemista varten myös muun sisällön sijoittaminen täydellisiin tägeihin (esimerkiksi kappale sijoitetaan aina < p > </ p > tägien sisään) on merkityksellistä.

6. Lisää kuville aina alt-tekstit

Kuvalle voidaan sitä sivustolle lisätessä lisätä alt-teksti eli alternative text. Tätä on ahkerasti kuville lisätty jo pitkään hakukoneoptimoinnin nimissä, mutta tämä on saavutettavuudenkin silmissä tärkeää – mikäli sivustoa luetaan lukulaitteella, lukulaite ilmoittaa kuvan sisällön sellaisellekin, joka kuvaa ei voi nähdä.

7. Klikattavien elementtien riittävä koko

Klikattavien elementtien, kuten navigaation elementtien ja buttoneiden tulee olla tarpeeksi isoja, jotta kaikkien on mahdollista niihin tähdätä myös kosketusnäytöillä, kuten tableteilla.

8. Focus-efekti

Kun klikkaat linkkiä, niin ennen kuin käsky toteutuu (siirryt linkin mukana eteenpäin), linkin tulisi muuttua focus-tilaan. Tämä on pieneltä vaikuttava yksityiskohta hiirtä käyttävälle, mutta jos sivustoa käytetään pelkän näppäimistön avulla, on focus-tila ratkaiseva navigoinnissa.

9. Lomakkeiden otsikointi

Lomaketta rakentaessa lomakekentän ohje tulee sijoittaa otsikkoon, eikä vain lomakekentän ”sisään” paikkamerkiksi. Tässä kyse jälleen saavutettavuudesta värin ja lukulaitteella lukemisen puolesta.

saavutettavuus-blogiartikkeli-kuva-lomake

10. Anna käyttäjille tarpeeksi aikaa lukea ja käyttää tärkeää sisältöä

Erilaiset liike-efektit sivustoilla ovat koko ajan kasvussa, mutta tärkeän informaation tulisi aina olla sijoitettuna kiinteisiin elementteihin, jotka on tarpeen vaatiessa avattavissa ja suljettavissa.

Ei esimerkiksi ole riittävää, että verkkokaupan tilausvahvistus vilahtaa käyttäjälle automaattisessa pop-upissa sivustolla, vaan ikkunan tulee olla suljettavissa, jotta informaation ehtii lukea.

Lopuksi

Saavutettavien sivustojen suunnittelu on käytännössä hyvää ja inklusiivista designia, joka palvelee monenlaista asiakaskuntaa. Saavutettavuus parantaa kaikkien käyttökokemusta, eikä turhaan rajaa asiakkaista ketään ulkopuolelle. Sininen Härkä huomioi jatkossa jokaisessa projektissa pienet yksityiskohdat myös saavutettavuuden näkökulmasta.

Artikkelissa on käytetty lähteenä WGAC 2.0 -standardin lisäksi seuraavia sivustoja ja artikkeleita: https://saavutettavuusdirektiivi.fi, ”Designing for accessibility is not that hard”, Pablo Stanley.

Lataa ilmainen verkkosivujen ostajan opas




Onko teidän yrityksessänne verkkosivu-uudistus käsillä? Siinä tapauksessa, lataa ihmeessä ilmainen oppaamme. Opas on tehty auttamaan yrityksiä verkkosivujen ostamisessa, ja siinä käydään läpi kilpailutuksessa huomioon otettavia asioita aina tarjouspyynnön laatimisesta toteuttajien vertailuun.

Lataa ilmainen opas!

Millainen on hyvä B2B-verkkokauppa?

Nyt jos koskaan verkkokaupat ovat nousseet merkittäväksi osaksi yritysten liiketoimintaa. Vallitseva koronapandemia on tuonut tullessaan haastavat ajat monelle yritykselle ja siirtänyt liiketoiminnan painopistettä entistä voimakkaammin verkkoon. Pelkkä poikkeustilanne ei yksistään ole kuitenkaan syy verkkokauppojen suosiolle. Digitalisaation myötä verkkokauppa on kasvanut jo hyvän tovin kuluttajapuolen lisäksi myös B2B-sektorilla. Huolella suunniteltu sekä visuaalisesti ja teknisesti toimiva B2B-verkkokauppa tehostaa liiketoiminnan prosesseja ja toimii tehokkaana myynnin kanavana.

Kylmää ja kasvotonta kauppaa vai timanttista palvelua? Miksi B2B-verkkokauppa kannattaa?

En tiedä tarvitseeko tätä edes sanoa, mutta todetaanpa nyt silti: faksien ja sähköpostiin naputettavien tarjouspyyntöjen tai sähköisten tilauslomakkeiden aika alkaa siintämään kovaa vauhtia ohi! B2B-verkkokaupan kautta prosessien automatisointi ja toimintojen integroiminen tehostavat liiketoimintaa sekä säästävät aikaa. Turhien manuaalisten työvaiheiden poistuminen tekee samalla yrityksestä myös asiakkaalle houkuttelevamman vaihtoehdon.

Parhaimmillaan B2B-verkkokauppa voi edelläkävijyyden myötä olla myös vahva kilpailuetu. Verkkokauppaa voisi B2B-sektorilla luonnehtia ennemminkin tilausjärjestelmäksi kuin verkkokaupaksi.

B2B-verkkokaupoissa ostajat ovat mitä todennäköisimmin myös kuluttajaverkkokauppojen asiakkaita. Niinpä heidän ostokäyttäytymisensä ohjautuu verkkoon luontevasti ja ostaminen koetaan mielekkääksi tehdä verkosta silloin, kun itselle sopii.

Vaikka usein verkkokauppa mielletään etenkin yrityspuolella kylmäksi ja kasvottomaksi kanavaksi, on se hyvin toteutettuna kaikkea muuta. Verkossa asiointi on paitsi helppoa, myös joustavaa ollessaan aikaan ja paikkaan sitomatonta.

Verkkokauppa vahvistaa asiakaskokemusta ja konversioiden lisäämistä tukien samalla yrityksen kilpailukyvyn säilyttämistä. Verkkokaupan saumattoman ostoprosessin, asiakaskohtaisten kustomointien sekä esimerkiksi chatbottien avulla asiakaskokemuksesta saadaan jouheva ja ehyt. Ostaisit varmaan itsekin uudestaan verkkokaupasta, jossa homma sujuu?

Mitä kannattaa huomioida?

Aivan kuten B2C-puolella, valtaosa B2B-ostajista suuntaa tiettyä tuotetta tarvitessaan Googleen. Kuluttaja-asiakkaista poiketen B2B-ostajat ovat pääsääntöisesti varusteltu oman alansa asiantuntemuksella ja heillä on jo valmiiksi selkeä käsitys, siitä mitä ovat ostamassa. Niinpä tuotekuvien ja spesifien tuotetietojen sekä videoiden, oppaiden ja muun tukimateriaalin saatavuuden merkitys korostuu B2B-verkkokaupassa.

Asiakaspalvelun saatavuuteen on syytä kiinnittää erityistä huomiota, sillä myös yrityspuolella ostaja odottaa usein kysymyksiinsä nopeaa reagointia ja asiantuntevaa vastausta. Mitä paremmin B2B-verkkokauppa vastaa ostajan tarpeita suoraviivaisella ja nopealla ostoprosessilla, sen todennäköisemmin hänet saadaan sitoutettua käyttämään verkkokauppaa jatkossakin.

Sujuvasti toimivaan B2B-verkkokauppaan kannattaa satsata reippaasti niin aikaa kuin panoksiakin, sillä parhaimmillaan sen kautta saavutetaan konversioita ja pitkään kestäviä asiakassuhteita.

Poimi parhaat jutut kuluttajakaupoista

Pyörää ei tarvitse tämänkään aiheen tiimoilta keksiä uudelleen. Verkkokaupoissa on paljon lainalaisuuksia, jotka toimivat niin kuluttajaverkkokaupassa, kuin B2B-puolella. Käyttäjäkokemus, jonka perään usein kuulutan, pelaa merkittävässä roolissa molemmissa verkkokauppatyypeissä.

Luotettavuus, selkeys, selailun ja hakemisen helppous sekä kattavien tuotetietojen saatavuus ovat ihan yhtä tärkeitä käyttäjälle, oli kyseessä sitten yritysten välinen kaupanteko tai kuluttajien verkkokauppashoppailu. Käy ottamassa haltuun vinkkimme verkkokaupan käyttökokemuksen parantamiseksi!

Sitouta asiakkaasi personoidulla verkkokaupalla

48 % asiakkaista käyttää verkko-ostoksiinsa enemmän rahaa, kun verkkokauppa on personoitu. Lisäksi erityisesti B2B-puolella on totuttu tarjoamaan räätälöityjä ratkaisuja eri asiakkaille. Seuraava kysymys varmasti kuuluukin, että mites homma ratkaistaan sitten verkkokaupassa?

Hyvin personoidulla verkkokaupalla kohdataan asiakkaan vaatimukset sekä haasteet ja vastataan tarpeisiin siten, että asiakkaan ei tarvitse lähteä etsimään parempaa muualta. B2B-verkkokaupan toteutuksessa on mahdollista räätälöidä eri tuotenäkymä, hinnat ja toimitusvaihtoehdot tai -maksut eri asiakkuuksille.

Usein B2B-verkkokaupat rakennetaan siten, että hinnat ja ostomahdollisuus tarjotaan vasta kirjautuneille asiakkaille, mikä mahdollistaa sen, että kullekin asiakkaalle tai asiakasryhmälle voidaan tarjota juuri heille räätälöityjä ratkaisuja. Personoitu sisältö helpottaa asiakasta löytämään tarvitsemansa sekä mahdollistaa helpomman lisämyynnin esimerkiksi asiakasprofiilin perusteella suositelluilla tuotteilla antaen samalla eväät kestävän asiakassuhteen hoitoon.

Sujuvalla ostoprosessilla helpotat asiakkaasi arkea

Sinisen Härän Mikkoa siteeratakseni ”Verkkokaupassa asioinnin tulisi olla yhtä helppoa kuin kauramaidon hakeminen lähikaupasta pikakassan kautta”. Otetaanpa ihan esimerkkinä: kauramaito loppui ja lähdet hakemaan sitä lähimmästä kaupasta. Kaikki kaupat on suunniteltu suhteellisen samalla rakenteella, joten tiedät, miten kaupassa kuljet, nappaat kauramaidon kyytiin ja kävelet itsepalvelukassan kautta MobilePayta kortinlukijaan vilauttaen takaisin kahvikupposesi ääreen! Sulla on tarve, jonka saat nopeasti täytettyä. Myös B2B-verkkokauppa-asioinnin tulisi olla yhtä helppoa.

Verkkokaupan huolella ja loogisesti suunnitellun käyttöliittymän lisäksi on hyvä huomioida ominaisuuksissa myös se, että asiakkaalle kriittiset vakiotuotteet ovat helposti löydettävissä. Tähän onkin olemassa ihan loistavia ratkaisuja.

Jos kohderyhmääsi kuuluvien vakio-ostajien täytyy säännöllisin väliajoin tilata joitakin tiettyjä tuotteita verkkokaupastasi, kannattaa tästä ottaa täysi hyöty irti verkkokaupan oma tili -osiosta. Oman tilin kautta asiakas voi paitsi seurata tekemiään tilauksia, myös kopioida sen uudeksi tilaukseksi.

Jos tuotetilausta haluaa kerätä pikkuhiljaa tarpeen mukaan, voidaan käyttäjälle tarjota mahdollisuus kerätä toivelistaa, jonne asiakas voi klikata haluamiaan tuotteita ja lisätä ne sieltä ostoskoriin vaivattomasti. Kun asiakkaalta on edellytetty kirjautuminen verkkokauppaan oston tekemiseksi, ovat myös toimitusosoite- ja laskutustiedot valmiiksi mintissä, joten tilaus on sillä selvä.

B2B-verkkokaupan lyhyt oppimäärä

  1. Panosta B2B-verkkokaupassa käyttökokemukseen, kattaviin tuotetietoihin ja hakutoimintoihin
  2. Personoi sisältö asiakkuudelle sopivaksi: näytä juuri tälle asiakkaalle räätälöidyt tarjoukset, hinnanalennukset sekä täsmätuotteet.
  3. Tee ostoprosessista mahdollisimman helppo ja vaivaton

Onko yritykselläsi suunnitelmissa uuden verkkokaupan rakentaminen tai vanhan uudistaminen?

Ota yhteyttä meidän projektipäällikköön Mikkoon, niin jutellaan lisää!

Mistä on hyvät verkkokaupat tehty? 8 vinkkiä käyttökokemuksen parantamiseksi

Verkkokauppa kasvattaa osuuttaan voimakkaasti markkinoilla ja siitä onkin muodostunut tärkeä asiakaskohtaamisen kanava verkossa. Verkkokauppa ei kuitenkaan ole pelkkää teknologiaa yrityksen myynnin ja prosessien tehostamiseksi, vaan se on ennen kaikkea syvää ymmärrystä sekä tuntemusta kohderyhmän ostokäyttäytymisestä. Tässä blogiartikkelissa käyn läpi, mitä verkkokaupan käyttökokemuksella tarkoitetaan ja mitkä seikat siihen vaikuttavat.

Älä aliarvioi käyttökokemuksen merkitystä

Oli kyse sitten yritys-, jälleenmyyjä- tai kuluttaja-asiakkaista, on verkkokauppa noussut oleelliseksi kanavaksi kohdata asiakkaat. Asiakkaiden tavat etsiä ja vertailla tietoa sekä tehdä ostopäätöksiä ovat muuttuneet, mikä vaatii yritykseltä kykyä saada käännettyä muuttunut ostokäyttäytyminen hyödyttämään omaa liiketoimintaa.

Asiakkaiden vaatimukset ja odotukset verkossa tarjottaville palveluille kasvattavat merkitystään ja ostopäätökseen voikin vaikuttaa ratkaisevasti se, miltä palvelun käyttäminen tuntuu tai kuinka sujuvaa käyttö on. Käyttökokemuksen merkitystä verkkosivustoilla ei sovi vähätellä, sillä sen vaikutus antaa huolellisesti suunniteltuna ja toteutettuna valtavan kilpailuedun ja voi parhaimmillaan olla myös ratkaisevakin tekijä yrityksen menestyksen kannalta.

UX-suunnittelulla kohti sujuvampaa käyttökokemusta

Koska käyttäjäkokemus on muodostunut yhdeksi oleellisimmista kilpailuvalteista verkkokaupalle, on siihen vaikuttavien elementtien ja ominaisuuksien löytäminen keskeisessä roolissa. Lisäksi oman kohderyhmän tunteminen auttaa ymmärtämään asiakkaiden tarpeita. Käyttäjäkokemuksen suunnittelu vaatii hyviä ongelmanratkaisutaitoja, sillä tavoitteena on löytää ratkaisu siihen, kuinka verkkokauppa saadaan luomaan lisäarvoa käyttäjälleen tehden samalla palvelun käytöstä mahdollisimman luontevaa.

UX-suunnittelun avulla pyritään vastaamaan käyttäjän tarpeisiin ylittäen heidän odotuksensa, kuitenkin niin, että palvelun käytettävyydessä säilyy vaivattomuus ja selkeys. Suunnittelussa keskitytään nimenomaan siihen, miltä palvelu käyttäjästä tuntuu. Käyttökokemus ei muodostukaan yksin upeista leiskoista ja hienoista erikoisefekteistä, vaan se kattaa kaikki verkkopalvelun toiminnot aina navigoinnista sivuston sisältöihin ja hierarkioihin saakka.

Mihin sitten pitäisi kiinnittää huomiota?

Kattavan kirjallisuustietopohjan haalimisen lisäksi toteutin aiheesta kyselytutkimuksen osana tietojenkäsittelyn tradenomin opintojani. Kyselytutkimuksessa selvitin, mitkä asiat vaikuttavat käyttäjän näkökulmasta verkkokaupan käyttökokemukseen. Nappaa tästä tiivistettynä vinkit suoraan käyttäjiltä itseltään:

1. Luotettavuus ennen kaikkea

Verkkokaupalle tärkeimmäksi valintakriteeriksi nousi luotettavuus. Luotettavuuden esiintuominen ja siihen panostaminen on tärkeää menestyksen kannalta.

2. Navigointi ja kategoriat kuntoon

Navigoimisen verkkokaupassa tulee olla yksinkertaista. Lisäksi käyttökokemukseen vaikuttaa, että verkkokaupan tuotteet on lajiteltu selkeästi kategorioittain. Mieti siis sivuston hierarkia ja rakenne niin, että sivuston käytettävyys on mahdollisimman sujuvaa.

3. Tee tuotteiden selailusta ja hakemisesta selkeää

Tuotteiden hakeminen, suodattaminen ja selailuominaisuudet ovat käyttökokemuksen kannalta tärkeässä asemassa. Kannattaa siis pohtia, onko tuotteiden hakeminen verkkokaupassa selkeää. Etenkin, jos tuotteita ja variaatioita on paljon.

4. Kattavat tuotetiedot tukevat ostopäätöstä

Yksittäisen tuotteen tiedot, laadukkaat kuvat sekä varastotilanteen näkyvyys on käyttäjille arvokasta informaatiota ostopäätöksen kannalta. Lisäksi muiden käyttäjien arviot tuotteesta vaikuttavat ostopäätöksen tekemiseen, joten kannattaa harkita tuotearviointien tuomista yksittäisen tuotteen tietoihin.

5. Turhat liirumlaarumit pois – verkkokauppaan tullaan ostoksille

Verkkokauppa saa mennä suoraan asiaan ilman erillisiä yritysesittelyitä etusivulla. Muista kuitenkin, että käyttäjän tulee löytää yhteystiedot sekä toimitus- ja muut ehdot helposti ilman yksityisetsivän jaloja taitoja. Toimitus- ja maksutavat vaikuttavat myös verkkokaupan käyttäjälle muodostuvaan kokonaiskokemukseen, joten niiden esilletuomiseen ja toimivuuteen on syytä kiinnittää huomiota.

6. No pitäähän sen myös näyttää hyvälle

Verkkokaupan visuaalisuus ja yrityksen brändi-ilmeen esiintuominen on myös tärkeä huomioida käyttökokemuksen nimissä ja niihin kiinnitetään huomiota jopa niin paljon, että se vaikuttaa ostopäätökseen. Visuaalisuus lisää verkkokaupan käyttömukavuutta, mutta se ei kuitenkaan saa mennä toimivuuden edelle. Käyttäjille on tärkeämpää se, että palvelu pelittää.

7. Responsiivisuus

Ehkä sanomattakin selvää, mutta sanotaanpa silti: shoppailu tapahtuu kasvavissa määrin mobiililaitteilla, joten verkkokaupan tulee olla käytettävissä kaikilla laitteilla.

8. Nopeat syö hitaat

Latausnopeus on tärkeässä osassa verkkokaupan käyttökokemusta tarkastellessa. 88 % vastaajista kertoi, että latausnopeus vaikuttaa siihen, käyttääkö kyseistä verkkokauppaa vai ei. Älä siis unohda verkkokauppasi nopeuden optimointia.

Lataa ilmainen verkkosivujen ostajan opas




Onko teidän yrityksessänne verkkosivu-uudistus käsillä? Siinä tapauksessa, lataa ihmeessä ilmainen oppaamme. Opas on tehty auttamaan yrityksiä verkkosivujen ostamisessa, ja siinä käydään läpi kilpailutuksessa huomioon otettavia asioita aina tarjouspyynnön laatimisesta toteuttajien vertailuun.

Lataa ilmainen opas!

Näytä