Verkkokaupan tuotteita kopioitu huijaussivustolle?Näin suojaudut ja puutut tuotekopiointiin ja tavaramerkkiloukkauksiin – Opas verkkokauppialle

Onko verkkokaupanne tuotteita kopioitu huijaussivustolle? Tuotteita myydään teidän tuotteilla, kuvauksilla ja kuvilla, mutta hinnat ovat vain murto-osan. Kauppa näyttää epäilyttävältä, maksutavat ovat rajalliset ja jos joku erehtyy ostamaan tuotteita, niitä tuskin koskaan saa.

Osa asiakkaista on sen verran valveutuneita, että tunnistaa vastaavat sivustot huijaukseksi, mutta kaikki eivät. Osa saattaa jopa ostaa ja lopputuloksena on huono kokemus ja paljon mielipahaa ja selvittelyä.

Onneksi on olemassa useita toimia, joita voitte tällaisissa tilanteissa tehdä suojellaksenne brändiänne ja auttaaksenne asiakkaitanne välttämään huijauksia:

Oikeudellinen neuvonta

Harkitse oikeudellisen neuvonnan hankkimista. Asianajaja voi auttaa ymmärtämään oikeuksianne ja suositella parhaita toimintatapoja, kuten tekijänoikeusrikkomuksen tai tavaramerkkirikkomuksen käsittelyä.

Ilmoita loukkauksesta

Monet verkkopalvelut, kuten hakukoneet ja sosiaalisen median alustat, mahdollistavat tekijänoikeusloukkausten ilmoittamisen. Voit käyttää näiden palveluiden tarjoamia lomakkeita ilmoittaaksesi loukkaavasta sisällöstä.

Googlelle Ilmoittaminen

Jos haluat ilmoittaa tekijänoikeus- tai tavaramerkkiloukkauksesta Googlelle, voitte käyttää Googlelle tarkoitettua ilmoitusprosessia. Googlella on omat lomakkeensa erilaisille loukkausilmoituksille, kuten tekijänoikeuden ja tavaramerkkien loukkaamiselle.

Löydät tämän lomakkeen Googlen ”Sisällöstä ilmoittaminen oikeudellisista syistä” -osiosta Googlen ohjesivustolta. Täytä lomake huolellisesti, ja varmista, että annat kaikki tarvittavat tiedot, jotta Google voi käsitellä ilmoituksen asianmukaisesti.

Metaan (ent. Facebook) Ilmoittaminen

Meta Platforms, Inc. (entinen Facebook Inc.) mahdollistaa käyttäjiensä ilmoittaa tekijänoikeus- ja tavaramerkkiloukkauksista heidän eri alustoillaan, kuten Facebookissa ja Instagramissa.

Lisää tietoa aiheesta löydät Metan ”Immateriaalioikeudet Metan alustoilla” -osiosta. Kun teet ilmoituksen, varmista, että täytät kaikki vaaditut kentät ja toimitat kaikki tarvittavat todisteet loukkauksesta, jotta Meta voi arvioida tapauksenne.

Ota yhteyttä isäntäpalvelimeen

Selvitä, kuka isännöi/hostaa huijaussivustoa, ja ota yhteyttä palveluntarjoajaan. Usein webhotellit ja domain-rekisteröijät noudattavat tekijänoikeusloukkausilmoituksia ja voivat poistaa loukkaavan sisällön tai jopa sulkea sivuston.

Domainin ja sivuston ylläpitäjän tietoja löydät helposti esim. Whois.com-sivustolta.

Tavaramerkin loukkausilmoitus

Jos huijaussivusto loukkaa tavaramerkkiänne, voit tehdä myös tavaramerkin loukkausilmoituksen. Tämä koskee erityisesti tapauksia, joissa huijaussivusto käyttää brändinne nimeä tai logoa harhaanjohtavasti.

Tavaramerkin Loukkauksesta Ilmoittaminen Suomessa

Suomessa tavaramerkin loukkauksesta voi ilmoittaa Patentti- ja rekisterihallitukselle (PRH), joka on vastuussa tavaramerkkirekisteristä Suomessa. Vaikka PRH ei puutu suoraan riitatilanteisiin, se voi antaa ohjeita siitä, miten tavaramerkkioikeuksien loukkauksissa kannattaa toimia. Usein tavaramerkkioikeuksien loukkaustapauksissa suositellaan ottamaan yhteyttä asianajajaan, joka voi auttaa oikeudellisten toimien valmistelussa ja toteuttamisessa.

Kuluttajaviranomaisille ilmoittaminen

Ilmoita asiasta paikallisille kuluttajansuojaviranomaisille. Monissa maissa on viranomaisia, jotka voivat ryhtyä toimenpiteisiin huijaussivustoja vastaan ja varoittaa kuluttajia.

Kuluttajaviranomaiseen yhteydenotto

Suomessa kuluttajansuojasta vastaa Kilpailu- ja kuluttajavirasto (KKV). Jos haluat ilmoittaa harhaanjohtavista verkkokaupoista tai muista kuluttajansuojaa loukkaavista toimista, voit ottaa yhteyttä KKV:hen. Heidän verkkosivuillaan on tietoa siitä, miten yhteydenottoja voi tehdä ja millaista apua ja neuvontaa he voivat tarjota kuluttajille ja yrityksille.

KKV:n lisäksi voit ottaa yhteyttä myös paikalliseen kuluttajaneuvontaan, joka tarjoaa maksutonta neuvontaa ja ohjausta kuluttajaoikeudellisissa kysymyksissä.

Näiden ohjeiden avulla voit ilmoittaa loukkauksista asianmukaisille tahoille ja saada apua ja neuvontaa tavaramerkki- ja kuluttajansuojakysymyksissä.

Tiedota asiakkaitasi

On tärkeää informoida asiakkaitanne mahdollisista huijaussivustoista. Tämä voi sisältää varoitusten julkaisemisen omalla verkkosivustollanne, sosiaalisen median kanavissa tai sähköpostitse. Selkeä kommunikointi auttaa asiakkaitanne välttämään huijauksia.

Suositeltavaa on esim. kertoa, että vastaavia tuotteita on liikkellä ja mainita, jos tuotteita saa ostettua oikeasti vain teidän kaupastanne. Huijaussivustoille ei kannata kuitenkaan linkata tai välttämättä edes mainita niiden nimiä.

Seuraa tilannetta

Pidä silmällä tilannetta ja seuraa, ilmestyykö uusia huijaussivustoja. Voit käyttää erilaisia verkkotyökaluja ja palveluita, jotka auttavat seuraamaan, missä ja miten tuotteitanne ja brändiänne esitetään verkossa.

Esimerkiksi näillä työkaluilla voit seurata brändiänne ja tuotteitanne verkossa:

  1. Google Alerts: Voit asettaa hälytyksiä tiettyjen avainsanojen, kuten yrityksenne nimen tai tuotteiden nimien, perusteella. Saat ilmoituksia, kun näitä termejä käytetään uusilla verkkosivuilla.
  2. Brand24: Tämä on sosiaalisen median seuranta- ja analysointityökalu, joka auttaa ymmärtämään, mitä verkossa sanotaan brändistänne.
  3. Mention: Tämä työkalu mahdollistaa reaaliaikaisen seurannan maininnoista internetissä ja sosiaalisessa mediassa.
  4. Talkwalker Alerts: Vaihtoehto Google Alertsille, joka tarjoaa laajempia seurantamahdollisuuksia ja analyysejä maininnoista verkossa.

Yhteenveto

Valitettavasti brändien ja tuotteiden kopioiminen huijaussivustoilla on nykyään yleistä. Vaikka tilanne on harmillinen, on tärkeää olla tietoinen ja ryhtyä toimiin, kuten seurata brändiä verkossa käyttäen erilaisia työkaluja kuten Google Alerts ja Mention. Näin voidaan nopeasti puuttua mahdollisiin ongelmiin ja suojata sekä brändi että kuluttajat.

Tämän artikkelin vinkkien avulla voit tehokkaasti puuttua tilanteeseen. On tärkeää toimia nopeasti ja päättäväisesti suojellaksenne sekä brändiänne että asiakkaitanne.

B2B-verkkokauppa – Miksi yritysasiakkaat ovat verkkokaupalle kullanarvoisia?

Yritysasiakkaat ovat verkkokaupoille erittäin suuri mahdollisuus, joihin kiinnitetään tavallisten B2C-verkkokauppojen toimesta yleensä liian vähän huomiota. Satunnaiset yritysostajat saattavat kasvattaa verkkokaupan myyntiä huomattavasti. Mikäli B2B-verkkokauppaan keskitytään tosissaan, saattaa se olla avautuessaan jopa suurempi liikevaihtokanava kuin B2C-verkkokauppa.

B2B-verkkokaupan koko Suomessa

Postin tutkimuksen mukaan 36% kaikista epäsuorista hankinnoista tehtiin digitaalisia kanavia pitkin. Lisäksi osuuden arvioitiin vastaajien toimesta kasvavan seuraavan viiden vuoden aikana. 

Suurella osalla verkkokaupoista on tällä hetkellä yritysasiakkaita, vaikka B2B-verkkokauppaa ei ole tällä hetkellä erikseen olemassa. Satunnaiset ostot ovat mahdollisia, mutta B2B-asiakkaita ei aktiivisesti hankita ja markkinointi tehdään kuluttaja-asiakkaille, tai kuluttaja-asiakkaille rakennettujen markkinointistrategioiden avulla.

Jo 2018 posti arvioi, että 68% koko suomen verkkokaupan liikevaihdosta tehdään B2B-verkkokauppana. Suurien tilauskanavien, kuten tukkujen ja teollisuuden osuus on tästä suuri, mutta myös muille toimialoille on prosentista kuitenkin jaettavaa.

B2B-verkkokaupan erityispiirteet

Mikäli B2B-verkkokauppaa halutaan tehdä, liittyy siihen tiettyjä erityispiirteitä. Usein B2B-verkkokauppa on rekisteröitymisen takana, johon myyjä hyväksyy sinne hakeneet yritykset. Ostajayrityksillä on omat asiakashinnat ja mahdollisesti myös laskutussopimus myyjän kanssa. B2B-verkkokauppa on mahdollista toteuttaa kokonaan erilleen B2C-verkkokaupasta, mutta sen yhdistäminen B2C-verkkokauppaan saattaa tuoda paljon hyötyjä:

1. Saldot ovat ajan tasalla yhdessä järjestelmässä, ilman erillistä tuotetietojen järjestelmän hallintaa

2. Vain yksi ylläpidettävä ja kehitettävä järjestelmä 

3. Raportoinnit myynnistä ja raportit kirjanpitoon löytyvät samasta järjestelmästä

Joissain tapauksissa B2B-verkkokauppaa ei tarvitse eriyttää omaksi kokonaisuudeksi tai osaksi B2C-verkkokauppaa ollenkaan. Tämä kuitenkin vaatii erittäin paljon tarkkaavaisuutta liittyen B2C- ja B2B-verkkokauppojen eroihin liittyen:

1. Miten järjestetään asiakaskohtaiset hinnat (alennuskupongit, kirjautuminen yrityksille jne.)

2. Miten järjestetään toimitukset yrityksille. Eli tarvitaanko yritystilauksissa esim. nopeampi toimituskumppani.

3. Millä maksutavoilla yritykset voivat maksaa? B2B-verkkokaupassa korostuu yrityslasku ja -korttimaksut.

Millainen B2B-verkkokauppa kannattaa toteuttaa

Jos halutaan toteuttaa kokonaan uusi tai B2C-verkkokaupasta irrallaan oleva B2B-verkkokauppa, tulee kokonaisuus määritellä jo ennen verkkokauppa-alustan valintaa ja teknisen toteuttajan valintaa erittäin hyvin, jotta B2B-kaupasta saadaan kaikki tehot irti:

1. Mieti mitkä prosessit B2B-asiakkaillesi ovat tärkeitä:

  • Rekisteröityminen
  • Tavaran vastaanotto
  • Maksaminen
  • Edellisten tilausten toistaminen (ostoskorien tallentaminen)
  • Asiakas- tai tuotekohtaiset asiakkaat
  • jne. 

2. Mitkä prosessit ovat tärkeitä oman toimintanne kannalta

  • Varasto- tai keräilyjärjestelmän integraatio
  • Tilausten toimitus
  • Rahankierron nopeus
  • Markkinoinnin toteuttaminen
  • Asiakaskohtaiset hinnat

Kun määrittelytyö on tehty, on aika valita verkkokauppa-alusta. Harvat valmiit suljetun lähdekoodin alustat tukevat B2B-verkkokaupan erityispiirteitä. Custom-tilausjärjestelmät taas ovat yleensä erittäin kalliita ja raskaita verkkokaupan aloittamiseen. Parhaaksi vaihtoehdoksi alkuvaiheessa yleensä tällöin nousee avoimen lähdekoodin alustat, kuten WordPress ja WooCommerce:

  • Jatkuvat kustannukset ovat yleensä maltilliset
  • Lisäosilla saa toteutettua paljon erilaisia B2B ominaisuuksia halvalla tai jopa ilmaiseksi
  • Avoimen lähdekoodin alustoille löytyy myös paljon vaihtoehtoja tekniseksi toteuttajaksi. Tällöin kilpailuttaminen ja oikean kumppanin löytäminen on helpompaa.

WooCommercen lisäksi muita avoimen lähdekoodin alustoja, joille on toteutettu B2B-verkkokauppaominaisuuksia ja lisäosia ovat esimerkiksi Adobe Commerce ja Prestashop. WooCommerce on maailman yleisin käytetty verkkokauppa-alusta, Adobe Commerce hieman raskaampi, mutta myös paljon käytetty verkkokauppa-alusta. Prestashop on vielä Suomessa hieman harvemmin käytetty alusta, mutta tarjoaa B2B-ominaisuuksia.

Esimerkiksi näistä kolmesta alustasta kannattaa aloittaa selvitystyö hyvissä ajoin, haastatella mahdollisia teknisiä toteuttajia ja tehdä ominaisuustaulukko, johon alustan tarjoamia ominaisuuksia ja lisäosia verrataan. Näin voidaan parhaiten varmistua, että alusta tarjoaa kaikki yrityksen B2B-verkkokauppaan tarvittavat ominaisuudet.

Teknisen kumppanin valinta

Mikäli yrityksellä ei ole resursseja toteuttaa, ylläpitää, kehittää tai markkinoida verkkokauppaa itse, kannattaa valita projektiin tekninen kumppani. Näin saadaan parhaiten myyntiä verkkokaupan kautta. Kokenut kumppani pystyy helposti tuomaan tekemiseen paljon lisäarvoa aiempien vastaavien projektien kautta. Näin vältytään suurimmilta sudenkuopilta ja osataan keskittyä olennaisimpiin asioihin.

Verkkokaupan ja yrityksen koosta riippuen, on verkkokaupalla hyvä olla vähintään 1–3 täyspäiväistä työntekijää. Tätä määrää voidaan vähentää tai jopa kokonaan poistaa valitsemalla hyvä kumppani.

Kumppaneilla on paljon erilaisia malleja, joilla ylläpitoa, kehitystä ja markkinointia tarjotaan. Sen takia valinta kannattaa tehdä harkiten. Referenssit kannattaa käydä läpi ja kysyä myös tuloksia, joita kumppani on muille asiakkaille saanut aikaan. On myös hyvä huomioida saatko kaiken avun yhdeltä toimijalta, vai tarvitsetko useita kumppaneita verkkokaupan pyörittämiseen. Joissain tilanteissa myös nälkäinen markkinalle tuleva kumppani on hyvä vaihtoehto. Tällöin prosessit ja kehitysmalli saattaa kehittyä jopa teidän yrityksen tarpeiden ympärille, milloin tekemisestä saadaan kaikki mahdollinen tehokkuus irti.

Luotettava maksutapakumppani ja kattava maksutapavalikoima puolestaan luo luottamusta myös yritysasiakkaisiin näin ollen myös maksutapakumppaninkin valintaan kannattaa kiinnittää huomiota. Suora laskutussopimus saattaa olla riski myös ostajayritykselle. Maksutapoina yritysasiakkaat suosivat laskua ja yrityskortilla maksamista. Pienemmät kauppiaat myös pankkipainikemaksuja. Nykyään Paytrail tarjoaa uutena maksutapana myös Alisa Yrityslaskut. Yrityslaskulla voi rahoittaa verkkokauppaostokset enintään 5000 euroon asti.

B2B-verkkokauppa on suomalaisille verkkokaupoille erittäin suuri mahdollisuus. Nyt onkin hyvä aika tutkia ja päättää, olisiko sinunkin yrityksen aika ottaa harppaus yritysmyyntiin ja lähteä hakemaan lisää myyntiä yrityskaupasta.

Tämä on vieraskynäkirjoitus Paytraililta. Kirjoittaja Johannes Kumpukoski. Olemme Paytrailin kumppani ja hyödynnämme heidän maksutapoja verkkokauppaprojekteissamme.

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!

Näytä