Verkkokaupan perustaminen – osta-painikkeen suunnittelu

1. Rohkaisee toimimaan

"Osta"- tai "lisää ostoskoriin" -painikkeella on selkeä tarkoitus, sen avulla halutaan saada asiakas tekemään jotakin. Nettikaupassa osta-painikkeesta saattaa päästä tarkastelemaan ostoskoria ja juuri sinne lisättyä tuotetta, tai sitten tuotteen lisääminen ostoskoriin ei vie asiakasta mihinkään, vaan sivun laidasta voi tulla esiin info-teksti, jossa kerrotaan, että tuote on lisätty koriin. Ehkä tässä vaiheessa myös tarjotaan mahdollisuutta siirtyä katselemaan muita tuotteita. Asiakas saadaan tekemään haluttu toimenpide kehottamalla häntä toimimaan. Helpoin tapa rohkaista ihmistä tekemään jotakin, on aloittaa teksti verbillä, kuten sanalla ”osta”. Tämän vuoksi perinteiset “osta nyt”, “tilaa nyt” sekä “lisää ostoskoriin” - kehotukset toimivat hienosti.

2. Helposti ymmärrettävissä

Ihanteellisessa osta-napissa on vain muutamia sanoja. Lyhyt ja ytimekäs teksti toimii parhaiten siksi, että ihmisen on helppo ymmärtää lukemansa miettimättä sitä sen enempää. Tekstistä täytyy myös selvitä, mitä tapahtuu sen jälkeen, kun nappulaa on klikattu. Tässä kohtaa voikin olla viisasta valita sellainen teksti, joka on linjassa verkkokauppasi ostoprosessin kanssa: esimerkiksi “lisää ostoskoriin” voi olla looginen vaihtoehto silloin, kun asiakasta ei viedä pois tuotesivulta, vaan hänelle viestitään jotenkin muuten, että tuote on nyt lisätty ostoskoriin. “Osta nyt” taas saattaa kertoa ostajalle, että tätä painiketta klikkaamalla siirryt eteenpäin sivulle, joka saattaa olla jo maksusivu.

Ihmiset ovat tottuneet tietynlaisiin nappuloihin ja teksteihin, joten vaikka onkin viisasta huomioida oma brändi ja tuotteiden luonne kun verkkokaupan tekstejä lähdetään miettimään, kannattaa myös pitää huoli siitä, ettei sanamuoto karkaa liian kauaksi ostajalle tutuista, perinteisistä kehotuksista kuten “osta nyt”, "tilaa nyt”, “vie ostoskoriin” ja “lisää ostoskoriin" -  näin varmistat etteivät asiakkaasi hämmenny ja sen takia jätä ostosta tekemättä.

3. Houkutteleva teksti

“Osta nyt” ja “lisää ostoskoriin” tekstien konversiopotentiaalia on tutkittu jonkin verran ulkomaisissa epävirallisissa tutkimuksissa. Yleinen johtopäätös tuntuu olevan, että “lisää ostoskoriin” -tekstillä varustettuja painikkeita klikataan keskimäärin enemmän. Tämän arvellaan johtuvan siitä, että ostoskoriin on helppo lisäillä tuotteita, vaikka ostopäätöksestä ei olisikaan vielä ihan varma. Valitettavasti suuri osa, jopa 35 % - 50 %, verkkokaupassa kootuista ostoskoreista jää kuitenkin lunastamatta, eli prosessi päättyy juuri ennen maksamista. "Lisää ostoskoriin" ei siis kuitenkaan ole ylivoimaisesti paras teksti, vaan muitakin vaihtoehtoja kannattaa harkita. Esimerkiksi “osta nyt” ja “tilaa nyt” kehotteiden vahvuus piilee siinä, että niillä on voimakkaampi vaikutus ihmisiin, sillä kehoitukset antavat lukijan ymmärtää, että ostopäätös on tehtävä nyt. Näistäkään teksteistä kumpikaan ei kuitenkaan takaa, että asiakas todellakin vie ostoprosessin loppuun asti, joten omaan verkkokauppaan parhaiten sopiva vaihtoehto kannattaa etsiä kokeilemalla.

Jos sinulla on mahdollisuus vaihdella nappeja tai niiden yhteydessä esiintyviä tekstejä tuotekohtaisesti, voi verkkokaupan konversiota parantaa lisäämällä tekstiin kiireen tuntu. Jos tuot osta-painikkeen yhteydessä esille, että tuote on alennuksessa vain rajoitetun ajan, tai että tuotteita on vain muutama jäljellä, saattaa se auttaa ostopäätöksen teossa ja saada asiakkaan ostamaan tuotteen juuri sillä hetkellä. Kiireen tunteen on mahdollista saada aikaan myös esimerkiksi lupaamalla toimitus seuraavana päivänä, jos tuotteen ostaa ennen tiettyä kellonaikaa.

4. Silmiinpistävä väri

Painikkeen ulkonäöllä eli designilla on myös väliä. Hyvä lähtökohta painikkeen suunnittelulle on se, että valitsee lähtökohdaksi mahdollisimman kirkkaan värin. Jos verkkokaupassasi käytetään muutenkin kirkkaita värejä, voi osta-napin väri voi olla kontrastiväri sivun muille väreille. Verkkokauppiaan kauhuskenaariona voidaankin pitää sitä, että asiakas on löytänyt tuotteen, jonka haluaa ostaa, mutta ei löydä linkkiä, josta voisi lisätä tuotteen ostoskoriin ja ostaa. Erottuvan värin tavoitteena on siis saada painike erottumaan kunnolla sivun muista sisällöistä, jotta asiakas löytää sen mahdollisimman helposti.

On kuitenkin hyvä pitää mielessä, että jotkin värit saattavat herättää meissä tietynlaisia tunteita, kuten epävarmuutta, vihaa tai luottamusta. Ihmiset saattavat alitajuisesti kokea punaisen värin merkkinä vaarasta, kun vihreä taas voi tuntua turvalliselta  - vihreä voikin suorastaan viestittää, että “kaikki on ok, jatka eteenpäin”. Lisäksi napin designissa on otettava huomioon verkkokaupan kokonaisilme -  turvallista tunnetta ei lisää se, jos osta-nappi näyttää irralliselta sen sijaan, että se olisi luonnollinen osa verkkokauppaa.

5. Pehmeä ja selkeä muoto

Samaan tapaan kuin värien kohdalla, yhdistämme myös muodot vaaran ja turvallisuuden tunteisiin. Tämän vuoksi suurin osa verkkokaupoista käyttää painikkeita, jotka ovat muodoltaan kulmista pyöristettyjä suorakulmioita. Terävät reunat saattavat herättää ajatuksia vaarallisuudesta ja tehdä ihmisestä varovaisemman, joten voi olla viisasta pelata varman päälle ja valita napille jokin pehmeä muoto. Painike ei myöskään saisi olla kovin erikoisen muotoinen eikä liian pieni, jotta sen sisälle aseteltava teksti olisi helposti luettavissa. Karkeasti tässä voidaan ajatella, että mitä suurempi sen parempi, sillä isokokoinen nappula on helppo huomata ja sitä on helpompi klikata.

Osa verkkokauppiaista on huomannut, että ikonin lisääminen tekstin jatkoksi kasvattaa konversioprosenttia. Suosittuja ikoneita ovat plus-merkki, ostoskori, nuoli ja ostoskärry. Siinä missä hillitty ikoni voi lisätä klikkausmääriä, saattavat yliampuvat animaatiot viedä huomion pois olennaisesta, eli ostamisesta. Esimerkiksi jotkut animaatiot eivät välttämättä toimi kunnolla kakilla laitteilla tai kaikissa selaimissa. Varmista siis, että osta-nappisi ovat helposti käytettävissä myös esimerkiksi mobiililaitteilla, jotta et menetä tilaisuutta myydä valtavalle määrälle ihmisiä, jotka surffaavat netissä päivittäin tabletilla ja älypuhelimella.

Ei ole oikeaa vastausta siihen, minkälainen painike toimii parhaiten. Mutta etenkin kansainvälisellä tasolla on jo kauan seurattu erilaisten osta-nappien tehokkuutta - näin on voitu koostaa edellä mainitut nyrkkisäännöt, jotka kannattaa ottaa huomioon oman painikkeen suunnittelussa. On kuitenkin tärkeää, että teet myös itse omat johtopäätöksesi siitä, minkälainen painike on paras konvertoimaan juuri sinun verkkokaupassasi. Testaa siis rauhassa eri värejä, kokoja ja sanamuotoja löytääksesi juuri sellaisen designin, joka tuottaa sinulle korkeimman klikkausprosentin.

Vinkkejä ja ideoita, joiden avulla kuljetat verkkokauppa-asiakkaan kassasivulle ja myyt lisää.