Uspeh spletne trgovine je močno odvisen od gumba za dodajanje v košarico. Če ga kupec spregleda, prodaje ne bo. Vidnost, velikost in premišljena postavitev tega elementa odločajo o zaključku nakupa. UX oblikovalci dobro vedo, zakaj je to najdragocenejši del zaslona.
Dodati je treba, da se trendi v spletnem nakupovanju nenehno spreminjajo, vendar osnovna psihologija potrošnika ostaja enaka. Uporabnik želi hiter, varen in enostaven nakupni proces. Če mu na tej poti postavimo ovire, bo nakup prekinil in odšel h konkurenci. Zato je optimizacija gumba za dodajanje v košarico eden izmed najbolj stroškovno učinkovitih načinov za dvig prodaje.
Neopazen gumb je izgubljena prodaja
Obiskovalci besedil ne berejo podrobno. Spletno stran le preletijo in iščejo vizualna sidra. Nakupni gumb mora takoj ustaviti drsenje in pritegniti pogled.
Preveč strogo sledenje celostni grafični podobi včasih naredi več škode kot koristi. V trgovini z modro barvno shemo se bo moder nakupni gumb popolnoma zlil z ozadjem. Elementi brez kontrasta postanejo nevidni. Če je osnova strani modra, poskusite z oranžnim ali rumenim gumbom. Test kontrasta lahko naredite sami: stopite korak nazaj in priprite oči. Zamegljena slika bo hitro pokazala, ali gumb dovolj izstopa. Če ne, zamenjajte barvo.
Psihologija barv igra tukaj pomembno vlogo. Zelena barva pogosto asociira na potrditev in varno pot naprej, medtem ko rdeča ustvarja občutek nujnosti, a lahko v določenih kontekstih deluje kot opozorilo ali znak za ustavitev. Oranžna in rumena sta odlični izbiri za pritegovanje pozornosti, saj sta topli in energični. Ne glede na to, katero barvo izberete, mora biti ta v močnem kontrastu z ostalimi elementi na strani. Pravilna izbira barve lahko poveča klike tudi za več deset odstotkov.
Kaj se skriva v neposredni okolici gumba?
Sam gumb včasih ne zadostuje za klik. Tik pred nakupno odločitvijo se namreč pojavijo dvomi. Takrat pomagajo kratka besedila v njegovi neposredni bližini.
Gre za uporabne informacije, ki pomirijo kupca. Podatki o ceni dostave, roku prejema in zalogi sodijo tik ob gumb. Ko kupec zraven zimske jakne opazi napis »Na zalogi – brezplačna dostava jutri«, bo veliko lažje kliknil nanj. Dobra izdelava spletnih strani upošteva prostor za te detajle ob glavnem gumbu. Tako se zmanjša število na pol polnih, a nikoli plačanih košaric.
Poleg informacij o dostavi in zalogi so izjemno pomembni tudi signali zaupanja (trust badges). To so majhne ikone, ki kupcu sporočajo, da je plačilo varno in da so njegovi osebni podatki zaščiteni. Ikone za varno plačevanje s kreditnimi karticami ali PayPalom, certifikati o varni povezavi in garancija vračila denarja lahko bistveno zmanjšajo strah pred spletnimi prevarami. Vse te elemente je treba smiselno razporediti, da ne zasenčijo samega gumba, temveč ga le podpirajo.
Odsotnost motenj poveča osredotočenost
Prostor okoli gumba počistite. Gumbi za deljenje na družbena omrežja ali bližnjice do bloga samo odvračajo pozornost. Vsak dodaten vizualni element zmanjšuje verjetnost nakupa. Obdržite samo tiste informacije, ki vodijo do prodaje.
Pogosto spletni trgovci ob glavni nakupni gumb dodajo še gumbe za dodajanje na seznam želja (wishlist) ali za primerjavo izdelkov. Če so ti sekundarni gumbi enako veliki in vizualno izstopajoči kot glavni gumb, ustvarijo zmedo. Uporabnik se mora ustaviti in premisliti, kam naj klikne. Sekundarni gumbi naj bodo zato oblikovani kot preproste besedilne povezave ali nevpadljive ikone. Glavni cilj je vedno dodajanje v košarico, vse ostalo je drugotnega pomena.
Zakaj mobilni obiskovalci hitro obupajo?
Mobilni telefoni danes prinašajo levji delež obiska v spletnih trgovinah. Zasloni so majhni. Če nakupni gumb skrijete pod dolg opis in še daljšo galerijo fotografij, ga uporabnik verjetno ne bo niti iskal.
Gumb mora biti vedno na dosegu palca. Dobro se obnese tako imenovani lepljivi gumb (sticky add-to-cart), ki med brskanjem ostane pritrjen na dno zaslona. Podatki o konverzijah kažejo, da stalno viden gumb na telefonih prinaša več prodaje. Kupec lahko izdelek dodaja v košarico v kateremkoli trenutku, ne da bi moral drseti po zaslonu nazaj navzgor.
Poleg lepljivega gumba je pri mobilnih napravah ključno tudi to, da se izogibamo pojavnim oknom (pop-ups), ki bi lahko prekrila nakupni gumb v ključnem trenutku. Hitrost nalaganja mobilne strani mora biti bliskovita, saj uporabniki na telefonih nimajo potrpljenja. Če se gumb za nakup naloži šele po nekaj sekundah, ste kupca že izgubili.
Velikost gumba in pravila dotika
Velikost je pomembna. Gumb naj bo dovolj velik za natančen klik s palcem, priporoča se vsaj 44 slikovnih pik višine. Premajhni gumbi ali pretesna postavitev ob drugih povezavah vodijo do napačnih klikov. To obiskovalce jezi in hitreje zapustijo trgovino.
Kako ustrezno nagovoriti kupca?
Besedilo na gumbu usmerja pričakovanja. Napis mora jasno povedati, kaj sledi kliku. Klasika »Dodaj v košarico« deluje odlično, ker od uporabnika ne zahteva takojšnje zaveze. Izdelek zgolj shrani, brez pritiska po takojšnjem plačilu.
Napis »Kupi zdaj« deluje drugače. Ustvari pritisk in takojšen prehod na blagajno. Pri dražjih izdelkih z daljšim procesom odločanja vas bo takšen pristop stal kupcev. Izbira besed je odvisna od tistega, kar prodajate. Jasnost pa mora imeti vedno prednost pred poskusi pretirane duhovitosti.
Kaj se zgodi po kliku?
Po kliku mora sistem obiskovalcu nedvoumno sporočiti, da je bil izdelek uspešno dodan v košarico. Če se stran samo osveži, obiskovalec ne ve, kaj se je zgodilo. Morda bo kliknil še enkrat, morda bo v zmedi odšel.
- Dobra praksa je prikaz stranskega predala (mini košarica), ki zdrsne na zaslon in jasno potrdi dodajanje.
- Gumb lahko za nekaj sekund spremeni barvo in napis v »Dodano«.
- Ikona košarice v glavi spletne strani se mora opazno osvežiti s številom izbranih izdelkov.
Manjši popravki na nakupnem gumbu ne zahtevajo celovite prenove trgovine. Redno preverjajte barve, velikost in besedila. Le tako boste našli kombinacijo, ki pri vaših kupcih zares deluje.
Najboljši način za preverjanje vseh teh sprememb je A/B testiranje. To pomeni, da polovici obiskovalcev prikažete staro različico gumba, drugi polovici pa novo (na primer v drugi barvi ali z drugačnim besedilom). Po določenem času in zadostnem številu obiskov analizirate, katera različica je prinesla več dodajanj v košarico in posledično več zaključenih nakupov. Nikoli ne ugibajte, kaj deluje – naj vam to povedo podatki. Spletna trgovina je živ organizem, ki ga je treba nenehno optimizirati in prilagajati navadam uporabnikov. Z majhnimi, a premišljenimi koraki lahko dosežete izjemne rezultate in znatno povečate dobičkonosnost vašega spletnega poslovanja.
