Elektroninės prekybos vartotojo sąsajos dizainas: Kaip sukurti patrauklius produktų kolekcijos puslapius (6 įgyvendinamos taktikos)

Įvadas

Deja, dizaineriai ir tekstų autoriai dažnai pamiršta produktų kolekcijos puslapius. Nors daug pastangų dedama kuriant itin patrauklius produktų puslapius ir nukreipimo puslapius, kolekcijų puslapiai lieka nuošalyje ir lieka apgailėtinai neįdomūs.

Apžvelkime šešis praktiškus būdus, kaip sukurti produktų kolekcijos puslapius, kurie sudomintų, įkvėptų veikti ir skatintų srautą bei konversijas.

Užtikrinkite, kad pagrindinė produkto nuotrauka būtų įtraukianti

Pirmoji dizaino kliūtis, kurią reikia įveikti produktų kolekcijos puslapiuose, yra užtikrinti, kad pagrindinė nuotrauka būtų patraukli ir įdomi. Jei pirkėjo dėmesio nepatrauksite praktiškai iškart, kai jis nusileis, arba per porą slinkimų, tikriausiai jo nebeatkreipsite.

Pirmiausia apsvarstykite viską, ką žinote apie tikslinę auditoriją. Ką jie mėgsta? Kodėl jiems patinka jūsų produktai? Kas jiems patinka jūsų gaminiuose? Kaip galite šias savybes iškelti į pirmą vietą?

Tada pradėkite svarstyti apie išdėstymą. Ar paveikslėlius reikia priartinti? Ar jiems reikia ryškaus, ar neutralaus fono? Kiek produktų turėtumėte rodyti iš eilės?

Geriausia būtų išbandyti kelis dizaino variantus. Kartais mažiausi pokyčiai gali turėti didžiausią reikšmę.

Peržiūrėkite šį kūdikių drabužių kolekcijos puslapį. Patys gaminiai yra mieli ir patrauklūs, todėl jų nereikia rodyti itin naujoviškai. Etiketė "new in" aiškiai išskiria tam tikrus gaminius ir užtikrina, kad pirkėjas juos pastebės.

Tokius gaminius išryškinti neutraliame fone - puikus būdas juos išryškinti.

Šaltinis: mamasandpapas.com

Kitas būdas padaryti kolekcijos puslapio pagrindinę nuotrauką patrauklią - parodyti naudojamą daiktą. Jei pažvelgsite į šį puslapyje esančių šiltnamių puslapį, pamatysite, kaip tai galima padaryti be vargo. Kiekviena nuotrauka yra visiškai skirtinga, skirtingų spalvų paletės ir rodanti daiktą vis kitu kampu. Jie leido lengvai įsivaizduoti gaminį savo namuose.

Šaltinis: greenhouseemporium.com

Tai puiki taktika, jei norite, kad klientas lengviau pamatytų, kaip atrodys galutinis produktas, ir padėti jam įsivaizduoti visą gyvenimo būdą.

Užtikrinkite, kad filtrai neblaškytų dėmesio

Kad rinkinių puslapiai būtų naudingi, reikia filtrų. Negalima tikėtis, kad klientai naršys po daugybę produktų puslapių, kad surastų vieną konkrečią prekę. Tikėtina, kad jie nežinos, kokia plati yra jūsų pasiūla, ir jie gali neturėti laiko ilgam apsipirkimui.

Filtrai turėtų prasmingai suskirstyti jūsų produktus į kategorijas. Kaina, dydis ir medžiaga - tai tik keletas dažniausiai naudojamų filtrų. Apsvarstykite pačius gaminius ir jų skiriamuosius veiksnius.

Kuo sudėtingesnis produktas, tuo daugiau filtrų turėtų būti. Taip pat galite pasiūlyti naudingus, pavyzdžiui, "ne pradedantiesiems" arba "tik profesionalams", jei jie padės klientams išsirinkti tinkamą prekę.

Filtrai taip pat neturėtų pernelyg blaškyti dėmesio. Jie turėtų būti lengvai pasiekiami, bet neužimti didelės puslapio dalies ir jokiu būdu netrukdyti naršyti.

Peržiūrėkite šį kompozicinių terasinių lentų kolekcijų puslapį. Kairėje pusėje pateikiami filtrai, kurie išlaiko tinkamą pusiausvyrą tarp lengvai pastebimų ir netrukdančių. Atkreipkite dėmesį, kad jie taip pat yra sulankstomi, todėl informacijos kiekis neužgoš kliento.

Be to, jie išdėstyti logiškai - dauguma žmonių norės susiaurinti spalvas ir medžiagas, o tik tada gilinsis į konkretesnes detales, pavyzdžiui, dydį.

Šaltinis: Ovaeda.com

Galite lengvai įdiegti panašų sprendimą, kuris neužims daug vietos, bet vis tiek gerokai pagerins naudotojų patirtį ir leis klientams per kelias sekundes susiaurinti pasirinkimą.

Rodykite trumpus produktų aprašymus, kai rodote pelės žymeklį

Galvokite apie produktų kolekcijos puslapius kaip apie informacijos centrą. Čia rodomi visi tam tikros kategorijos produktai. Kuo naudingesni būsite, tuo labiau tikėtina, kad klientas konvertuos.

Stenkitės, kad pirkėjai nespaustų ant prekės, neperskaitytų jos aprašymo ir nespaustų atgal. Jie turi gaišti laiką slinkdami, kad išsiaiškintų, kur ką tik buvo sustoję. Arba, jei jie nuolat atidaro produktus naujuose skirtukuose, netrukus bus priblokšti prekių, kurias bando palyginti, skaičiaus.

Kuo daugiau naudingos informacijos galėsite pateikti kolekcijos puslapyje, tuo geriau. Pridėję paprastą, trumpą gaminio aprašymą, kai kas nors užves pelės žymeklį ant gaminio, galite padėti klientams palyginti gaminius čia pat.

Šis bariatrinis kalcio kramtomosios gumos kolekcijos puslapis atlieka puikų darbą. Pateikiamas trumpas produkto aprašymas, kuriame nurodoma, kokių vitaminų ir mineralų galima rasti produkte. Taip pat pabrėžiama nauda: puikus skonis, imuninės sistemos sveikata ir pan.

_Šaltinis: Bariatricfusion.com _

Atkreipkite dėmesį, kokie trumpi yra aprašymai. Juos galite perskaityti per kelias sekundes ir toliau lyginti gaminius.

Taikydami šią taktiką, atidžiai išnagrinėkite "hover" aprašymą. Jis nebūtinai turi būti toks pat kaip produkto puslapyje esantis aprašymas. Jame turėtų būti trumpai aptarti prekės privalumai arba pagrindinės savybės, aiškiai išskiriant ją iš kitų puslapyje esančių produktų.

Sutelkite dėmesį į informatyvumą, o ne į pardavimą. Klientai dažniau konvertuos, jei bus tikri dėl savo pasirinkimo.

Įtraukite socialinį įrodymą

Socialinis įrodymas yra puikus įrankis, padedantis puslapius padaryti patrauklesnius ir naudingesnius. Jie klientams parodys, kad esate patikimi, patikimi ir kad jūsų produktai yra geros kokybės. Tai ypač svarbu naujiems klientams, kurie dar nėra susipažinę su jūsų prekės ženklu ir kurie gali labiau abejoti dėl konvertavimo.

Socialinis įrodymas gali būti įvairių formų, tačiau žvaigždučių įvertinimai yra naudingiausias įrodymas, kurį galima pateikti savo kolekcijos puslapiuose. Jie pasitarnaus keliais tikslais:

• įvertinti atskiro produkto kokybę.
• parodyti, kiek klientų jį įsigijo ir skyrė laiko jam įvertinti.
• padėti klientams greičiau priimti pirkimo sprendimus.

Žvaigždučių reitingus lengva įtraukti. Peržiūrėkite " Sephora" akių šešėlių paletės kolekcijos puslapį. Juos lengva pastebėti ir juose rodoma visa svarbi informacija: kiek atsiliepimų yra ir koks yra bendras pasitenkinimas preke. Taip pat aiškiai matyti, kad viena iš šių palečių yra daug populiaresnė už kitas.

Šaltinis: sephora.com

Dar vienas puikus socialinio įrodymo signalas, kurį galite įtraukti į savo kolekcijos puslapius, yra realaus laiko pranešimai apie išpardavimus.

Peržiūrėkite šį nešiojamojo kompiuterio lipdukų puslapį. Kol naršote, apatiniame dešiniajame kampe pasirodo neįkyrus iššokantis langas, kuriame pranešama, kas pirko svetainėje, iš kur jie yra ir ką pirko.

Tai puikus būdas į rinkodaros taktiką įtraukti šiek tiek FOMO. Pirkėjams bus rodomos kitos prekės, akivaizdžiai populiarios, nes kažkas ką tik jas įsigijo. Taip pat bus siunčiami stiprūs pasitikėjimo ir patikimumo signalai.

Įsitikinkite, kad iškylantysis langas nėra pernelyg ryškus ar blaškantis dėmesį. Taip pat stenkitės juos išdėstyti taip, kad jie nepradėtų erzinti pirkėjų.

Šaltinis: vinylstatus.com

Rodyti kelis produkto rodinius

Kuo geriau klientai gali pamatyti produktą, tuo didesnė tikimybė, kad jie konvertuos. Kuo daugiau prekės vaizdų rodysite kolekcijos puslapyje, tuo didesnį įsitraukimą ir susidomėjimą sukelsite.

Daugiau nei vieną paveikslėlį galite įtraukti keliais būdais. Galite leisti slinkti per produktų galeriją arba rodyti kitą nuotrauką, kai ant jos užvedamas pelės žymeklis.

Šiame "H&M"berniukų drabužių puslapyje yra slenkanti produktų galerija. Visas nuotraukas, kurios pateikiamos atskirame gaminio puslapyje, galite matyti tiesiai iš kolekcijos puslapio, todėl niekada nereikės spausti.

Šaltinis:hm.com

Jei norėtumėte tiesiog rodyti kitokią nuotrauką užvedus pelės žymeklį, ieškokite įkvėpimo šiame moterų paplūdimio drabužių kolekcijos puslapyje. Prekės ženklas sumaniai rodo prekės nugarėlę, kad galėtumėte pamatyti visą daiktą neatidarydami kito puslapio. Tai puiki taktika drabužių prekių ženklams.

Šaltinis:simplybeach.com

Rinkdamiesi, ar pridėti galeriją, ar rodomą nuotrauką, atsižvelkite į elemento pobūdį. Kiek nuotraukų pirkėjui reikia matyti? Ir kokios tos nuotraukos turėtų būti?

Galite rodyti naudojamą gaminį arba kliento nuotraukas, jei jos labiau paskatins naują pirkėją. Galite parodyti prekę iš arti arba net išvardyti gaminio specifikacijas.

Rodyti neseniai peržiūrėtus elementus

Produktų rekomendacijos paprastai skirtos atskiriems produktų puslapiams. Šioje vietoje prekių ženklai taip pat talpina karuselę "Neseniai peržiūrėti".

Tačiau pateikdami jį kolekcijos puslapyje galite švelniai priminti klientams apie jau matytas ir pamėgtas prekes. Sutaupykite jiems laiko ir pastangų grįžti atgal per savo istoriją, kai vienu metu yra atidaryta daugybė skirtukų.

Peržiūrėkite " Adidas" vyrų bėgimo batelių puslapį. Kai tik peržiūrėsite atskirą gaminį, kolekcijos puslapio apačioje bus rodoma funkcija "neseniai peržiūrėti", kuri padės jums stebėti jus sudominusius gaminius.

Šaltinis: adidas.com

Ta pati karuselė rodoma ir atskiruose produktų puslapiuose, todėl naršymo patirtis pritaikoma individualiai.

Taip pat galite klientams rekomenduoti produktus pagal jų peržiūrėtas prekes, kaip ir produktų puslapiuose.

Apibendrinimas

Apsvarstykite, kurias iš šių produktų kolekcijos puslapio dizaino taktikų galite pritaikyti savo puslapiuose. Galbūt visos šešios priemonės padės padidinti jūsų konversijų rodiklius.

Visada turėkite omenyje savo produkto (-ų) pobūdį ir savo auditorijos skaudulius. Ko jie ieško ir kaip jūsų dizainas gali padėti jiems tai rasti?