Tukaj je nekaj, na kar večina lastnikov spletnih trgovin sploh ne pomisli.
Na kategorijskih straneh ljudje ne berejo. Skenirajo. Oči hitro preletavajo mrežo majhnih produktnih polj in v sekundi ali dveh se odločijo, kateri izdelki so sploh vredni klika.#
Tisti majhen okvirček, produktna kartica, je tisti, ki dejansko prodaja, ne samo produktna stran, ampak tisti začetni prikaz izdelka na kategorijskih straneh ali na celotni produktni strani, kjer uporabnik šele izbira, kaj bo kliknil.
Pri večini trgovin, ki jih vidim, dobi produktna stran vso pozornost, medtem ko je kartica, torej mesto, kjer ljudje dejansko sprejemajo odločitve, spregledana.
Naučil sem se kako pomembno je to pri delu z različnimi spletnimi trgovinami. Produktne kartice se morda zdijo kot majhna podrobnost vendar so izboljšave pogosto prinesle opazne rezultate. Kartica je pogosto prva stvar ki jo kupec vidi preden se odloči za dodaj v košarico ali klik na produktno stran. Bolj kot je ta prvi vtis jasen in uporaben, lažje se kupec odloči za nakup.
Zato dober dizajn produktne kartice ni nekaj “lepega za imeti”. Dober dizajn produktne kartice pomeni hitrejše odločitve in pogosto tudi višjo konverzijo
Kaj naredi produktno kartico ki dejansko prodaja
Preden gremo globlje tukaj je celoten checklist na enem mestu. Kartica ki prodaja dobro naredi teh sedem stvari
- Je v čistem preglednem gridu
- Prikaže informacije, ki dejansko vplivajo na odločitev
- Privzeto izpostavi najboljše izdelke
- Omogoča več pregleda brez klika
- Spodbuja akcijo z iskreno omejenostjo zaloge
- Uporablja badge za usmerjanje pozornosti
- Deluje brez težav na telefonu
Zdaj pa gremo po vrsti
1. Pravilna postavitev grid
Preden sploh pogledamo posamezno kartico je pomembno kako so urejene skupaj.
Cilj je tri do štiri izdelke v vrstici. To je najbolj optimalna točka, kjer lahko ljudje hitro primerjajo izdelke, brez da bi bilo preveč natrpano ali da bi morali predolgo scrollati.
Grid je okvir in okvir je pomembnejši kot si večina misli ker ravno primerjanje je tisto kar uporabnik počne na tej strani
2 Prikažite prave informacije na kartici
Tukaj se največ kartic izgubi ali zmaga.
Uporabnik si v glavi postavlja tri vprašanja: je to zame, je dobro in si to sploh lahko privoščim. Kartica mora to odgovoriti brez klika.
Na kartici naj bo:
- Ime produkta jasno in berljivo
- Fotografija izdelka
- Cena in če je znižano pokaži prečrtano staro ceno, novo ceno in odstotek popusta
- Ocena in število mnenj npr 4.8 zvezdice iz 200 ocen močan social proof
- Ključne lastnosti npr barve ali velikosti ali druge variante
Pravilo za vsem tem je preprosto: vsak dodaten klik je priložnost, da nekdo izgubi interes in zapusti stran. Če na kartici odgovoriš na osnovne stvari, ljudi držiš v toku proti nakupu.
Kratek primer
Predstavljajmo si dve kartici za isto jakno.
Prva pokaže sliko, ime in ceno. To je vse. Če želi kupec izvedeti ali je izdelek znižan, kaj si drugi mislijo ali ali je na voljo njegova velikost, mora klikniti, počakati in iskati informacije. Veliko ljudi tega sploh ne bo naredilo.
Druga kartica pokaže sliko, ime, prečrtano staro ceno z oznako “40% popusta”, novo ceno, oceno 4.7 zvezdice iz 130 ocen in barve, v katerih je izdelek na voljo. Ista jakna. Ampak zdaj kupec že ve, da gre za dobro ponudbo, da so drugi zadovoljni in da je na voljo tudi njegova barva. V bistvu je že skoraj prepričan, še preden klikne.
Isti izdelek, ista cena, popolnoma drugačen rezultat.
3 Najboljše izdelke prikažite na vrhu
Veliko spletnih trgovin sploh ne spreminja vrstnega reda prikaza.
Kar je na vrhu kategorije, to ljudje vidijo, ocenjujejo in največkrat tudi kupijo. Zato je privzeti vrstni red izjemno pomemben. Ne obravnavaj ga kot naključje, ampak kot odločitev.
- Na vrh kategorij postavi trending izdelke, najbolje ocenjene ali najbolj prodajane izdelke.
- Naj tvoji zmagovalci vodijo ostale izdelke in pokažejo, kaj je dobro.
Presenetljivo veliko trgovin izdelke preprosto prikaže po vrstnem redu dodajanja. To pomeni, da puščajo denar na mizi brez razloga.
4. Omogočite več pregleda brez klika
Tu sta dve majhni, a zelo učinkoviti izboljšavi, obe zmanjšujeta trenje.
Hover slike: Ko uporabnik z miško preide čez kartico, pokaži drugo fotografijo izdelka. Več informacij brez klika pomeni več zaupanja.
Jasen poziv k akciji: to je ključna stvar in pravzaprav gre za dva tipa uporabnikov.
- “Dodaj v košarico” direktno na kartici za tiste, ki točno vedo kaj želijo. Kupijo takoj, brez ovinkov.
- “Poglej izdelek” ali “Quick view” za neodločene. Oni raziskujejo brez da bi zapustili arhiv ali odprli celotno stran produkta.
Odločeni kupijo takoj. Neodločeni raziskujejo. Oba dobita to, kar potrebujeta.
5. Spodbujajte akcijo z iskreno omejenostjo
Ljudje se premikajo hitreje, ko imajo občutek, da bodo nekaj zamudili. Tako smo preprosto narejeni.
Zato, ko je zaloge res malo, to jasno pokaži. Oznaka kot “Samo še 1 kos” ali “Omejena zaloga” lahko spremeni “bom še razmislil” v “to vzamem zdaj”.
6. Naj oznake opravijo svoje
Badge-i so majhne oznake, ki pomagajo, da pravi izdelki izstopajo že na prvi pogled. Če so pravilno uporabljeni, usmerjajo pogled in dodajo takojšen kontekst.
Nekaj primerov, ki imajo smisel:
- Best Seller izdelki z največ naročili v kategoriji
- Novo sveže dodani izdelki
- Trending izdelki z nenadnim porastom ogledov ali dodajanj v košarico
- Hitra dostava dostava v enem ali dveh dneh, kar pogosto odloči neodločnega kupca
- Top izbira tvoj izbor na podlagi kombinacije ocen, vračil in prodaje
- Kupon prikaz aktivnega popusta za ta izdelek
Ampak ne uporabljajte jih preveč. Če je vse “best seller”, potem pravzaprav nič ni. Oznake delujejo šele takrat, ko so premišljeno in selektivno uporabljene.
7. Ne pozabi na telefon
Še zadnja stvar in zelo pomembna. Večina tvojih kupcev je verjetno na telefonu.
Dober dizajn produktne kartice mora delovati tudi na majhnem zaslonu. Na mobilnih napravah imaš običajno eno ali dve kartici v vrstici, hover ne obstaja, prostor pa je omejen. Zato mora kartica pokazati samo tisto, kar je res pomembno.
- Poudari ceno, popust, oceno in jasen način nakupa.
- Hover interakcije zamenjaj z dotikom.
- Gumbe naredi dovolj velike za palec.
Produktna lartica, ki izgleda odlično na računalniku, a je na telefonu zmedena in utesnjena, še vedno izgublja prodajo. Vedno preveri oba primera.
So what do you actually do with this?
Ne potrebujete vsega naenkrat. Ampak naslednjič, ko pogledate vašo trgovino, ne odprite produktne strani. Ustavite se na kategorijski ali glavni strani produktnih arhivov in poglejte eno kartico kot nekdo, ki tja pride prvič.
Vprašajte se:
- Ali v približno dveh sekundah razumem, kaj je to, koliko stane in ali je to dober izdelek?
- Je popust jasno viden, če je izdelek znižan?
- Je jasno, kako ga kupiti?
Če kjerkoli oklevaš, imaš tam največji potencial za izboljšavo in skoraj nikoli ne gre za popolno prenovo. Gre za optimizacijo tistega majhnega okvirčka, ki dejansko prodaja.
Vaša produktna stran zaključi prodajo. Ampak na podlagi produktne kartice se kupec odloči, ali bo sploh prišel na produktno stran ali pa bo izdelek kupil že takoj.
Če razmišljate o izdelavi nove spletne trgovine, tukaj je kratek vodič, kaj moraš vedeti pred začetkom.
Zaključek
Na kategorijski ali splošni trgovinski strani ljudje ne berejo, ampak skenirajo. Produktna kartica je tvoj pravi prodajalec, zato ji daj informacije, dokaz in jasen način akcije, ki jih kupec potrebuje, da reče da še preden klikne.