5 primerov odličnega oblikovanja strani izdelka in kaj se lahko iz njih naučite

Uvod

Ob obisku spletnega mesta za e-trgovino mora biti izkušnja za stranke že od samega začetka enostavna: privlačna, preprosta in jedrnata. Oblikovanje strani izdelka je eden najpomembnejših vidikov celotne uporabniške izkušnje, saj so to strani, ki na koncu spremenijo brskalce v stranke. Zato morajo biti predstavljeni izdelki, visokokakovostne slike in podrobne informacije glavni poudarek pri oblikovanju strani z izdelki za vašo spletno trgovino.

Večina kupcev pred zaključkom nakupa obišče stran izdelka, zato če ustvarjate novo spletno mesto ali optimizirate delovanje svojega spletnega mesta za e-trgovino, ne pozabite, da se dobro oblikovanje začne z razumevanjem potreb uporabnika in ustrezno prilagoditvijo.

Preučimo, kako oblikovati odlično stran izdelka, nekaj najboljših praks oblikovanja strani izdelka in katere so ključne lastnosti, zaradi katerih je stran izdelka dragocena in privlačna.

Kako oblikovati stran izdelka

Čeprav se postopek oblikovanja od oblikovalca do oblikovalca lahko razlikuje, morajo vsi upoštevati nekatere stvari, ko se učijo oblikovanja strani izdelkov.

1. Uporabite visokokakovostne slike

Spletno nakupovanje je povsem vizualno, zato so fotografije izdelkov ključnega pomena za vsako stran z izdelki. Ker se kupci izdelkov ne morejo dotakniti in jih preizkusiti kot v fizični trgovini, jim bodo slike pomagale pri odločitvi, ali želijo nekaj kupiti ali ne.

Pri ustvarjanju spletnega mesta uporabljajte optimizirane slike in jih posodabljajte. Optimizirane slike morajo biti prave vrste, velikosti in stisnjene, kar omogoča hitrejše nalaganje strani. Poleg tega morajo biti vaše slike izostrene, imeti morajo preprosto ozadje in zagotavljati več zornih kotov, da lahko uporabniki vidijo, kaj dobijo.

2. Ustvarite prepričljiv poziv k akciji

Aktivni jezik motivira kupce, da ukrepajo in kupijo izdelek ali izvedo več o njem. Pri oblikovanju in oblikovanju gumbov za poziv k akciji (CTA) naj bodo kratki, jedrnati in naj vzbujajo občutek radovednosti; z drugimi besedami, učinkovit CTA mora sprožiti klik.

3. Pisanje informativnih opisov izdelkov

Povedali smo že, da so slike ključnega pomena za odlično stran z izdelki, vendar je prav tako pomembna dobra kopija izdelka.

Z opisi izdelkov lahko kupci dobijo podrobne informacije o vsakem izdelku. Da, opisi morajo biti hitri, vendar morajo vključevati tudi podrobnosti, kot so materiali, barve in najboljše lastnosti.

Slike in opisi izdelkov morajo sodelovati, da nekoga prepričajo v nakup izdelka, ki ga prodajate.

4. Prikažite pregledne cene

Odločitev o nakupu ne bo odvisna le od izdelka z oceno pet zvezdic, jasnega in prepričljivega besedila ter odličnih slik; odločilni dejavnik je tudi cena. Vedno morate prikazati jasne cene **z veliko velikostjo pisave ter se izogibati dvoumnim popustom in drobnemu tisku.

5. Vključite socialni dokaz

Na nas vpliva vedenje v družbi, zato ko vidimo ljudi, ki čakajo v vrsti za mizo v restavraciji, ali ko nam družinski član priporoča izdelek, na našo odločitev o nakupu pogosto vpliva to, kaj o njem počnejo ali govorijo drugi. Nakupovanje prek spleta ni nobena izjema.

97 % strank pravi, da spletne ocene vplivajo na njihovo odločitev o nakupu, zato je vključitev socialnih dokazov, ki bodo ugodno vplivali na konverzijo na strani z izdelki, nepogrešljiva.

6. Bodite dosledni

Vaše spletno mesto in vsaka stran z izdelkom morata biti usklajena, imeti enotne in dobro integrirane barve ter slike, ki se med seboj ujemajo, poleg tega pa morata imeti tudi dobro zasnovo.

Zagotovite skladnost blagovne znamke z barvno paleto, določenimi pisavami in usklajenim tonom glasu v pisni vsebini. Za vizualno doslednost lahko uporabite grafične predloge za spletno mesto; to vam bo pomagalo ustvariti edinstven, skladen videz na različnih straneh z izdelki in pristajalnih straneh.

(Vir slike: Envato Elements)

5 lepih primerov oblikovanja strani izdelka in zakaj delujejo

Zdaj, ko smo pregledali osnove oblikovanja strani izdelka v e-trgovini, si oglejmo primere blagovnih znamk, ki jim je spletno oblikovanje strani izdelka uspelo.

1. Apple

(Vir slike: Apple / iPad)

Zakaj deluje?

Na tej strani je Applova oblikovalska ekipa ustvarila učinkovito uporabniško izkušnjo brez motečih elementov, osredotočeno na izdelek in njegove edinstvene funkcije. Kopija je kratka, navdihujoča, in ko uporabniki nadaljujejo z drsenjem, se odkrivanje nadaljuje s kratkimi opisi in slikami izdelka, ki izstopajo na belem ozadju.

Kaj se lahko naučite?

Pri slikah, kopijah in vseh drugih elementih oblikovanja strani izdelka velja, da je manj več.

Apple je pri oblikovanju strani izdelka opravil brezhibno delo. Vsaka slika, bel prostor, beseda in podrobnosti so skrbno izbrani, tako da je celoten videz čist, dosleden in poudarja izdelek.

Takšno minimalistično oblikovanje ne dopušča motenj, zato pri oblikovanju strani izberite preprosto postavitev.

2. Knjige Chronicle

(Vir slike: Chronicle Books)

Zakaj deluje?

Čeprav to spletno mesto uporablja svetle barve v različnih kategorijah, je na straneh z izdelki glavni poudarek na personalizaciji. Chronicle Books omogoča enostavno identifikacijo kategorij v zgornjem meniju ter ustrezno predstavitev sorodnih in ustreznih vsebin.

(Vir slike: Chronicle Books)

Predlaganje sorodnih knjig, ki jih lahko uporabniki dodajo v košarico, ne da bi zapustili stran, po kateri trenutno brskajo, je učinkovit način, da jih še naprej zanima že izbrana izbira izdelkov.

Kaj se lahko naučite?

Na straneh z izdelki je ključnega pomena prilagojena uporabniška izkušnja, če želite zagotoviti, da uporabnik najde, kar išče - in upamo, da še več kot to, da se bo povečala velikost njegove nakupovalne košarice. Razmislite o svojih izdelkih in o tem, kako povezati druge izdelke, ki ne spadajo nujno v isto kategorijo, vendar morda ustrezajo širšim interesom stranke.

3. Farfetch: Vse o podrobnostih

Zakaj deluje?

Za spletno trgovino z modnimi oblačili Farfetch je dobra stran izdelka odvisna od podrobnosti. Kupci lahko na enem mestu dobijo jasne informacije o negi izdelka, velikosti, ceni, rokih dostave in oblikovalcu. Na voljo je celo možnost, da izdelek dodajo na seznam želja, če ga niso pripravljeni kupiti takoj.

Kaj se lahko naučite?

Vprašajte svoje stranke, katere vrste informacij iščejo, ko pregledujejo vaše - in konkurenčne - strani izdelkov. Informacije, ki jih prikazujete na straneh z izdelki, morate prilagoditi vrstam poizvedb, ki bodo strankam pomagale pri odločitvi za nakup.

(Vir slike: Farfetch)

4. Zara: Naj bo poglobljeno

(Vir slike: Zara)

Zakaj deluje?

Na spletnem mestu Zara se izkušnja ne začne na strani z izdelkom. Na začetni strani se uporabnik počuti, kot da bi se znašel na modni reviji z modeli, ki se po modni brvi sprehajajo v najnovejši kolekciji Zara. Pod videoposnetkom je neskončno pomikanje, ki uporabniku omogoča, da si ogleda lepo izbrane uredniške slike, namesto da bi izdelke iskal po katalogu.

Zara ponuja veliko število izdelkov in nenehno posodablja zaloge, vendar je kategorij izdelkov malo. Ta poenostavitev kataloga omogoča enostavnejše brskanje, uporabniki pa lahko iskanje zožijo z uporabo do desetih filtrov.

(Vir slike: Zara / Woman / Party)

Kaj se lahko naučite?

Ustvarjanje takšnih strani z izdelki, ki vzbujajo vtis, zahteva veliko truda, saj so slike posnete v uredniškem slogu in ne na navadnem ozadju. Razmisliti morate tudi, kako se fotografija izdelka ujema s širšo izkušnjo na spletni strani in zunaj nje, ne glede na to, ali gre za videoposnetek na domači strani ali slike, ki se delijo prek Instagrama. Če je ta pristop izveden učinkovito, lahko pomaga ne le pri prodaji izdelkov, temveč tudi pri vzpostavljanju stika z blagovno znamko in strankami.

5. Glossier: Glossier: Hero Your Products

(Vir slike: Glossier)

(Vir slike: Glossier)

Zakaj deluje?

Pri kozmetični znamki Glossier so izdelki glavni junaki spletnega mesta, kar seveda vključuje tudi strani z izdelki. Vse, kar se nahaja okoli slik izdelkov, pa naj gre za jedrnato besedilo, ocene uporabnikov, izbirnik barvne palete ali oznake "najbolje ocenjeno", je namenjeno obveščanju uporabnika o vrednosti samega izdelka. Galerije slik pomagajo prikazati različne različice izdelka, kar olajša odločitev o izbiri. To je ključnega pomena za izdelke, kot so ličila, pri katerih kupec nima možnosti, da bi jih najprej preizkusil.

Kaj se lahko naučite?

Če je vaš izdelek glavna zvezda, ga brez oklevanja postavite v ospredje. Oblikovalce včasih motijo postavitve, sredstva blagovne znamke in dodatne grafike ter pozabijo, da je izdelek prodajna točka. Tudi recenzije lahko delajo čudeže, ko morate svojemu izdelku vdahniti življenje in prikazati družbeni dokaz njegove vrednosti s strani resničnih uporabnikov.

Kaj je odličen dizajn strani izdelka?

Kot smo videli pri ogledu petih najboljših praks oblikovanja strani izdelka, je v dobro stran izdelka vključenih veliko stvari, vendar obstajajo nekatere bistvene sestavine, ki jih potrebuje vsaka stran izdelka.

Raziskava inštituta Baymard Institute predlaga 95 smernic, ki jih je treba upoštevati pri oblikovanju strani izdelka, vključno s postavitvijo, slikami izdelka, galerijo slik, razdelkom "kupi", pravili o dostavi, vračilih, darilih, različicami izdelka, opisi, specifikacijami, mnenji uporabnikov ter navzkrižno prodajo in navzkrižno navigacijo.

Študija je pokazala, da ima le 18 % od 185 spletnih mest za e-trgovino v ZDA in Evropi z največjim prihodkom "dobro" ali "sprejemljivo" učinkovitost strani z izdelki. Specifikacije so ena najpogostejših težav med njimi.

(Vir slike: Inštitut Baymard)

Kaj je dobro oblikovanje?

Kljub številnim načinom, kako doseči dobro oblikovanje in ga opredeliti, vas lahko pri oblikovanju vodijo nekatera načela nemškega industrijskega oblikovalca Dieterja Ramsa.

1. Dobro oblikovanje je inovativno.
2. Zaradi tega je izdelek uporaben in razumljiv.
3. Je estetski.
4. je nevsiljiv.
5. Je pošten.
6. Je dolgotrajen, čeprav v današnjem digitalnem svetu to morda ne velja več.
7. Izkazuje pozornost do podrobnosti.
8. Je okolju prijazen.
9. Zahteva čim manj oblikovanja.

Če povzamemo, to pomeni, da je treba ohraniti preprostost, se osredotočiti na bistvene elemente in se izogibati dodajanju funkcij, ki ne pripomorejo k uporabnosti.

Najboljše prakse oblikovanja strani izdelka

Seveda je dobro oblikovanje bistvenega pomena, vendar nobeno podjetje ne more preživeti brez dobička. Zato se morate poleg učenja o vizualnih podobah in formatih naučiti, kako oblikovati strani izdelkov, ki povečujejo spletno prodajo.

Po podatkih družbe Shopify in raziskavi družbe Nielsen Norman Group so to najboljše prakse, ki jih je treba upoštevati in ki bodo kupcem pomagale pri odločitvi, kaj želijo kupiti.

1. Opisno ime izdelka
2. Natančne slike izdelkov
3. Podroben, povečan pogled na vsak izdelek
4. Cena in morebitni dodatni stroški
5. Jasne možnosti izdelkov, med katerimi lahko izbirate
6. Razpoložljivost
7. Jasnost pri dodajanju elementov v košarico, povratne informacije, ko je bil element dodan
8. Informativni opis izdelka

Predloge za oblikovanje strani izdelka

Če oblikovanje od začetka ni vaša močna stran ali če za začetek potrebujete nekaj ustvarjalnih sredstev, morate razmisliti o uporabi predloge za oblikovanje strani izdelka, spletnih orodij za oblikovanje in spletnih predlog, da dosežete najboljši možni rezultat. Prednosti uporabe predlog za oblikovanje strani izdelka so poenostavitev postopka, prihranek časa in doslednost na vseh straneh.

Kontrolni seznam za oblikovanje strani izdelka

Raziskali smo najboljše prakse in splošne napotke, če pa potrebujete kontrolni seznam, ki ga boste upoštevali, ko boste naslednjič oblikovali stran izdelka za e-trgovino, je tu povzetek vsega, kar smo raziskali v tem članku.

• Izberite visokokakovostne in optimizirane slike
• Vključite prepričljive gumbe CTA
• Pišite informativne opise izdelkov
• Prikaži vidne različice izdelkov
• Bodite pregledni pri določanju cen
• Predstavite družbene dokaze in preglede
• Vključite podatke o dostavi
• Bodite dosledni pri oblikovanju blagovne znamke

Pripravljeni na oblikovanje strani izdelka, na katero boste ponosni

Oblikovanje nove strani izdelka je razburljiva pustolovščina. Izdelki zasijejo in izstopajo med tisočimi drugimi spletnimi možnostmi, česar ne smete jemati zlahka.

Na koncu ne pozabite na uporabnika, ki obišče vaše spletno mesto za e-trgovino. Seveda je vaš izdelek glavna zvezda, vendar je vaša stranka tista, ki sprejme končno odločitev.