• Oblikovanje e-trgovine in uporabniškega vmesnika (UI)

Oblikovanje uporabniškega vmesnika za e-trgovino: Kako ustvariti privlačne strani z zbirko izdelkov (6 uporabnih taktik)

  • Felix Rose-Collins
  • 5 min read
Oblikovanje uporabniškega vmesnika za e-trgovino: Kako ustvariti privlačne strani z zbirko izdelkov (6 uporabnih taktik)

Uvod

Strani z zbirkami izdelkov so žal pogosto spregledane tako s strani oblikovalcev kot tudi tekstopiscev. Medtem ko je veliko truda vloženega v ustvarjanje izjemno privlačnih strani izdelkov in pristajalnih strani, pa strani z zbirkami ostanejo ob strani in so žalostno nezanimive.

Oglejmo si šest uporabnih načinov za ustvarjanje strani z zbirko izdelkov, ki pritegnejo, spodbudijo k dejanjem ter povečajo promet in konverzije.

Prepričajte se, da je glavna fotografija izdelka privlačna

Prva ovira pri oblikovanju strani z zbirkami izdelkov je, da je glavna fotografija privlačna in zanimiva. Če kupčeve pozornosti ne pritegnete praktično takoj, ko pristane, ali v nekaj premikih, ste ga verjetno izgubili.

Najprej preučite vse, kar veste o svoji ciljni skupini. Kaj jim je všeč? Zakaj so jim všeč vaši izdelki? Kaj jim je pri vaših izdelkih všeč? Kako lahko te lastnosti postavite v ospredje?

Nato začnite razmišljati o postavitvi. Ali je treba slike povečati? Ali potrebujejo živahno ali nevtralno ozadje? Koliko izdelkov morate prikazati v vrsti?

Najbolje je, da preizkusite več različic zasnove. Včasih lahko najmanjše spremembe prinesejo največjo razliko.

Oglejte si to stran z zbirko otroških oblačil. Izdelki so prikupni in zanimivi, zato jih ni treba prikazovati na posebej izviren način. Oznaka "novo v" jasno razlikuje določene izdelke in zagotavlja, da jih kupec opazi.

Spoznajte Ranktracker

Platforma "vse v enem" za učinkovito SEO

Za vsakim uspešnim podjetjem stoji močna kampanja SEO. Vendar je ob neštetih orodjih in tehnikah optimizacije težko vedeti, kje začeti. Ne bojte se več, ker imam za vas prav to, kar vam lahko pomaga. Predstavljam platformo Ranktracker vse-v-enem za učinkovito SEO

Končno smo odprli registracijo za Ranktracker popolnoma brezplačno!

Ustvarite brezplačen račun

Ali se prijavite s svojimi poverilnicami

Če takšne izdelke postavite na nevtralno ozadje, bodo izstopali.

mamasandpapas

Vir: mamasandpapas.com

Še en način, kako narediti glavno fotografijo na strani zbirke privlačno, je prikazati predmet v uporabi. Če si ogledate to stran z rastlinjaki, boste videli, kako je to mogoče brez težav izvesti. Vsaka slika je popolnoma drugačna, v drugačni barvni paleti in prikazuje predmet z drugega zornega kota. Zlahka si predstavljate izdelek v svojem domu.

greenhouseemporium

Vir: greenhouseemporium.com

Spoznajte Ranktracker

Platforma "vse v enem" za učinkovito SEO

Za vsakim uspešnim podjetjem stoji močna kampanja SEO. Vendar je ob neštetih orodjih in tehnikah optimizacije težko vedeti, kje začeti. Ne bojte se več, ker imam za vas prav to, kar vam lahko pomaga. Predstavljam platformo Ranktracker vse-v-enem za učinkovito SEO

Končno smo odprli registracijo za Ranktracker popolnoma brezplačno!

Ustvarite brezplačen račun

Ali se prijavite s svojimi poverilnicami

To je odlična taktika, če želite stranki olajšati ogled končnega izdelka in ji pomagati, da si predstavi celoten življenjski slog.

Zagotovite, da filtri niso preveč moteči

Za uporabnost strani zbirke so potrebni filtri. Od strank ne moremo pričakovati, da bodo brskale po straneh izdelkov, da bi našle določen izdelek. Verjetno se ne zavedajo širine vaše ponudbe in morda nimajo časa za dolgotrajno nakupovanje.

Filtri morajo vaše izdelke smiselno razvrščati v kategorije. Cena, velikost in material so le nekateri od najpogostejših filtrov, ki jih lahko uporabite. Razmislite o izdelkih samih in njihovih razlikovalnih dejavnikih.

Bolj kot je izdelek zapleten, več filtrov mora biti na voljo. Ponudite lahko tudi koristne, kot sta "ni za začetnike" ali "samo za profesionalce", če bodo strankam pomagali izbrati pravi izdelek.

Filtri tudi ne smejo biti preveč moteči. Dostop do njih mora biti enostaven, vendar ne smejo zavzemati velikega dela strani ali na kakršen koli način ovirati brskanja.

Oglejte si stran z zbirkami kompozitnih krovnih desk. Na levi strani so na voljo filtri, ki vzpostavljajo pravo ravnovesje med tem, da so zlahka opazni in ne ovirajo. Upoštevajte, da so tudi zložljivi, tako da količina informacij ne bo preobremenila stranke.

Prav tako so razvrščeni logično - večina ljudi bo želela zožiti izbor barv in materialov, preden se bodo posvetili podrobnejšim podatkom, kot je velikost.

Ovaeda

Vir: Ovaeda.com

Zlahka lahko uporabite podobno rešitev, ki ne bo zavzela veliko prostora, vendar bo še vedno bistveno izboljšala uporabniško izkušnjo in strankam omogočila, da v nekaj sekundah zožijo svojo izbiro.

Prikaz kratkih opisov izdelkov ob prehodu na drugo stran

O straneh z zbirko izdelkov razmišljajte kot o informacijskem vozlišču. Tu so prikazani vsi izdelki iz določene kategorije. Bolj kot ste koristni, večja je verjetnost, da bo stranka opravila konverzijo.

Poskušajte preprečiti, da bi kupci kliknili na izdelek, prebrali opis izdelka in nato kliknili nazaj. Tako bodo morali izgubljati čas s premikanjem, da bi ugotovili, kje so pravkar končali. Če pa izdelke še naprej odpirajo v novih zavihkih, jih bo število izdelkov, ki jih poskušajo primerjati, kmalu preobremenilo.

Čim več uporabnih informacij lahko prikažete na strani zbirke, tem bolje. Z dodajanjem preprostega, kratkega opisa izdelka, ko se nekdo pomakne nad izdelek, lahko strankam pomagate primerjati izdelke takoj in tam.

Ta stran zbirke bariatričnih kalcijevih žvečilk opravlja odlično delo. Na voljo je kratek opis izdelka, v katerem so navedeni vitamini in minerali, ki jih vsebuje izdelek. Poudarjene so tudi prednosti: odličen okus, spodbujanje imunskega zdravja itd.

Bariatricfusion

_Vira: Bariatricfusion.com _

Upoštevajte, kako kratki so opisi. Preberete jih lahko v nekaj sekundah in nadaljujete s primerjavo izdelkov.

Pri uporabi te taktike skrbno preučite opis podnapisa. Ni nujno, da je enak opisu na strani izdelka. Na kratko mora opisati prednosti ali ključne lastnosti izdelka in ga jasno ločiti od drugih izdelkov na strani.

Osredotočite se na informativnost in ne na spodbujanje prodaje. Stranke se bodo bolj verjetno odločale za nakup, če bodo prepričane o svoji izbiri.

Dodajte nekaj socialnih dokazov

Socialni dokazi so odlično orodje, s katerim lahko strani naredite bolj privlačne in koristne. Strankam bodo pokazali, da ste zaupanja vredni, zanesljivi in da so vaši izdelki kakovostni. To je še posebej pomembno za nove stranke, ki še ne poznajo vaše blagovne znamke in so morda bolj zadržane pri pretvorbi.

Socialni dokazi so na voljo v različnih oblikah, vendar so ocene z zvezdicami najbolj uporabna vrsta dokazov, ki jih lahko objavite na straneh zbirke. Služijo za več namenov:

  • oceniti kakovost posameznega izdelka.
  • pokažite, koliko kupcev ga je kupilo in si vzelo čas, da ga ocenijo.
  • pomagati strankam pri hitrejšem sprejemanju nakupnih odločitev.

Ocenjevanje z zvezdicami je enostavno vključiti. Oglejte si stran zbirke palet senčil Sephora. Zlahka jih opazite in prikazujejo vse pomembne informacije: koliko je ocen in kakšno je splošno zadovoljstvo z izdelkom. Jasno lahko tudi vidite, da je ena od teh palet veliko bolj priljubljena od drugih.

sephora

Vir: sephora.com

Še en odličen signal socialnega dokaza, ki ga lahko vključite na strani zbirke, so obvestila o prodaji v realnem času.

Oglejte si stran z nalepkami za prenosni računalnik po meri. Med brskanjem se v spodnjem desnem kotu prikaže nevsiljivo pojavno okno, ki vas obvesti, kdo je opravil nakup na spletnem mestu, od kod prihaja in kaj je kupil.

To je odličen način, da v svoje taktike trženja vnesete nekaj FOMO. Kupcem bodo prikazani drugi izdelki, ki so očitno priljubljeni, saj jih je nekdo pravkar kupil. To bo poslalo tudi močne signale zaupanja in verodostojnosti.

Prepričajte se, da pojavno okno ni preveč kričeče ali moteče. Poskusite jih tudi razporediti, da ne bodo začela dražiti kupcev.

vinylstatus

Vir: vinylstatus.com

Prikaz več pogledov na izdelek

Čim bolje si lahko kupci ogledajo izdelek, tem večja je verjetnost, da ga bodo pretvorili. Več slik izdelka, kot jih prikažete na strani z zbirko, večjo vključenost in zanimanje boste ustvarili.

Več kot eno sliko lahko vključite na več načinov. Omogočite lahko pomikanje po galeriji izdelkov ali prikažite drugo fotografijo ob prehodu miške.

Stran z oblačili za dečke iz H&M ima galerijo izdelkov, ki jo je mogoče premikati. Vse fotografije, ki so predstavljene na strani posameznega izdelka, si lahko ogledate kar na strani kolekcije, tako da vam nikoli ni treba klikniti stran.

hm

Vir:hm.com

Če bi raje prikazali drugačno fotografijo, si za navdih oglejte to stran s kolekcijo ženskih oblačil za na plažo. Blagovna znamka je pametno prikazala hrbtno stran izdelka, tako da si lahko ogledate celoten kos, ne da bi vam bilo treba odpreti drugo stran. To je odlična taktika za blagovne znamke oblačil.

simplybeach

Vir:simplybeach.com

Ko se odločate, ali želite dodati galerijo ali fotografijo v podoknu, upoštevajte naravo elementa. Koliko fotografij mora kupec videti? In kakšne naj bodo te fotografije?

Prikažete lahko izdelek, ki ga uporabljate, ali pa fotografije strank, če je bolj verjetno, da bodo prepričale novega kupca. Izdelek lahko prikažete od blizu ali celo navedete specifikacije izdelka.

Prikaži nedavno ogledane predmete

Priporočila izdelkov so običajno rezervirana za posamezne strani izdelkov. Tu blagovne znamke postavijo tudi vrtiljak "nedavno ogledano".

Vendar pa lahko s tem, da ga predstavite na strani zbirke, stranke nežno opomnite na izdelke, ki so jih že videle in všečkale. Prihranite jim čas in napor pri vračanju v zgodovino, saj imajo hkrati odprte številne zavihke.

Oglejte si stran Adidasovi moški tekaški copati. Ko si ogledate posamezen izdelek, se na dnu strani z zbirko prikaže funkcija "nedavno ogledano", ki vam pomaga spremljati izdelke, ki so vzbudili vaše zanimanje.

adidas

Spoznajte Ranktracker

Platforma "vse v enem" za učinkovito SEO

Za vsakim uspešnim podjetjem stoji močna kampanja SEO. Vendar je ob neštetih orodjih in tehnikah optimizacije težko vedeti, kje začeti. Ne bojte se več, ker imam za vas prav to, kar vam lahko pomaga. Predstavljam platformo Ranktracker vse-v-enem za učinkovito SEO

Končno smo odprli registracijo za Ranktracker popolnoma brezplačno!

Ustvarite brezplačen račun

Ali se prijavite s svojimi poverilnicami

Vir: adidas.com

Isti vrtiljak je prikazan tudi na posameznih straneh z izdelki, kar omogoča individualno prilagojeno brskanje.

Strankam lahko izdelke priporočate tudi na podlagi ogledanih izdelkov, tako kot na straneh z izdelki.

Zaključek

Razmislite, katere od teh taktik oblikovanja strani z zbirko izdelkov lahko uporabite na svojih straneh. Morda lahko vseh šest sodeluje pri povečanju stopnje konverzije.

Vedno imejte v mislih naravo svojih izdelkov in bolečine svojega občinstva. Kaj iščejo in kako jim lahko pri oblikovanju pomagate, da to najdejo?

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.

Začnite uporabljati Ranktracker... brezplačno!

Ugotovite, kaj preprečuje uvrstitev vašega spletnega mesta.

Ustvarite brezplačen račun

Ali se prijavite s svojimi poverilnicami

Different views of Ranktracker app