Jeste li se ikada zapitali zašto trgovine mješovitom robom stavljaju mlijeko u stražnji dio trgovine, a čokolade blizu blagajni?
Jednostavno: postavljanje osnovnih potrepština u stražnji dio trgovine potiče kupce da hodaju okolo i pregledavaju druge proizvode. Stavljanje malih predmeta (kao što su čokolade) blizu kase 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 kupcima da brže pronađu ono što žele.
Vaša online trgovina nije ništa drugačija. Organizacija i raspored vaših proizvoda imaju velik utjecaj na to što (i kako) kupci kupuju od vas.
U ovom ćemo vam članku pokazati 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
1. Izbor
Izbor je a
Učinkovit izgled proizvoda u biti je proces balansiranja ove dualnosti. Odnosno: ostavljajući dojam obilja izbora, a istovremeno održavajući stranicu jednostavnom za korištenje i navigaciju.
Znanost kaže da je donošenje odluka psihički naporno. Kada suočite kupce s previše izbora, oni vjerojatno neće napraviti nikakav 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, primijetite kako Made.com koristi zasebne slike za cijele kategorije proizvoda (kao što je "vrtni namještaj"):
Zamislite ovo kao zadirkivanje za privlačenje kupaca.
U idealnom slučaju, željeli biste zadržati svoj
Prema tome, prije nego započnete proces postavljanja, navedite sljedeće:
- Vaš cijeli asortiman proizvoda i njihove kategorije i potkategorije
- Funkcionalne kategorije kao što su "najprodavaniji proizvodi", "istaknuti proizvodi" itd. i proizvodi u njima.
Sljedeći korak je korištenje ovih informacija za konstrukciju a
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 web stranici, možete dodati navigacijski izbornik dodavanjem dijela koda:
- za horizontalni raspored
- za vertikalni raspored.
Ovdje su dodane upute za Ecwid trgovine WordPress i Wix web stranice, također. Na Ecwid Instant stranici dostupan je samo horizontalni izbornik.
2. Informacije o proizvodu
Evo još jedne radnje ravnoteže koju 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. Zapitajte se: što minimum informacija moraju 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: naziv proizvoda, cijena (uključujući popust), ocjena i glavna dostupnost:
U Ecwidu možete dodati slične ocjene i recenzije uz pomoć aplikacije Stampled.io.
Iako su ove informacije neophodne za velike trgovce poput Amazona, za manje tvrtke poput Nakit od pijeska i kamena, ocjene nisu toliko važne. Stoga stranice kategorije prikazuju samo naziv i cijenu proizvoda.
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 velik utjecaj na izgled vašeg proizvoda.
An
- Početna
- Kategorije i stranice za pretraživanje
- Pojedinačne stranice proizvoda
Koje proizvode odaberete za izlaganje na svakom
Na primjer, primijetite 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 promociju za Očev dan imajući na umu svoju većinom mušku klijentelu.
Fokusiraj se na:
- Utvrdite koje proizvode želite da kupci kupe (u idealnom slučaju vaše najprodavanije proizvode i/ili proizvode s najvećom maržom)
- Održavanje jedinstvenosti dizajna u različitim
vrste 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 najboljih praksi za E-commerce Izgled proizvoda
Iako sigurno možete stvoriti jedinstvenu shemu izgleda za svoj
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 predstavlja 80% cjelokupne pozornosti gledatelja na većini stranica.
S obzirom na vrstu pozornosti koju ovaj prostor dobiva, dobra je ideja staviti svoje vrhunske proizvode na gornju stranu. To može uključivati:
- Najnovije ponude, rasprodaje i popusti
- Najprodavaniji proizvod ili kategorije proizvoda
- Nedavno lansirani proizvodi (najbolje radi na početku sezone kupovine)
On 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ž marke s opcijom "Kupujte muškarce" ili "Kupujte žene".
Ova taktika funkcionira kada pokušavate promovirati viziju robne marke s lookbookom. Većina će trgovaca, međutim, bolje proći s konvencionalnim
Slijedite istu ideju na stranicama kategorija: gurajte svoje
2. Pomiješajte vodoravne i okomite rasporede
U osnovi 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 dalje 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
Nasuprot tome, okomiti izgled nema ove gumbe za pomicanje. Umjesto toga, sve više i više proizvoda vidite u a
U idealnom slučaju, trebali biste koristiti kombinaciju oba ova izgleda:
- Horizontalni raspored kada želite prikazati nekoliko proizvoda iz puno kategorija, kao što su nedavno pregledani proizvodi
- 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 ćete htjeti biti nekonvencionalan 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. Konvencionalan raspored osigurava da pronađu ono što žele i da se ne dezorijentiraju.
Konvencije se, naravno, razlikuju od sektora do sektora. Međutim, morate uzeti u obzir nekoliko stvari:
Koristite raspored mreže
U rasporedu mreže proizvodi su raspoređeni
Ovaj je raspored dugo bio konvencija
Kada koristite ovaj raspored, pobrinite se 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 čak 17%.
Ako prodajete s Ecwidom, to vam nije problem — Ecwid ima mrežu jednake veličine koja se automatski prilagođava različitim ekranima.
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 s početne stranice, ovako:
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
Online, jedini način da prikažete svoje proizvode je putem vizualnih sadržaja. Zbog toga je poznato da velike slike proizvoda potiču
Međutim, iako su vizualni elementi važni, vaš izgled također treba imati mjesta za opisni tekst. Dobar primjerak ne samo da opisuje proizvod, već pomaže u prodaji njega i vaše marke.
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. Vaš bi izgled korisnicima trebao pružiti sve ključne informacije koje su im potrebne za donošenje odluke na gornjoj polovici stranice. To bi trebalo uključivati:
- Cijena (uključujući popust, prikazano vizualno)
- Ocjena proizvoda i broj recenzija
- Imena proizvoda i marki
- Je li proizvod na zalihi (i je li zaliha pri kraju)
- Detalji dostave
2-3 ključne pojedinosti o proizvodu
Ovo je primjer kako ne rasporediti proizvode. Stranica proizvoda uopće nema kopije — teško je donijeti odluku.
Kao i kod većine stvari, Amazonov izgled je ovdje savršen, pružajući kupcima sve što im je potrebno za donošenje odluke.
5. Dodajte preporuke proizvoda i srodne proizvode
Na stranicama proizvoda imate dva cilja:
- Dovedite kupca na stranicu za naplatu ili
- Potaknite kupca da pogleda drugi proizvod
Za ovo drugo, trebali ste odjeljak za preporučene ili povezane proizvode. Ovo možete staviti ili iza informacija o proizvodu ili prije njih.
Amazon to čini posebno dobro. Primijetite povezane proizvode i popise "također pregledano" ispod preloma:
Ako imate više proizvoda u istoj kolekciji, svakako ih također izložite. Evo dobrog primjera sa WorldMarketa:
Povezani popisi 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 način poboljšanja
Na primjer, ovaj site 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 velik broj proizvoda, primjerice u trgovinama odjećom. Možda neće raditi za druge kategorije, ali ipak možete pokrenuti nekoliko podijeljenih testova i vidjeti rezultate.
U Ecwidu možete omogućiti gumbe "Kupite sada" na popisima proizvoda kako biste svojim kupcima pomogli da brzo pregledaju (i kupe) vaše 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 opcije, otići će ravno u košaricu.
Zaključak
Kada je riječ o izgledu proizvoda, najbolje je držati se konvencije i slijediti ono što tržišni lideri već rade. Detaljno katalogizirajte svoje proizvode, temeljito ih kategorizirajte, a zatim ih organizirajte u standardni raspored mreže.
Gore navedeni najbolji primjeri iz prakse funkcionirat će za većinu trgovina u različitim sektorima. Isprobajte ih u vlastitoj trgovini!
- Kako popraviti navigaciju svoje trgovine
- Sve što trebate znati o prodaji proizvoda
- Online trgovina: Kako rasporediti proizvode u online trgovini
- Što je modni merchandising i zašto je toliko važan?
- 10 grešaka u dizajnu internetskih trgovina
- 15 savršenih parova fontova za vašu web-lokaciju za e-trgovinu
- Teorija boja: Sve što trebate znati o temama boja
- 7 kreativnih ideja za vašu stranicu proizvoda e-trgovine
- Moć slike heroja u web dizajnu
Must-have UX načela koja treba slijediti u internetskoj trgovini- Revizija dizajna web stranice
- Otključavanje snage UX dizajna za e-trgovinu
- Koja je razlika između UI i UX u e-trgovini?