Jeste li se ikada zapitali zašto trgovine mješovitom robom stavljaju mlijeko u stražnji dio trgovine, a čokolade blizu kase?
Jednostavan: postavljanje osnovnih potrepština u stražnjem dijelu trgovine potiče kupce da hodaju uokolo i pregledavaju druge proizvode. Postavljanje malih predmeta (kao čokolade) u blizini blagajne potiče impulzivnu kupnju.
Sve je to dio znanosti o dizajnu trgovine. The pravi raspored trgovine može povećati prodaju, poboljšati lojalnost i pomoći klijentima da brže pronađu ono što žele.
Vaša online trgovina nije ništa drugačija. Organizacija i raspored vaših proizvoda imaju veliki utjecaj na što (i kako) kupci kupuju od vas.
U ovom članku, pokazat ćemo vam kako rasporediti svoje proizvode kako biste povećali prodaju i konverzije.
3 Stvari koje treba uzeti u obzir pri odabiru izgleda proizvoda
Izgled proizvoda može zvučati kao jednostavan problem kada mu prvi put pristupite. Međutim, kao i većina stvari u e-trgovini, složenosti se pojavljuju nakon što uronite u detalje. Postoje tri stvari koje morate uzeti u obzir kada birate izgled proizvoda:
1. Izbor
Izbor je dvosjekli mač za trgovine e-trgovine. Nedostatak izbora znači da ograničavate mogućnosti. Previše izbora, međutim, a posjetitelje ćete ostaviti zbunjenima.
Učinkovit izgled proizvoda u biti je proces balansiranja ove dualnosti. To je: ostavljajući dojam obilja izbora, dok je stranica još uvijek jednostavna za korištenje i navigaciju.
Znanost kaže da je donošenje odluka psihički naporno. Kada suočite kupce s previše izbora, skloni su da uopće ne naprave izbor.
Dakle, kako prevladati ovaj problem u izgledu vaše trgovine?
Jedno je rješenje korištenje istaknutih slika koje vode do dodatnih proizvoda. Na primjer, primijetiti kako Made.com koristi zasebne slike za cijele kategorije proizvoda (kao što je "vrtni namještaj"):
Zamislite ovo kao zadirkivanje za privlačenje kupaca.
Idealno, htjet ćete svoje najprodavanije ili najpoželjnije proizvode držati u prvom planu.
Stoga, prije nego započnete proces postavljanja, navedite sljedeće:
- Cijeli asortiman proizvoda i njihove kategorije i potkategorije
- Funkcionalne kategorije kao što su "najprodavaniji proizvodi", "Istaknuti Proizvodi", itd. i proizvoda u njima.
Sljedeći korak je korištenje ovih informacija za izradu dobro organiziranog navigacijskog izbornika. Primijetite kako Amazon organizira proizvode u kategorije u svom izborniku.
Time ćete kupcima pomoći da pronađu ono što žele, a da ih ne zatrpate prevelikim izborom.
Ako je vaša Ecwid trgovina dodana na web stranicu, možete dodati navigacijski izbornik dodavanjem dijela koda:
- for a horizontal layout
- za vertikalni raspored.
Here are the instructions for Ecwid stores added on WordPress i Wix web stranice, isto. Na Ecwid Instant stranici, dostupan je samo horizontalni izbornik.
2. Informacije o Proizvodu
Evo još jednog čina balansiranja koji biste trebali izvesti pri odabiru izgleda trgovine: prikazivanje informacija o proizvodu.
Korisnicima želite dati informacije koje su im potrebne da kliknu i izvrše kupnju. U isto vrijeme, ne želite ih zatrpati s previše detalja – barem ne prije nego što se nađu na stvarnoj stranici proizvoda.
Vaš mentalni model u ovoj situaciji trebao bi biti olakšanje donošenja odluka i poticanje interesa kupaca. Zapitaj se: što minimum informacija trebaju li moji kupci kliknuti na proizvod?
Vidjet ćete da se ovaj odgovor razlikuje od trgovine do trgovine i proizvoda do proizvoda.
Na primjer, primijetite kako vam Amazon daje samo četiri informacijske točke na stranici kategorije: ime proizvoda, cijena (uključujući popust), ocjena i vrhunska dostupnost:
U Ecwidu, možete dodati slične ocjene i recenzije uz pomoć aplikacije Stampled.io.
Iako su ove informacije neophodne za velikog trgovca poput Amazona, za manje tvrtke poput Pijesak & Kameni nakit, ocjene nisu toliko bitne. Stoga, stranice kategorije prikazuju samo naziv proizvoda i cijenu.
Lako je upasti u zamku davanja premalo informacija na stranicama kategorija. Najbolji način da to izbjegnete je intervjuirati svoje kupce i pitati ih koje informacije koriste za donošenje odluka o kupnji.
3. Dizajn trgovine
Način na koji ste dizajnirali svoju trgovinu imat će veliki utjecaj na izgled vašeg proizvoda.
Trgovina e-trgovine obično ima tri ključne stranice:
- Početna stranica
- Kategorije i stranice za pretraživanje
- Pojedinačne stranice proizvoda
Koji proizvodi odaberete za izlaganje na svakoj vrsti stranice odlučit će koje će proizvode vaši kupci na kraju kupiti.
Na primjer, imajte na umu kako Amazon promovira vlastite proizvode na svojoj početnoj stranici ako se niste prijavili:
Uobičajeno je da trgovine promoviraju najnovije ponude na početnoj stranici. Obavezno uskladite ove ponude s vašom ciljanom publikom. BestMadeCo, na primjer, vodi promotivnu akciju za Očev dan imajući na umu svoju većinom mušku klijentelu.
Usredotočite se na:
- Odredite koje proizvode želite da kupci kupe (idealno vaš najprodavaniji, i/ili proizvode s najvećom maržom)
- Održavanje jedinstvenosti dizajna na različitim vrstama stranica.
Bilo da odlučite istaknuti svoje najprodavanije proizvode ili novosti, Ecwid vam omogućuje stvaranje kategorije za istaknuti proizvodi na početnoj stranici i nazovite ga prema svojim potrebama.
6 Najbolji primjeri iz prakse za izgled proizvoda e-trgovine
Iako sigurno možete stvoriti jedinstvenu shemu izgleda za svoju trgovinu e-trgovine, pomaže slijediti nekoliko najboljih praksi.
1. Gurnite vrhunske proizvode i ponude na gornju stranicu
Područje "iznad preklopa" dio je zaslona koji je vidljiv kada korisnici prvi put dođu na vašu web-lokaciju. Zapravo, ovo područje računa 80% pozornosti gledatelja na većini stranica.
S obzirom na pozornost koju ovaj prostor dobiva, dobra je ideja postaviti svoje vrhunske proizvode na gornju stranu stranice. Ovo može uključivati:
- Najnovije ponude, rasprodaje i popusti
- Najprodavaniji proizvod ili kategorije proizvoda
- Nedavno lansirani proizvodi (najbolje funkcionira na početku sezone kupnje)
Na Target.com, na primjer, vidjet ćete najnovije ponude na vrhu stranice:
Ako imate puno ponuda, razmislite o dodavanju klizača, poput ovog primjera iz Walmarta. Također imajte na umu promocije koje se prikazuju ispod navigacijskog izbornika:
Neki modni trgovci izbjegavaju konvencionalne rasporede u korist promicanja imidža robne marke. Na ASOS, na primjer, dobivate imidž robne marke s opcijom "Kupujte muškarce" ili "Kupujte žene".
Ova taktika funkcionira kada pokušavate promovirati viziju robne marke s lookbookom. Većina trgovaca na malo, međutim, bolje će funkcionirati s uobičajenim izgledom proizvoda prvo na preklopu.
Slijedite istu ideju na stranicama kategorija: gurnite svoje najprodavanije i najbolje ocijenjene proizvode na vrh stranice. Na primjer, pogledajte Amazonove stranice kategorija:
2. Kombinirajte vodoravne i okomite rasporede
U biti postoje dva načina na koje možete rasporediti svoje proizvode na bilo kojoj stranici: vodoravno ili okomito.
Vodoravni raspored ostaje statičan. Na rubu stranice nalazi se gumb za daljnje pomicanje popisa.
Ovaj primjer iz Amazona bolje ilustrira stvari:
U Ecwidu, nedavno pregledani proizvodi prikazani su i vodoravno. Možete odabrati broj stavki koje želite prikazati na vrhu ili na dnu izloga.
Povezani proizvodi je još jedan vodoravno orijentirani dio. Proizvodi u ovoj grupi postavljaju se zasebno za svaku stranicu proizvoda što omogućuje ciljanje vaših kupaca s vrlo relevantnim dodacima njihovim narudžbama. Možete ih prikazati na stranicama proizvoda i na stranici košarice.
U kontrastu, vertikalni raspored nema ove tipke za pomicanje. Umjesto toga, vidite sve više proizvoda u rešetkastom poravnanju dok se pomičete prema dolje. Kao ovo:
Idealno, trebali biste koristiti kombinaciju oba ova izgleda:
- Horizontalni izgled kada želite prikazati nekoliko proizvoda iz puno kategorija, kao što je u Nedavno pregledanim proizvodima
- Vertikalni raspored kada želite prikazati mnogo proizvoda iz iste kategorije, kao što su jedno pretraživanje i stranice kategorija
3. Slijedite konvencije i očekivanja korisnika
Postoje situacije kada želite biti nekonvencionalni sa svojim dizajnom. Izgled proizvoda nije jedan od njih.
Izgled vašeg proizvoda namijenjen je orijentaciji korisnika kada dođu na vašu web-lokaciju. Konvencionalni raspored osigurava da pronađu ono što žele i da se ne dezorijentiraju.
konvencije, naravno, razlikuju od sektora do sektora. Međutim, postoji nekoliko stvari koje morate uzeti u obzir:
Koristite raspored mreže
U rasporedu mreže, proizvodi su raspoređeni u pravokutne kutije jednake veličine, kao ovo:
Ovaj izgled dugo je bio konvencija za web stranice e-trgovine. Ne samo da bi vaši kupci već bili upoznati s tim, također je dobar za izlaganje proizvoda. Unaprijediti, dobro se mjeri – možete prikazati samo jednu kutiju na malim ekranima, ili proširiti na nekoliko kutija na većim.
Prilikom korištenja ovog rasporeda, pazite da kutije budu jednake veličine. Kako pokazuje ova studija slučaja, korištenje okvira jednake veličine može povećati prihod po posjetitelju za onoliko koliko 17%.
Ako prodajete s Ecwidom, to vam nije problem – Ecwid ima mrežu jednake veličine koja se automatski prilagođava različitim zaslonima.
Prikaži navigaciju na vrhu popisa proizvoda
Još jedna konvencija koju biste trebali slijediti je postavljanje opcija sortiranja na vrh stranice.
Kupci su očekivali ovaj položaj i prirodno će pogledati ovdje kada dođu na stranicu kategorije.
Orijentirajte kupce s krušnim mrvicama
Breadcrumbs su navigacijski elementi koji korisnicima pokazuju njihov put od početne stranice, kao ovo:
Njihovo dodavanje na vrh stranice pomaže u orijentaciji posjetitelja. Govori im na kojoj se stranici ili kategoriji nalaze i kako se mogu vratiti na početnu stranicu.
4. Usredotočite se na vizualne elemente, ali ne zaboravite tekst na stranicama proizvoda
Na liniji, jedini način da prikažete svoje proizvode je kroz vizualne elemente. Zbog toga je poznato da velike slike proizvoda povećavaju konverzije u e-trgovini.
Međutim, dok su vizualni elementi važni, vaš izgled također treba imati mjesta za opisni tekst. Dobar primjerak ne opisuje samo proizvod, ali također pomaže u prodaji njega i vašeg brenda.
Na primjer, razmislite o tome kako BestMadeCo koristi snažan tekst na svojoj početnoj stranici za prodaju nedavno lansiranog proizvoda. Raspored pomaže da se tekst savršeno poigrava sa slikom.
Kopija proizvoda posebno je važno na stranicama proizvoda. Your layout should give customers all the key information they need to make a decision right above the fold. This should include:
- Cijena (uključujući popust, represented visually)
- Product rating and number of reviews
- Product and brand names
- Whether the product is in stock (and whether stock is running low)
- Shipping details
- 2-3 key product details
This is an example of how not to layout products. The product page has no copy at all – it’s difficult to make a decision.
As with most things, Amazon’s layout is perfect here, dajući kupcima sve što im je potrebno za donošenje odluke.
5. Dodajte preporuke proizvoda i srodne proizvode
Na stranicama proizvoda, imaš dva cilja:
- Dovedite kupca na stranicu za naplatu, ili
- Potaknite kupca da pogleda drugi proizvod
Za ovo drugo, trebao bi imati odjeljak za preporučene ili povezane proizvode. Ovo možete staviti ili iza informacija o proizvodu ili prije njih.
Amazon to čini posebno dobro. Obratite pažnju na povezane proizvode i popise "također pregledanih" ispod preklopa:
Ako imate više proizvoda u istoj kolekciji, pobrinite se da ih također prikažete. Evo dobrog primjera sa WorldMarketa:
Popisi povezanih proizvoda ne moraju uvijek biti vizualni. Također možete prikazati povezana pretraživanja kako biste klijente usmjerili na artikle koji bi ih mogli zanimati.
Eksperimentirajte s različitim izgledima za srodne/preporučene proizvode. Pokušajte ih postaviti iznad podnožja, ispod opisa proizvoda, itd.
6. Eksperimentirajte s detaljima prelaska mišem na stranicama kategorija
Jedan od načina za poboljšanje stope klikanja jest ponuditi dodatne pojedinosti kada kupac prijeđe mišem preko slike proizvoda na stranicama kategorije.
Na primjer, ova stranica prikazuje pojedinosti o proizvodu i gumb za dodavanje u košaricu pri lebdenju mišem:
Svrha ove taktike je dati korisnicima ključne informacije na prvi pogled. Najbolje funkcionira kada očekujete da će korisnici brzo pregledavati veliki broj proizvoda, kao na primjer u trgovinama odjećom. Možda neće raditi za druge kategorije, ali svejedno možete pokrenuti nekoliko split testova i vidjeti rezultate.
U Ecwidu, možete omogućiti gumbe "Kupite sada" na popisima proizvoda kako biste svojim kupcima pomogli u brzom pregledavanju (i kupiti) svoje proizvode.
Kada kupac klikne takav gumb, vaša trgovina neće otvoriti cijelu stranicu proizvoda. Umjesto toga, vaš će kupac vidjeti skočni prozor s opcijama proizvoda:
Ako vaš proizvod nema mogućnosti, ići će ravno u kolica.
Zaključak
Kada je u pitanju raspored proizvoda, najbolje je držati se konvencije i slijediti ono što tržišni lideri već rade. Detaljno katalogizirajte svoje proizvode, temeljito ih kategorizirajte, then organize them out in a standard grid layout.
The best practices shared above will work for most stores across sectors. Try them at your own store!
- How to Fix Your Store’s Navigation
- Sve što trebate znati o prodaji proizvoda
- Online Merchandising: How to Layout Products in Online Store
- What is Fashion Merchandising, and Why Is It So Important?
- 10 Pogreške u dizajnu internetskih trgovina
- 15 Savršeni parovi fontova za vašu web-lokaciju e-trgovine
- Teorija boja: Sve što trebate znati o temama boja
- 7 Kreativne ideje za vašu stranicu proizvoda e-trgovine
- Moć slike heroja u web dizajnu
- UX načela koja morate slijediti u internetskoj trgovini
- Revizija dizajna web stranica
- Unlocking the Power of UX Design for Ecommerce
- Koja je razlika između UI i UX u e-trgovini?