• VARTOTOJO SĄSAJA IR UX

Produkto puslapio dizaino strategijos, didinančios konversijas

  • Felix Rose-Collins
  • 8 min read
Produkto puslapio dizaino strategijos, didinančios konversijas

Įvadas

Koks yra svarbiausias jūsų svetainės puslapis?

Ne, tai ne pagrindinis puslapis, nors jis atlieka svarbų vaidmenį kuriant įsimintiną pirmąjį įspūdį. Šiuo atveju nugalėtojas yra atsilikėlis - jūsų produkto puslapis (-iai).

Tai visiškai logiška, jei apie tai pagalvojate. Didelė dalis jūsų el. pašto, SEO, socialinės žiniasklaidos ir mokamos reklamos pastangų nukreipta ne į pagrindinį puslapį, o į konkrečių produktų puslapius. Būtent ten iš tikrųjų priimami sprendimai ir perkama.

Tačiau vidutiniškai tik 2,5-3 % apsilankymų elektroninės prekybos svetainėse baigiasi sėkmingomis konversijomis. Tokio žemo konversijų rodiklio kaltininkas dažniausiai yra prastas produktų puslapių dizainas ir optimizavimas.

Šiame pranešime aptarsime, kas sudaro gerai suprojektuotą produkto puslapį, ir paaiškinsime, kodėl kiekviena strategija yra veiksminga. Taip pat paaiškinsime, kaip įgyvendinti kiekvieną strategiją, todėl skaitykite toliau, kad sužinotumėte daugiau ir pakeltumėte savo produkto puslapio dizainą į aukštesnį lygį.

Lengvas ir intuityvus pritaikymo procesas

Prekės ženklai, kuriems puikiai sekasi personalizuoti, gauna 40 proc. daugiau pajamų nei tie, kurie atsilieka. Tas pats tyrimas parodė, kad 71 % klientų tikisi, jog įmonės užtikrins personalizuotą bendravimą.

Remdamiesi šiais statistiniais duomenimis, galime daryti išvadą, kad individualiai pritaikytos patirties teikimas ir klientų poreikių tenkinimas nėra neprivalomas. Pritaikymas tapo neatsiejamu kiekvieno sėkmingo produkto puslapio elementu.

Susipažinkite su "Ranktracker

Efektyvaus SEO "viskas viename" platforma

Už kiekvieno sėkmingo verslo slypi stipri SEO kampanija. Tačiau turint daugybę optimizavimo priemonių ir metodų, iš kurių galima rinktis, gali būti sunku žinoti, nuo ko pradėti. Na, nebijokite, nes turiu ką padėti. Pristatome "Ranktracker" "viskas viename" platformą, skirtą efektyviam SEO

Pagaliau pradėjome registruotis į "Ranktracker" visiškai nemokamai!

Sukurti nemokamą paskyrą

Arba Prisijunkite naudodami savo įgaliojimus

Nors internetu lengviau pritaikyti, turite būti atsargūs, kad neužgožtumėte savo potencialių klientų. Pasirinkimo paralyžius yra realus dalykas, kuris pasireiškia, kai žmonėms pateikiama daugybė skirtingų galimybių.

Pagal Hiko dėsnį, kuo daugiau pasirinkimo galimybių turi žmogus, tuo ilgiau užtrunka, kol priima sprendimą. Dėl tokio delsimo potencialūs klientai gali atsisakyti pirkti, o tai savo ruožtu pakenks jūsų pardavimams.

Kaip sumažinti pasirinkimo paralyžių?

Štai keletas patarimų:

  • Apribokite pasirinkimų skaičių arba bent jau išskirkite keletą ryškiausių. Visada galite pridėti mygtuką "Daugiau", kuris parodys kitus, mažiau populiarius pasirinkimus.
  • Supaprastinkite suasmeninimo procesą ir palengvinkite potencialiems vartotojams pritaikyti jiems patinkantį produktą.
  • Siūlykite numatytąsias, iš anksto nustatytas parinktis, pagrįstas populiariausiais pasirinkimais ir geriausiai parduodamomis prekėmis. Tai sumažins kai kurių klientų nuovargį priimant sprendimus.

Svarbiausia, kad visas procesas būtų kuo patogesnis vartotojui ir kad jūsų klientai galėtų pareikšti savo nuomonę apie galutinę produkto išvaizdą.

"Nike" puikiai dirba suteikdama klientams kūrybinę galimybę pasirinkti norimą įsigyti sportbačių modelį. Prekės ženklo gaminių pritaikymo įrankis yra intuityvus ir jame aiškiai išvardyti visi gaminio elementai, kuriuos galima koreguoti. Be to, klientai gali spustelėti norimą pakeisti sportbačių dalį ir pamatyti galimas spalvas ar medžiagas.

Nike Air Force 1 (Šaltinis: "Nike")

Įvairinkite savo produktų galeriją

Viena didžiausių kliūčių, trukdančių apsipirkti internetu, yra tai, kad klientai negali paliesti, pajusti, išbandyti ir patirti produktų. Net ir po pirkimo šie veiksniai gali pakenkti jūsų pardavimams, nes dėl jų 10-15 % internetu įsigytų produktų grąžinama. Kai kuriose pramonės šakose, pavyzdžiui, mados, šis skaičius dar didesnis ir siekia 50 %.

Susipažinkite su "Ranktracker

Efektyvaus SEO "viskas viename" platforma

Už kiekvieno sėkmingo verslo slypi stipri SEO kampanija. Tačiau turint daugybę optimizavimo priemonių ir metodų, iš kurių galima rinktis, gali būti sunku žinoti, nuo ko pradėti. Na, nebijokite, nes turiu ką padėti. Pristatome "Ranktracker" "viskas viename" platformą, skirtą efektyviam SEO

Pagaliau pradėjome registruotis į "Ranktracker" visiškai nemokamai!

Sukurti nemokamą paskyrą

Arba Prisijunkite naudodami savo įgaliojimus

Nors visų pojūčių įtraukimas vis dar yra įprastas tik įprastose parduotuvėse, galite pasinaudoti kita geriausia priemone - įvairiapusiška produktų galerija.

1. Pateikite tiek vaizdų, kiek reikia

Parodykite savo gaminį iš įvairių kampų ir stambiu planu, kad klientai galėtų jį įsivaizduoti. Naudokite tik aukštos kokybės paveikslėlius, bet įsitikinkite, kad jie optimizuoti taip, kad nestabdytų svetainės.

Grūdėti ar pikseliuoti paveikslėliai tik trukdys jūsų konversijos rodikliams, nes juose tinkamai nerodomi jūsų produktai, todėl jie nesukuria jokios pridėtinės vertės. Toks faux pas neigiamai paveiks klientų požiūrį į jūsų produktus ir pakenks jūsų reputacijai. Atminkite, kad vizualinis patrauklumas yra pasitikėjimo ir patikimumo veiksnys, o tai reiškia, kad svetainės lankytojai nenorės jums duoti savo kredito kortelės numerio, jei jūsų produktų puslapiai atrodys įtartini.

2. Pasiūlykite 360 laipsnių produkto vaizdą

360 laipsnių peržiūros funkcija gali atstoti apsilankymą fizinėje parduotuvėje, nes klientai gali judėti su produktu ir matyti jį iš skirtingų kampų.

Be to, įdiegę šį UX elementą galėsite įkelti mažiau paveikslėlių, nesumažindami naudotojo patirties.

3. Įjunkite priartinimo funkciją

Kai klientai fizinėje parduotuvėje apžiūrinėja gaminius, jie visada nori atidžiai į juos pažvelgti ir apžiūrėti detales.

Priartinimo funkcija imituoja tai ir leidžia svetainės lankytojams geriau suprasti gaminį ir pamatyti jo tekstūrą. Kai jie gali taip išsamiai apžiūrėti gaminį, potencialūs klientai jaučiasi labiau užtikrinti dėl pirkimo.

4. Parodykite, kaip naudojami jūsų produktai

Kiekvieną gaminį kontekstualizuokite parodydami potencialiems klientams, kaip jį naudoja kiti.

Tai padės jiems suprasti, kaip gaminys atrodo realiame pasaulyje ir kaip jis turėtų būti naudojamas. Pavyzdžiui, drabužį lengviau ir patraukliau parodyti ant modelio, o ne ant lygaus paviršiaus.

Iš konteksto nuotraukų klientai gali geriau įsivaizduoti, kaip drabužis tinka.

Pravartu įtraukti įvairaus dydžio ir etninės kilmės modelius, kad užmegztumėte emocinį ryšį su visais auditorijos segmentais.

5. Vaizdo sverto panaudojimas

88 % žmonių teigia, kad produkto vaizdo įrašo žiūrėjimas juos įtikino pirkti.

Šio formato gebėjimas sutalpinti daug informacijos per trumpą laiką yra ypač veiksmingas. Jau minėjome trumpo dėmesio sutelkimo problemą, todėl užuot verčiant potencialius klientus skaityti apie produkto savybes ir privalumus, daug veiksmingiau visa tai parodyti trumpame vaizdo įraše.

6. Parodykite gaminio dydį realiame gyvenime

Dydis turi reikšmės perkant internetu.

Jei nenorite suklaidinti potencialių klientų, įsitikinkite, kad jie gali įsivaizduoti, koks didelis ar mažas yra konkretus produktas. Išvardykite visus gaminio ir pakuotės matmenis, o prie drabužių ir batų pridėkite dydžių lentelę.

Jei yra bent menka tikimybė, kad gaminio dydis gali būti apgaulingas, parodykite mastelį, padėdami jį šalia objektų, kuriuos galima naudoti kaip atskaitos taškus.

"Somnifix" yra puikus produktų galerijos įvairinimo pavyzdys. Šio prekės ženklo produkto puslapyje gausu naudingų nuotraukų, iliustracijų ir kitų vaizdinių elementų, rodančių, kaip naudoti produktą, kas jį gali naudoti ir kokie yra pagrindiniai jo privalumai.

Show the Product Size in Real Life (Šaltinis: Somnifix)

Pasinaudokite kainų įtvirtinimu

Rinkodara labai priklauso nuo žmogaus psichologijos. Ne kitaip yra ir su kainodara, todėl, norėdami padidinti konversijos rodiklius, galite pasinaudoti keliomis strategijomis.

Klientai nežino, kiek turėtų kainuoti konkretus produktas, ir nuomonę apie tai, ar kaina yra tinkama, jie susidaro remdamiesi keliais atskaitos taškais. Pavyzdžiui, jie patikrina, kiek kainuoja panašus produktas, ir naudoja tai kaip atskaitos tašką.

Be to, jei produktas yra labai paklausus, žmonės bus pasirengę mokėti daugiau. Pavyzdžiui, "Hermès" jau dešimtmečius tuo naudojasi, dirbtinai kurdama savo kultinės "Birkin" rankinės retumą ir išskirtinumo aurą.

Taigi, šis vertinimo mechanizmas rodo, kad jūsų klientų suvokimas apie kainą yra

  1. Santykinis
  2. Imlūs manipuliacijoms

2010 m. Steve'as Jobsas perskaitė vieną iš savo pagrindinių pranešimų- šį kartą pristatė visiškai naują bendrovės gaminį "iPad". Aptardamas šio ryškaus įtaiso kainą, S. Jobsas atkreipė dėmesį į spėliones, kad jo kaina bus šiek tiek mažesnė nei 1 000 JAV dolerių, t. y. pramoninis kodinis 999 JAV dolerių pavadinimas. Tuo metu šis skaičius pasirodė dideliame ekrane fone, kad po 60 sekundžių, per kurias auditorija sužinojo daugiau apie prietaiso privalumus, jį sutriuškintų 499 JAV dolerių kaina.

Tada, kai kaina "nukrito", klientams susidarė įspūdis, kad jie sutaupys 500 JAV dolerių ir gaus nuostabų gaminį tik už nedidelę dalį jo tikrosios vertės.

Šis kognityvinis šališkumas, kuriuo meistriškai pasinaudojo S. Jobsas, yra kainų įtvirtinimo pagrindas. Tokio pat poveikio galite pasiekti ir klientams sudarydami įspūdį, kad tikroji produkto kaina yra daug didesnė. Visa gudrybė ta, kad reikia nurodyti pradinę kainą, ją išbraukti ir šalia nurodyti naują, mažesnę kainą. Ir voila! Dabar jūsų klientai galvoja, kad gaus puikią kainą.

Naudokite vizualiai ryškias CTA

Veiksmingas kvietimas atlikti veiksmą gali padaryti stebuklus jūsų konversijos rodikliui. Dėl šios priežasties jam šiame straipsnyje skirtas antrasis įrašas.

Nors šių kelių žodžių, užrašytų ant mygtuko formos elemento, kūrimas neatrodo kaip raketų mokslas, iš tikrųjų šiam procesui reikia daug tyrimų, duomenų ir A/B testavimo. Neįveikiamo CTA receptas - tai tinkamas kopijos, dydžio, spalvos ir vietos derinys.

Kurkite į veiksmą orientuotą kopiją

CTA tikslas - pasakyti lankytojams, ką daryti toliau, ir paskatinti juos imtis veiksmų.

Tačiau užuot sakę "Pirkite", jūsų formuluotė turi būti įtikinamesnė ir įtikinamesnė. Tokios frazės kaip "Sužinokite daugiau", "Taip, noriu nemokamo bandymo", "Gaukite nuolaidą" arba "Suteikite man išskirtinį pasiūlymą" labiau patraukia dėmesį ir turi didesnę galią.

"Going" šį principą derina su gudriu žodžių žaismu savo pigių skrydžių produkto puslapyje. Prekės ženklo pavadinimas tinka mielam kalambūrui, kuris patraukia akį ir skatina veikti.

Create Action-Oriented Copy (Šaltinis: Going)

Pasirinkite tinkamą dydį

Viena vertus, norite, kad CTA kopija būtų įskaitoma, kita vertus, nenorite milžiniško mygtuko, kuris atrodytų pigiai ir nepatraukliai.

Tinkama pusiausvyra būtų tokia, kad mygtukas būtų pakankamai didelis, kad išsiskirtų, bet neužgožtų kito puslapio turinio.

"Cotton Bureau" produktų puslapiuose aiškiai matomi CTA, kuriuos lengva perskaityti, tačiau jie neužgožia kitų puslapio elementų ir neatrodo pernelyg pardaviminiai.

Pick the Right Size (Šaltinis: Cotton Bureau)

Naudokite kontrastingas, bet viena kitą papildančias spalvas

Įvairiais tyrimais bandyta nustatyti veiksmingiausią CTA spalvą, tačiau spalva svarbiausia todėl, kad ji turėtų išryškinti CTA mygtuką fone.

Naudodami papildomas spalvas (esančias priešingose spalvų rato pusėse), sukursite geriausią kontrastą ir padidinsite raginimo imtis veiksmų matomumą.

Kitas būdas padaryti CTA pastebimą ir ryškų - pasinaudoti neigiama erdve.

"Kettle & Fire" naudojasi visais šiais geriausios praktikos pavyzdžiais; jų CTA yra ryškiai raudonos spalvos ir gerai matomas baltame fone. Dar viena priežastis, kodėl šis pavyzdys pasiteisina, yra lengvas užsakymo pritaikymas ir skaidrumas.

Klientai gali pasirinkti norimą įsigyti pakuočių skaičių ir tiksliai matyti, kiek už jas reikės mokėti. Taip pat yra galimybė pasirinkti vienkartinį užsakymą arba prenumeratą.

Use Contrasting but Complementary Colors (Šaltinis: " Kettle & Fire")

Priimkite aiškinamuosius vaizdo įrašus

Žiūrovai teigia, kad išsaugo beveik 95 % vaizdo įrašo žinutės.

Net jei manote, kad šis skaičius šiek tiek perdėtas, negalima paneigti, kad šis formatas yra be galo veiksmingas perteikiant rinkodaros žinutę ir parodant konkretaus gaminio naudą bei naudojimo atvejus.

Nenuostabu, kad 96 proc. žmonių teigia, jog žiūrėjo aiškinamąjį vaizdo įrašą, kad sužinotų daugiau apie juos dominantį produktą ar paslaugą. Šis formatas ypač naudingas sudėtingiems paslaugų produktams SaaS pasaulyje. Jei jūsų produktas nepažįstamas tipinei pirkėjo asmenybei, investuokite į vieno ar dviejų vaizdo įrašų, skirtų jūsų produktų puslapiams, sukūrimą.

Paaiškinamieji vaizdo įrašai puikiai tinka norint parodyti, kaip naudotis produktu, nes juose geriau pateikiamos instrukcijos. Užuot klientams pateikę sieną teksto, kuriame aprašomas konkretus produktas, pasiūlykite jiems trumpą, patrauklų vaizdo įrašą, kuriame parodysite, kaip jis veikia, ir greičiau perduosite savo žinutę.

Be to, žmonės dvigubai dažniau nei bet kuriuo kitu formatu dalijasi vaizdo įrašais su savo tinklu, o tai reiškia, kad taip pat galite išplėsti savo pasiekiamumą ir padidinti srautą.

"Bay Alarm Medical" naudoja aiškinamąjį vaizdo įrašą, kad parodytų, kaip įdiegti savo medicininio perspėjimo sistemą, kad potencialiems klientams nereikėtų ieškoti rašytinių instrukcijų.

Embrace Explainer Videos (Šaltinis: Bay Alarm Medical)

Spręskite dažniausiai pasitaikančias konversijos kliūtis

Apsipirkti internetu patogu, nes klientai gali įsigyti prekę patogiai įsitaisę namuose. Tačiau yra keletas kliūčių, kurios gali trukdyti pirkėjams pereiti į internetinę parduotuvę, ir dažniausiai pasitaikančios iš jų yra šios:

Sandorių saugumas

Jūsų klientai nerimauja, kaip saugus bus jų mokėjimas. 18 % žmonių palieka pirkinių krepšelius dėl susirūpinimo saugumu. Įdiekite ne tik sistemą, kuri užtikrins klientų slaptos ir kredito kortelių informacijos saugumą, bet ir naudokite pasitikėjimo ženkliukus, kurie rodys, kad elgiatės deramai kruopščiai.

Saugaus atsiskaitymo ir priimtinų mokėjimų ženkleliai bei trečiųjų šalių patvirtinimai įkvėps klientų pasitikėjimą ir paskatins juos toliau pirkti.

Pristatymo išlaidos ir grąžinimo taisyklės

Pristatymo išlaidos ir grąžinimo politika gali turėti didelės įtakos jūsų konversijoms. Jei klientai iš anksto nemato visų išlaidų, tikėtina, kad jie paliks pirkinių krepšelį nebaigę pirkimo.

Taip pat, atsižvelgiant į tai, kad jie negali išbandyti užsakomo daikto, dosni grąžinimo politika gali paskatinti juos apsispręsti.

Galimybė gauti garantinį aptarnavimą

Konversija nėra pirkėjo kelionės pabaiga. Kai kas nors iš jūsų perka, labai svarbu užtikrinti išskirtinę klientų patirtį ir patenkinti jų poreikius. Jei žmonės nebus tikri, kas nutiks, jei jiems prireiks pagalbos po pirkimo, jie nenorės su jumis bendradarbiauti.

Taigi leiskite jiems žinoti, kad jie gali kreiptis, jei susidurs su problema arba tiesiog norės sužinoti, kaip kuo geriau išnaudoti įsigytą produktą ar paslaugą.

"Mannequin Mall" pašalina visas konversijos kliūtis, nes aiškiai ir iškart savo produkto puslapyje sprendžia šias problemas. Potencialūs klientai gali gauti visus reikiamus atsakymus, jiems nereikia tyrinėti svetainės ir spausti pirmyn ir atgal ieškant pristatymo ar grąžinimo politikos.

Availability of After-Sales Support (Šaltinis: Mannequin Mall)

Nepamirškite mobiliųjų pirkėjų

Tikimasi, kad iki 2025 m. mobiliosios e. prekybos išlaidos pasieks 728,28 mlrd. dolerių.

59 % vartotojų galimybė apsipirkti mobiliuoju telefonu yra svarbus veiksnys, į kurį jie atsižvelgia spręsdami, kur pirkti.

Susipažinkite su "Ranktracker

Efektyvaus SEO "viskas viename" platforma

Už kiekvieno sėkmingo verslo slypi stipri SEO kampanija. Tačiau turint daugybę optimizavimo priemonių ir metodų, iš kurių galima rinktis, gali būti sunku žinoti, nuo ko pradėti. Na, nebijokite, nes turiu ką padėti. Pristatome "Ranktracker" "viskas viename" platformą, skirtą efektyviam SEO

Pagaliau pradėjome registruotis į "Ranktracker" visiškai nemokamai!

Sukurti nemokamą paskyrą

Arba Prisijunkite naudodami savo įgaliojimus

Galiausiai 57 % interneto vartotojų teigia, kad nerekomenduos savo draugams ir šeimos nariams prekės ženklo, kurio mobilioji svetainė yra prastai suprojektuota.

Visi šie statistiniai duomenys yra svarus argumentas kurti mobiliesiems įrenginiams pritaikytą elektroninę parduotuvę. Todėl kurdami savo produkto puslapio mobiliąją versiją visada turėtumėte taikyti geriausią praktiką.

Štai keletas patarimų, kaip sukurti mobiliesiems įrenginiams pritaikytą svetainę, kuri neerzintų lankytojų:

  • Dizainas turi būti paprastas, kad būtų lengva naršyti.
  • Naudokite didelius mygtukus, kad išvengtumėte storų pirštų klaidos.
  • Venkite iššokančiųjų langų, nes juos gali būti sunku uždaryti mobiliajame įrenginyje.
  • Optimizuokite vaizdus mobiliesiems įrenginiams, kad padidintumėte krovimo greitį.
  • Naudokite pagreitintų mobiliųjų puslapių (AMP) sistemą, kad pagerintumėte serverio našumą ir padidintumėte krovimo greitį.
  • Išjunkite automatinį klaidų taisymą žiniatinklio formose, kad pagreitintumėte pildymo procesą.
  • Naudokite standartinius šriftus, kuriuos lengva įskaityti.

"Many Mornings" savo produktų puslapiuose įdiegė mobiliesiems įrenginiams pritaikytą dizainą. Paprastumas, lengva navigacija, dideli CTA mygtukai ir aiški procesų apžvalga leidžia klientams lengvai naršyti produktų skyriuose, pridėti produktą į pirkinių krepšelį ir greitai pasiekti jau išsirinktas prekes.

Keep Mobile Shoppers in Mind (Šaltinis: " Many Mornings")

Galutinės mintys

Gerai apgalvoti ir optimizuoti produktų puslapiai lemia gerokai daugiau konversijų. Kai klientas patenka į gaminio puslapį, paprastai tai reiškia, kad jis jau pasiruošęs pirkti, o jūs turite palengvinti atsiskaitymo procesą ir užtikrinti, kad jis vyktų kuo sklandžiau ir neblaškytų jo dėmesio. Šios strategijos nurodys jums teisingą kryptį ir padės optimizuoti svarbiausius produktų puslapio elementus.

Felix Rose-Collins

Felix Rose-Collins

Co-founder

is the Co-founder of Ranktracker, With over 10 years SEO Experience. He's in charge of all content on the SEO Guide & Blog, you will also find him managing the support chat on the Ranktracker App.

Pradėkite naudoti "Ranktracker"... nemokamai!

Sužinokite, kas trukdo jūsų svetainei užimti aukštesnes pozicijas.

Sukurti nemokamą paskyrą

Arba Prisijunkite naudodami savo įgaliojimus

Different views of Ranktracker app