• E-komercijas un lietotāja saskarnes (UI) dizains

E-komercijas UI dizains: Kā izveidot saistošas produktu kolekciju lapas (6 praktiski pielietojamas taktikas)

  • Felix Rose-Collins
  • 5 min read
E-komercijas UI dizains: Kā izveidot saistošas produktu kolekciju lapas (6 praktiski pielietojamas taktikas)

Ievads

Diemžēl gan dizaineri, gan tekstu autori bieži vien aizmirst par produktu kolekciju lapām. Lai gan tiek ieguldīts daudz pūļu, lai izveidotu ļoti saistošas produktu lapas un mērķlapas, kolekciju lapas paliek novārtā un ir nožēlojami neinteresantas.

Apskatīsim sešus praktiskus veidus, kā izveidot produktu kolekcijas lapas, kas iesaista, iedvesmo rīkoties un veicina datplūsmu un reklāmguvumus.

Pārliecinieties, ka primārais produkta fotoattēls ir saistošs

Pirmais dizaina šķērslis, kas jāpārvar produktu kolekcijas lapām, ir nodrošināt, lai galvenais fotoattēls būtu saistošs un interesants. Ja jūs nepievēršat pircēja uzmanību praktiski uzreiz, tiklīdz viņš piestāj, vai pāris ritināšanas laikā, jūs, iespējams, esat viņu zaudējuši.

Vispirms apsveriet visu, ko zināt par savu mērķauditoriju. Kas viņiem patīk? Kāpēc viņiem patīk jūsu produkti? Kas viņiem patīk jūsu produktos? Kā jūs varat izvirzīt šīs īpašības priekšplānā un centrā?

Tad sāciet apsvērt izkārtojumu. Vai attēli ir jāpalielina? Vai tiem nepieciešams spilgts vai neitrāls fons? Cik daudz produktu jāparāda rindā?

Ideālā gadījumā veiciet vairāku dizaina variantu A/B testēšanu. Dažreiz vismazākās izmaiņas var radīt vislielākās pārmaiņas.

Aplūkojiet šo bērnu apģērbu kolekcijas lapu. Produkti paši par sevi ir mīļi un saistoši, tāpēc tie nav jāattēlo īpaši novatoriski. Etiķete "jaunums" skaidri nošķir atsevišķus produktus un nodrošina, ka pircējs tos pamana.

Iepazīstieties ar Ranktracker

"Viss vienā" platforma efektīvai SEO optimizācijai

Katra veiksmīga uzņēmuma pamatā ir spēcīga SEO kampaņa. Taču, ņemot vērā neskaitāmos optimizācijas rīkus un paņēmienus, var būt grūti saprast, ar ko sākt. Nu, nebaidieties, jo man ir tieši tas, kas jums palīdzēs. Iepazīstinu ar Ranktracker "viss vienā" platformu efektīvai SEO optimizācijai.

Mēs beidzot esam atvēruši reģistrāciju Ranktracker pilnīgi bez maksas!

Izveidot bezmaksas kontu

Vai Pierakstīties, izmantojot savus akreditācijas datus

Šādu produktu izvietošana uz neitrāla fona ir lielisks veids, kā likt tiem izcelties.

mamasandpapas

Avots: mamasandpapas.com

Vēl viens veids, kā kolekcijas lapas primāro fotoattēlu padarīt saistošu, ir parādīt objektu lietošanā. Ja aplūkojat šo lapu ar nojume-uz-zaļumnīcu, redzēsiet, kā to var paveikt bez piepūles. Katrs attēls ir pilnīgi atšķirīgs, atšķirīgā krāsu paletē un rāda priekšmetu no cita leņķa. Tie ir ļāvuši viegli iztēloties produktu savā mājoklī.

greenhouseemporium

Avots: greenhouseemporium.com

Iepazīstieties ar Ranktracker

"Viss vienā" platforma efektīvai SEO optimizācijai

Katra veiksmīga uzņēmuma pamatā ir spēcīga SEO kampaņa. Taču, ņemot vērā neskaitāmos optimizācijas rīkus un paņēmienus, var būt grūti saprast, ar ko sākt. Nu, nebaidieties, jo man ir tieši tas, kas jums palīdzēs. Iepazīstinu ar Ranktracker "viss vienā" platformu efektīvai SEO optimizācijai.

Mēs beidzot esam atvēruši reģistrāciju Ranktracker pilnīgi bez maksas!

Izveidot bezmaksas kontu

Vai Pierakstīties, izmantojot savus akreditācijas datus

Šī ir lieliska taktika, ja vēlaties, lai klientam būtu vieglāk redzēt, kā izskatīsies galaprodukts, un palīdzēt viņam iztēloties veselu dzīvesveidu.

Pārliecinieties, ka filtri nav pārāk traucējoši

Kolekcijas lapām ir nepieciešami filtri, lai tās būtu noderīgas. Nevar gaidīt, ka klienti pārlūkos produktu lapas, lai atrastu vienu konkrētu preci. Viņi, visticamāk, nezina, cik plašs ir jūsu piedāvājums, un viņiem, iespējams, nav laika ilgstošai iepirkšanās veikšanai.

Filtriem ir jēgpilni jāiedala produkti kategorijās. Cena, izmērs un materiāls ir tikai daži no visbiežāk izmantotajiem filtriem. Apsveriet pašus produktus un to atšķirīgos faktorus.

Jo sarežģītāks produkts, jo vairāk filtru. Varat piedāvāt arī noderīgus, piemēram, "nav iesācējiem" vai "tikai profesionāļiem", ja tie palīdzēs klientiem izvēlēties pareizo preci.

Filtri arī nedrīkst pārāk novērst uzmanību. Tiem jābūt viegli pieejamiem, taču tie nedrīkst aizņemt lielu lapas daļu vai jebkādā veidā traucēt pārlūkošanas pieredzi.

Aplūkojiet šo kompozītmateriālu ieklāšanas dēļu kolekciju lapu. Filtri ir izvietoti kreisajā pusē, un tie nodrošina pareizo līdzsvaru starp viegli pamanāmiem un netraucējošiem. Ņemiet vērā, ka tie ir arī salokāmi, tāpēc informācijas daudzums neapgrūtinās klientu.

Tie ir arī sakārtoti loģiski - lielākā daļa cilvēku vēlēsies sašaurināt krāsu un materiālu klāstu, pirms iedziļināties sīkākos sīkumos, piemēram, izmērā.

Ovaeda

Avots: Ovaeda.com

Varat viegli ieviest līdzīgu risinājumu, kas neaizņems daudz vietas, bet tomēr ievērojami uzlabos lietotāju pieredzi un ļaus klientiem sašaurināt izvēli dažu sekunžu laikā.

Rādīt īsus produktu aprakstus, kad parādās novietošana

Domājiet par produktu kolekcijas lapām kā par informācijas centru. Šeit tiek parādīti visi jūsu produkti noteiktā kategorijā. Jo noderīgāks esat, jo lielāka ir iespēja, ka klients veiks konvertāciju.

Centieties, lai pircēji nespiestu noklikšķināt uz preces, izlasīt produkta aprakstu un pēc tam noklikšķināt atpakaļ. Viņiem ir jātērē laiks ritināšanai, lai uzzinātu, kur viņi tikko pārtrauca. Vai arī, ja viņi turpina atvērt produktus jaunās cilnēs, viņi drīz vien būs pārņemti ar preču skaitu, ko viņi mēģina salīdzināt.

Jo vairāk noderīgas informācijas varat parādīt kolekcijas lapā, jo labāk. Pievienojot vienkāršu, īsu produkta aprakstu, kad kāds uzrāda peles kursoru virs produkta, jūs varat palīdzēt klientiem salīdzināt produktus turpat uz vietas.

Šī bariatrijas kalcija košļājamās tabletes kolekcija lapa dara lielisku darbu. Jūs saņemat īsu produkta aprakstu, kurā norādīts, kādus vitamīnus un minerālvielas jūs varat atrast produktā. Ir uzsvērtas arī priekšrocības: tas lieliski garšo, veicina imūnsistēmas veselību utt.

Bariatricfusion

Avots: Bariatricfusion.com _

Ņemiet vērā, cik īsi ir apraksti. Tos var izlasīt pāris sekundēs un turpināt produktu salīdzināšanu.

Piemērojot šo taktiku, rūpīgi apsveriet virspiediena aprakstu. Tam nav jābūt tādam pašam kā produkta lapas aprakstam. Tajā īsi jāapraksta preces priekšrocības vai galvenās iezīmes, skaidri nošķirot to no citiem lapā esošajiem produktiem.

Koncentrējieties uz informatīvu, nevis uz pārdošanas veicināšanu. Klienti biežāk konvertēsies, ja būs pārliecināti par savu izvēli.

Pievienojiet kādu sociālo pierādījumu

Sociālais pierādījums ir lielisks rīks, lai padarītu lapas saistošākas un noderīgākas. Tie parādīs jūsu klientiem, ka esat uzticams, uzticams un ka jūsu produkti ir kvalitatīvi. Tas ir īpaši svarīgi jaunajiem klientiem, kuri vēl nav iepazinušies ar jūsu zīmolu un kuri var vilcināties ar konvertēšanu.

Sociālie pierādījumi ir dažādi, taču zvaigžņu vērtējumi ir visnoderīgākais pierādījumu veids, ko ievietot savās kolekcijas lapās. Tie kalpos vairākiem mērķiem:

  • novērtēt atsevišķa produkta kvalitāti.
  • parādīt, cik daudz klientu to ir iegādājušies un veltījuši laiku, lai to pārskatītu.
  • palīdzēt klientiem ātrāk pieņemt lēmumus par pirkumu.

Zvaigžņu vērtējumus ir viegli iekļaut. Pārbaudiet Sephora acu ēnu palešu kolekcijas lapu. Tās ir viegli pamanāmas, un tajās ir redzama visa būtiskā informācija: cik daudz atsauksmju ir un kāda ir kopējā apmierinātība ar preci. Var arī skaidri redzēt, ka viena no šīm paletēm ir daudz populārāka par citām.

sephora

Avots: sephora.com

Vēl viens lielisks sociālā pierādījuma signāls, ko iekļaut savās kolekcijas lapās, ir reāllaika pārdošanas paziņojumi.

Pārbaudiet šo pielāgoto klēpjdatoru uzlīmju lapu. Kamēr jūs pārlūkojat, apakšējā labajā stūrī parādās neuzbāzīgs uznirstošais logs, kas informē par to, kurš ir veicis pirkumu vietnē, no kurienes viņš ir un ko viņš ir iegādājies.

Tas ir lielisks veids, kā mārketinga taktikai piešķirt nedaudz FOMO. Klientiem tiks parādītas citas preces, kas ir acīmredzami populāras, jo kāds tās tikko ir iegādājies. Tas arī sūtīs spēcīgus uzticības un ticamības signālus.

Pārliecinieties, ka uznirstošais logs nav pārāk uzkrītošs vai novērš uzmanību. Tāpat mēģiniet tos izvietot pa attālumiem, lai tie nesāktu kaitināt pircējus.

vinylstatus

Avots: vinylstatus.com

Vairāku produktu skatījumu rādīšana

Jo labāk klienti var apskatīt produktu, jo lielāka iespēja, ka viņi to konvertēs. Jo vairāk preces attēlu parādīsiet kolekcijas lapā, jo lielāku iesaistīšanos un interesi radīsiet.

Vairāk nekā vienu attēlu var iekļaut vairākos veidos. Varat ļaut ritināt produktu galeriju, vai arī, uzspiežot kursoru, parādīt citu fotoattēlu.

Šajā H&Mzēnu apģērbu lapā ir ritināmu produktu galerija. Jūs varat apskatīt visas fotogrāfijas, kas redzamas atsevišķā produkta lapā, tieši no kolekcijas lapas, tāpēc jums nekad nav jānoklikšķina no tās.

hm

Avots:hm.com

Ja vēlaties tikai parādīt citu fotoattēlu, skatiet šo sieviešu pludmales apģērbu kolekcijas lapu, lai gūtu iedvesmu. Zīmols ir gudri parādījis preces aizmugurējo daļu, lai jūs varētu apskatīt visu izstrādājumu, neatverot citu lapu. Šī ir lieliska apģērbu zīmolu taktika.

simplybeach

Avots:simplybeach.com

Izvēloties, vai pievienot galeriju vai virspusēju fotoattēlu, ņemiet vērā objekta raksturu. Cik daudz fotogrāfiju pircējam ir nepieciešams redzēt? Un kādām vajadzētu būt šīm fotogrāfijām?

Varat parādīt izmantoto produktu vai arī klientu fotoattēlus, ja ir lielāka iespēja, ka tie uzrunās jaunu pircēju. Varat parādīt preci tuvplānā vai pat uzskaitīt preces specifikācijas.

Rādīt nesen apskatītos vienumus

Produktu ieteikumi parasti tiek rezervēti atsevišķām produktu lapām. Šajā vietā zīmoli izvieto arī karuseli "Nesen apskatītie".

Tomēr, ievietojot to kolekcijas lapā, varat viegli atgādināt klientiem par precēm, ko viņi jau ir redzējuši un kas viņiem ir patika. Ietaupiet viņiem laiku un pūles, lai atgrieztos atpakaļ savā vēsturē, kad vienlaicīgi ir atvērtas vairākas cilnes.

Pārbaudiet Adidas vīriešu skriešanas apavu lapu. Tiklīdz apskatīsiet atsevišķu produktu, kolekcijas lapas apakšdaļā parādīsies funkcija "nesen apskatīts", kas palīdzēs jums sekot līdzi precēm, kas ir izraisījušas jūsu interesi.

adidas

Iepazīstieties ar Ranktracker

"Viss vienā" platforma efektīvai SEO optimizācijai

Katra veiksmīga uzņēmuma pamatā ir spēcīga SEO kampaņa. Taču, ņemot vērā neskaitāmos optimizācijas rīkus un paņēmienus, var būt grūti saprast, ar ko sākt. Nu, nebaidieties, jo man ir tieši tas, kas jums palīdzēs. Iepazīstinu ar Ranktracker "viss vienā" platformu efektīvai SEO optimizācijai.

Mēs beidzot esam atvēruši reģistrāciju Ranktracker pilnīgi bez maksas!

Izveidot bezmaksas kontu

Vai Pierakstīties, izmantojot savus akreditācijas datus

Avots: adidas.com

Tas pats karuselis ir redzams arī atsevišķās produktu lapās, tādējādi nodrošinot individuāli pielāgotu pārlūkošanas pieredzi.

Varat arī ieteikt produktus klientiem, pamatojoties uz viņu apskatītajiem produktiem, tāpat kā produktu lapās.

Pabeigšana

Apsveriet, kuras no šīm produktu kolekcijas lapas dizaina taktikām varat ieviest savās lapās. Iespējams, ka visas sešas no tām var palīdzēt palielināt jūsu konversijas rādītājus.

Vienmēr paturiet prātā sava produkta(-u) būtību un auditorijas sāpju punktus. Ko viņi meklē un kā jūsu dizaina darbs var palīdzēt viņiem to atrast?

Felix Rose-Collins

Felix Rose-Collins

Ranktracker's CEO/CMO & Co-founder

Felix Rose-Collins is the Co-founder and CEO/CMO of Ranktracker. With over 15 years of SEO experience, he has single-handedly scaled the Ranktracker site to over 500,000 monthly visits, with 390,000 of these stemming from organic searches each month.

Sāciet izmantot Ranktracker... Bez maksas!

Noskaidrojiet, kas kavē jūsu vietnes ranga saglabāšanu.

Izveidot bezmaksas kontu

Vai Pierakstīties, izmantojot savus akreditācijas datus

Different views of Ranktracker app