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.

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!

Vieraskirjoitus: Flashnode – Automaatio kilpailukykyisen verkkokaupan ytimessä

Jos automatisoitua verkkokauppaa pitää edelleen futuristisena visiona, on otettava kiriä. Verkkokauppojen jatkuvasti kiristyvä kilpailu ja tavoite olla kuluttajien ykköskauppapaikka on tuonut automaation verkkokauppa-alan keskiöön.

Asiakkaiden odotukset erityisesti verkkokaupan toimituksia, palauttamista ja asiakaspalvelua kohtaan on kiristynyt. Jos verkkokauppa ei vastaa näihin vaatimuksiin, on kilpaileva yritys vain yhden Google-haun päässä.

Myös suurten verkkokauppojen tuomat jännitteet vaikuttavat alaan merkittävästi. Esimerkiksi länsimaissa ylivoimainen Amazon on luonut omia patenttiratkaisuja, joilla hyödynnetään automaatiota tehokkaasti ja asiakkaan odotukset ylittäen – kuten toimittamalla tuotteen ennen kuin asiakas on sen edes tilannut.

Automaatio ei kuitenkaan ole vain verkkokauppajättien etuoikeus, vaan helposti muidenkin ulottuvilla.

Mitä on verkkokaupan automaatio?

Verkkokaupan automaatiota käytetään tyypillisesti sekä prosessien tehostamiseen että ongelmanratkaisuna. Jos automaatio pystyy suorittamaan jonkin tehtävän reaaliaikaisesti ja ehkä jopa tehokkaammin kuin ihminen, se kannattaa ehdottomasti antaa tietokoneen hoidettavaksi. Näitä tehtäviä ovat esimerkiksi automaattiset sähköpostit sekä varastosaldojen ja tilaustietojen reaaliaikainen päivittäminen. Yksin nämä tehtävät eivät ole ihmiselle vaativia, mutta yhdessä ja jatkuvasti toistuvina ne vievät työpäivästä suuren osan aikaa.

Automaatiota käytetään apuna myös ratkaisemaan esimerkiksi hylätyt ostoskorit. Noin 70% verkkokaupan ostoskoreista hylätään, eli asiakas poistuu sivustolta maksamatta ostoskoriin lisättyjä tuotteita. Näiden asiakkaiden kontaktointi muistutussähköpostilla voidaan automatisoida.

Verkkokauppiaille tuttu ongelma on myös se, että varastosaldoja ei välttämättä ehditä päivittää verkkokauppaan. Tämä voi johtaa siihen, että asiakas tilaa tuotteen, joka todellisuudessa on jo myyty loppuun. Tämä voidaan ratkaista verkkokauppa-alustan ja varastonhallinnan väliin rakennettavalla liitännällä (eli integraatiolla), joka päivittää saldon automaattisesti varastonhallinnasta verkkokauppaan. Tämä helpottaa erityisesti yritystä, jolla on yhteinen varasto kahdessa kauppapaikassa, kuten kivijalassa ja verkkokaupassa.

Kilpailuedun saavutus

Automaatio ei tuo ainoastaan helpotusta verkkokauppiaan arkeen, vaan se tekee yrityksestä asiakkaan silmissä houkuttelevimman vaihtoehdon.

  • Verkkokauppa voi luvata asiakkaalle enemmän. Prosessit eivät tule hidastumaan edes myyntipiikkien aikana, kun tietokone osallistuu rutiinityöhön.
  • Automaatio säästää rahaa. Nämä vapautuneet resurssit voidaan käyttää vaikka huokeampiin tuotteiden hintoihin tai myynti- ja markkinointitoimenpiteisiin, jolla houkutellaan lisää asiakkaita.
  • Yrityksestä tulee luotettavampi. Jos tietokone hoitaa laskuttamisen, ei synny (näppäily)virheitä. Asiakas voi aina luottaa, että laskutustiedot ovat oikein. Sama pätee myös ajantasaisiin varastosaldoihin ja tuotetietoihin.

Ajan ja rahan tuoma säästö antaa myös vapautta kokeilla ja uudistua. Verkkokauppa-ala kehittyy kovaa vauhtia, ja yritysten on löydettävä jatkuvasti uusia keinoja pysyä virkeänä. Mitä jos vapautuneet resurssit käytettäisiin entistä parempaan messuosastoon, digimarkkinointiin tai uuden tuotteen/palvelun lanseeraukseen?

Automaation käyttöönotto

Automaation käyttöönottoon vaikuttaa ensisijaisesti yrityksellä käytössä olevat ohjelmistot, kuten verkkokauppa-alusta. Osa verkkokauppa-alustoista saattavat tarjota omia plugineja, joita kauppiaat voivat ottaa käyttöön joko ilmaiseksi tai lisämaksusta. Esimerksiksi WooCommerceen löytyy paljon valmiita toteutuksia eri järjestelmillä.

Automaatioon on myös erikoistuneita ohjelmistointegraatioiden palveluntarjoajia, joista Suomessa johtavin on Flashnode. Flashnoden palvelussa on valmiiksi rakennettuja integraatioita useimpiin verkkokauppaohjelmistoihin, jolloin asiakkaan ei tarvitse maksaa kehitystyöstä. Jos omaa ohjelmistoa ei kuitenkaan palvelusta löydy, voi integraation tilata myös projektityönä.

Flashnoden integraatioilla voidaan automatisoida kiinteällä kuukausimaksulla muun muassa varastosaldot, tilausstatukset, laskutuksen ja asiakasprofiilien päivittymisen. Palveluun kuuluu myös ylläpito, eli tarkka valvonta integraation toiminnasta ja nopea puuttuminen mahdollisiin virhetilanteisiin. Katso myös koko lista mitä Flashnode voi automatisoida WooCommerce-verkkokaupassa. Samalla näet, löytyykö käyttämäänne ohjelmistoon valmis integraatio.

Automaation palveluntarjoajia on myös logistiikan puolella, jolloin lähettäminen ja palautusten käsittely tapahtuu vaivattomammin. Automaatio myös nopeuttaa tuotteiden lähettämistä, jolloin pystytään vastaamaan asiakkaiden odotuksiin nopeista toimitusajoista.

Verkkokauppiaan ei siis tarvitse itse osata rakentaa integraatiokoodia (tai edes puhua niistä). Luotettavan palveluntarjoajan kanssa hän saa automatisoitua liiketoiminnastaan ylimääräisiä käsitöitä, eikä tämä useimmiten vaadi edes uuden opettelua. Päinvastoin: täytyy muistaa, ettei asioita tarvitse enää tehdä itse. Sininen Härkä ja Flashnode hoitavat toimivan integraation puolestasi. Kysy lisää.

Nico Härkönen

CEO, Founder, Partner
Asiakkuudet, yhteistyöt, digimarkkinointi ja koulutukset
040 8222 843
nico@sininenharka.fi

Tai

Tomi Räsänen

Co-Founder / Chief Sales & Marketing Officer
+49 163 716 7767 / +358 44 7767 826
tomi.rasanen@flashnode.com
www.flashnode.com

Näytä
Tilaa maksuton digimarkkinoinnin auditointi (arvo 790 € +alv)