Har du nogensinde spekuleret over, hvorfor købmandsforretninger placere mælk på bagsiden af butikken og chokolade nær kassen?
Enkel: placere væsentlige på bagsiden af butikken tilskynder shoppere til at gå rundt og gennemse andre produkter. Placering af småting (ligesom chokolade) nær kassen fremmer impulskøb.
This is all a part of the science of store design. Det right store layout can boost sales, forbedre loyalitet og hjælpe kunder med at finde, hvad de ønsker hurtigere.
Din online butik er ikke noget anderledes. Organisationen og layout af dine produkter har en stor indvirkning på, hvad (og hvor) kunder købe hos dig.
I denne artikel, vi vil vise dig, hvordan at layout dine produkter for at maksimere salg og konverteringer.
3 Ting at overveje, når du vælger et produkt layout
Produkt layout kan lyde som en simpel problem, når du først nærmer det. Imidlertid, ligesom de fleste ting i e-handel, kompleksiteten dukke op, når du dykker ned i detaljerne. Der er tre ting, du skal overveje, når du vælger et produkt layout:
1. Valg
Choice er et tveægget sværd for e-handel butikker. Manglen på valg betyder, at du begrænser mulighederne. Alt for mange valg, imidlertid, og du vil forlade besøgende forveksles.
Effektiv produkt layout er hovedsagelig en proces med at balancere denne dobbelthed. Det er: giver indtryk af rigelig valg, mens den stadig beholder sitet let at bruge og navigere.
siger videnskabsminister at beslutningsprocessen er mentalt beskatte. Når du konfrontere shoppere med alt for mange valg, de er tilbøjelige til ikke at træffe et valg på alle.
Så hvordan kan du løse dette problem i din butik layout?
En løsning er at bruge Udvalgte billeder der fører til yderligere produkter. For eksempel, varsel, hvordan Made.com bruger separate billeder til hele produktkategorier (såsom ”havemøbler”):
Tænk på dette som en teaser til at lokke i shoppere.
Ideelt, du ønsker at holde din bedst sælgende eller mest ønskede produkter front og center.
Derfor, før du starter layout processen, liste ud følgende:
- Din hele produktsortiment og deres respektive kategorier og underkategorier
- Funktionelle kategorier såsom ”bedst sælgende produkter”, "Udvalgte produkter", etc. og produkterne i dem.
Det næste skridt er at bruge disse oplysninger til at konstruere en velorganiseret navigations menu. Bemærk, hvordan Amazon organiserer produkter i kategorier i dens menu.
Gør dette vil hjælpe shoppere finde, hvad de ønsker uden overvældende dem med alt for mange valg.
Hvis din Ecwid butik føjes til et websted, du kan tilføje en navigationsmenu ved at tilføje et stykke kode:
- for a horizontal layout
- til en lodret layout.
Here are the instructions for Ecwid stores added on WordPress og Wix hjemmesider, også. På Ecwid Øjeblikkelig site, den vandrette menu er kun tilgængelig.
2. Produkt information
Her er en anden balancegang du bør udføre, når du vælger en butik layout: viser produktinformation.
Du ønsker at give kunderne de oplysninger, de har brug for at klikke sig igennem og foretage et køb. På samme tid, du ikke ønsker at overvælde dem med for mange detaljer – i hvert fald ikke før de er på selve produktsiden.
Din mentale model i denne situation bør være at lette beslutningsprocessen og pique kundeinteresse. Spørge dig selv: hvad minimumsoplysninger gør mine kunder har brug for at klikke sig igennem på et produkt?
Du vil opdage, at dette svar varierer fra butik til butik og produkt til produkt.
For eksempel, varsel, hvordan Amazon giver dig blot fire informationspunkter på kategorisiden: produktnavn, pris (herunder rabat), rating og Prime tilgængelighed:
I Ecwid, du kan tilføje lignende vurderinger og anmeldelser med hjælp fra Stampled.io app.
Selvom denne information er nødvendig for en stor detailhandler som Amazon, til mindre virksomheder som Sand & sten smykker, ratings er ikke så vigtigt. Derfor, kategorien sider viser kun produktnavn og pris.
Det er nemt at falde i fælden med at give væk for lidt information i kategori sider. Den bedste måde at undgå dette er at interviewe dine kunder og spørge dem, hvilke oplysninger de bruger til at gøre købsbeslutninger.
3. Store design
Hvordan du har designet din butik vil have en stor indflydelse på dit produkt layout.
En e-handel butik vil typisk have tre centrale sider:
- Hjemmeside
- Kategori og søgesider
- Enkelte produktsider
Hvilke produkter, du vælger at showcase på hver side-type vil beslutte, hvilke produkter dine kunder ender med at købe.
For eksempel, Bemærk hvordan Amazon fremmer sine egne produkter på sin hjemmeside, hvis du ikke har logget ind:
Det er almindeligt, at butikkerne for at fremme seneste tilbud på hjemmesiden. Sørg for at tilpasse disse tilbud med din målgruppe. BestMadeCo, for eksempel, kører en Fars dag promo at glemme sin stort set mandlige klientel.
Fokus på:
- At finde ud, hvilke produkter du ønsker kunderne at købe (ideelt set din bedst sælgende, og / eller højeste margin produkter)
- Fastholdelse design ensartethed på tværs af forskellige side-typer.
Uanset om du vælger at fremhæve dine bedste sælgere eller nyankomne, Ecwid kan du oprette en kategori for udvalgte produkter på hjemmesiden og navngive det efter dine behov.
6 Best Practices for E-handel Produkt layout
Mens du sikkert kan skabe et unikt layout ordning for din e-handel butik, det hjælper at følge et par bedste praksis.
1. Skub top produkter og tilbud over folden
Den ’over folden’ område er skærmen fast ejendom synlig, når kunderne først lander på dit site. Faktisk, dette område tegner sig for 80% af al seeren opmærksomhed på de fleste steder.
I betragtning af den form for opmærksomhed dette rum får, er det en god ide at placere din top produkter over folden. Dette kan omfatte:
- Seneste tilbud, salg og rabatter
- Bedst sælgende produkt eller produktkategorier
- For nylig lancerede produkter (fungerer bedst i starten af en shopping sæson)
På Target.com, for eksempel, du vil se de nyeste tilbud øverst på siden:
Hvis du har en masse tilbud, overveje at tilføje en skyder, som i dette eksempel fra Walmart. Bemærk også de kampagner, der kører under navigationsmenuen:
Nogle mode detailhandlere undg konventionelle layout ind for at fremme et image. På ASOS, for eksempel, du får et image med en mulighed for at ’Filtrering Men’ eller ’Filtrering Women’.
Denne taktik virker, når du forsøger at fremme et brand vision med en lookbook. De fleste forhandlere, imidlertid, vil gøre det bedre med et traditionelt produkt-først over skillelinjen layout.
Følg samme idé på kategori sider: skubbe din bedst sælgende og top-rated produkter over folden. For eksempel, tjek Amazons kategori sider:
2. Bland vandrette og lodrette layout
Der er grundlæggende to måder, du kan layoutet dine produkter på en side: vandret eller lodret.
En kontoform forbliver statisk. Der er en knap på kanten af siden for at rulle lister yderligere.
Dette eksempel fra Amazon illustrerer tingene bedre:
I Ecwid, nylig viste produkter er også vist horisontalt. Du kan vælge det antal emner at vise dem på toppen eller i bunden af din butiksfacade.
Relaterede produkter er et andet horisontalt orienteret sektion. Produkter i denne gruppe er sat op individuelt for hvert produkt, der giver mulighed for at målrette dine kunder med meget relevante tilføjelser til deres ordrer. Du kan vise dem på produktsider og på vognen siden.
I modsætning, en lodret layout ikke har disse rulleknapper. I stedet, du ser flere og flere produkter i et gitter-lignende justering, når du ruller ned. Sådan her:
Ideelt, du skal bruge en blanding af begge disse layouts:
- Vandret layout, når du vil vise et par produkter fra masser af kategorier, såsom i Nylig Så Produkter
- Lodret layout, når du vil vise masser af produkter fra samme kategori, søgning og kategori såsom en sider
3. Følg konvention og brugernes forventninger
Der er situationer, hvor du ønsker at være utraditionel med dit design. produkt layout Det er ikke en af dem.
Dit produkt layout er beregnet til at orientere brugerne, når de lander på dit site. En konventionel layout sikrer, at de finder det, de ønsker, og ikke bliver desorienteret.
konventioner, selvfølgelig, varierer fra sektor til sektor. Imidlertid, der er et par ting, du skal overveje:
Brug et gitter layout
I et gitter layout, produkter er anbragt i lige store rektangulære kasser, sådan her:
Dette layout har længe været den konvention for e-handels-websteder. Ikke alene ville dine kunder allerede være bekendt med det, det er også godt til at vise produkter. Yderligere, det skalerer godt – du kan vise bare en kasse på små skærme, eller udvide til flere kasser på større virksomheder.
Ved brug af dette layout, sørg for at holde kasserne lige store. Som denne case study shows, ved hjælp af lige store kasser kan øge omsætningen per besøgende med så meget som 17%.
Hvis du sælger med Ecwid, det er ikke et problem for dig - Ecwid har en lige så store gitter, der automatisk tilpasser sig forskellige skærme.
Vis navigation i toppen af produktlister
En anden konvention, du bør følge, er at placere dine sorteringsmuligheder øverst på siden.
Kunderne er kommet til at forvente, at denne placering og vil naturligvis kigge her, når de lander på en kategori side.
Orient kunder med rasp
Rasp er navigations elementer, der viser brugere deres vej fra hjemmesiden, sådan her:
Tilføjelse dem til at øverst på siden hjælper orient besøgende. Det fortæller dem, hvad side eller kategori, de er i, og hvordan de kan gå tilbage til hjemmesiden.
4. Fokus på visuelle, men glem ikke teksten på produktsider
Online, den eneste måde at vise dine produkter er gennem visuelle. Dette er grunden til store produktbilleder er kendt for at sætte skub i e-handel konverteringer.
Imidlertid, mens visuelle er vigtigt, dit layout skal også have plads til beskrivende tekst. God kopi ikke kun beskriver selv sit produkt, men også hjælper sælge det og dit brand.
For eksempel, overveje, hvordan BestMadeCo bruger stærk kopi på sin hjemmeside til at sælge et nyligt lancerede produkt. Layoutet hjælper teksten play off mod billedet perfekt.
Produkt kopi er særlig vigtig på produktsider. Din layout bør give kunderne alle de vigtigste oplysninger, de har brug for at træffe en beslutning lige over folden. Dette bør omfatte:
- Pris (herunder rabat, repræsenteret visuelt)
- Produkt anmeldelser og antallet af anmeldelser
- Produkt- og mærkenavne
- Om produktet er på lager (og om bestanden er ved at løbe tør)
- Forsendelsesdetaljer
- 2-3 vigtige produktoplysninger
Dette er et eksempel på hvordan man ikke skal layout produkter. Produktet har ingen kopi overhovedet - det er svært at træffe en beslutning.
Som med de fleste ting, Amazons layout er perfekt her, give kunderne alt, hvad de har brug for at træffe en beslutning.
5. Tilføj produkt anbefalinger og relaterede produkter
På produktsider, du har to mål:
- Få kunden til kassen siden, eller
- Få kunden til at se et andet produkt
For sidstnævnte, du skulle have en anbefalet eller beslægtede produkter sektion. Du kan placere dette enten efter produktinformationen eller før det.
Amazon gør dette særligt godt. Læg mærke til de relaterede produkter og ”også på” visninger under skillelinjen:
Hvis du har flere produkter i samme samling, sørg for at vise dem så godt. Her er et godt eksempel fra WorldMarket:
Relaterede produktlister behøver ikke altid at være visuel. Du kan også vise relaterede søgninger til direkte kunder til ting, de kunne være interesseret i.
Eksperimenter med forskellige layouts til relaterede / anbefalede produkter. Prøv at placere dem over sidefoden, under produktbeskrivelse, etc.
6. Eksperimenter med mouseover detaljer på kategori sider
En måde at forbedre click-through satser er at tilbyde yderligere detaljer, når en kunde flytter sin musen over et produkt billede på kategori sider.
For eksempel, dette site viser produktdetaljer og en add til indkøbskurv knap på musen hover:
Formålet med denne taktik er at give brugerne centrale oplysninger på et øjeblik. Det fungerer bedst, når du forventer brugere til at gennemse en lang række produkter hurtigt, såsom i tøjbutikker. Det er måske ikke arbejde for andre kategorier, men du kan stadig køre et par split tests og se resultaterne.
I Ecwid, kan du aktivere ”Køb nu” knapperne på produktlister til at hjælpe dine kunder hurtigt gennemse (og købe) dine produkter.
Når en kunde klikker sådan en knap, din butik vil ikke åbne hele produktsiden. I stedet, din kunde vil se en popup med produktmuligheder:
Hvis dit produkt ikke har muligheder, det vil gå direkte til vognen.
Konklusion
Når det kommer til produkt layout, er det bedst at holde sig til konventionen og følge, hvad markedsledere allerede gør. Katalog dine produkter i detaljer, kategorisere dem grundigt, derefter organisere dem ud i en standard gitter layout.
Den bedste praksis deles over vil arbejde for de fleste butikker på tværs af sektorer. Try them at your own store!
- Sådan Fix din Stores Navigation
- Alt du behøver at vide om produktsalg
- Online Merchandising: Sådan layouter du produkter i onlinebutik
- Hvad er Fashion Merchandising, og hvorfor er det så vigtigt?
- 10 Designfejl i onlinebutikker
- 15 Perfekte skrifttypeparringer til dit e-handelswebsted
- Farve teori: Alt du behøver at vide om farvetemaer
- 7 Kreative ideer til din e-handelsproduktside
- Styrken ved et heltebillede i webdesign
- Must-Have UX-principper at følge i en onlinebutik
- Revision af hjemmesidedesign
- Frigør kraften ved UX-design til e-handel
- Hvad er forskellen mellem UI og UX i e-handel?
