Har du noen gang lurt på hvorfor dagligvarebutikker plasserer melk på baksiden av butikken og sjokolade i nærheten av kassen?
Enkelt: Plassering av nødvendigheter bak i butikken oppmuntrer kjøpere til å gå rundt og bla gjennom andre produkter. Plassering av små gjenstander (som sjokolade) nær kassen oppmuntrer til impulskjøp.
Alt dette er en del av vitenskapen om butikkdesign. De rett butikkoppsett kan øke salget, forbedre lojaliteten og hjelpe kundene å finne det de vil ha raskere.
Din nettbutikk er ikke annerledes. Organiseringen og utformingen av produktene dine har stor innvirkning på hva (og hvordan) kunder kjøper fra deg.
I denne artikkelen viser vi deg hvordan du legger ut produktene dine for å maksimere salg og konverteringer.
3 ting du bør vurdere når du velger et produktoppsett
Produktlayout kan høres ut som et enkelt problem når du først nærmer deg det. Men som det meste i
1. Valg
Valget er en
Effektiv produktlayout er i hovedsak en prosess for å balansere denne dualiteten. Det vil si: gir inntrykk av rikelig med valgmuligheter, samtidig som nettstedet er enkelt å bruke og navigere.
Vitenskapen sier at beslutningstaking er mentalt belastende. Når du konfronterer kjøpere med for mange valg, er det sannsynlig at de ikke tar et valg i det hele tatt.
Så hvordan overvinner du dette problemet i butikkoppsettet ditt?
En løsning er å bruke fremhevede bilder som fører til flere produkter. Legg for eksempel merke til hvordan Made.com bruker separate bilder for hele produktkategorier (som "hagemøbler"):
Tenk på dette som en teaser for å lokke kunder.
Ideelt sett ønsker du å beholde din
Derfor, før du starter layoutprosessen, liste opp følgende:
- Hele produktutvalget ditt og deres respektive kategorier og underkategorier
- Funksjonelle kategorier som "bestselgende produkter", "utvalgte produkter" osv. og produktene i dem.
Det neste trinnet er å bruke denne informasjonen til å konstruere en
Å gjøre dette vil hjelpe kjøpere å finne det de vil ha uten å overvelde dem med for mange valg.
Hvis Ecwid-butikken din er lagt til et nettsted, kan du legge til en navigasjonsmeny ved å legge til en kodebit:
- for en horisontal layout
- for en vertikal layout.
Her er instruksjonene for Ecwid-butikker lagt til WordPress og Wix nettsteder også. På Ecwid Instant Site er den horisontale menyen bare tilgjengelig.
2. Produktinformasjon
Her er en annen balansegang du bør utføre når du velger et butikkoppsett: vise produktinformasjon.
Du ønsker å gi kundene den informasjonen de trenger for å klikke seg gjennom og foreta et kjøp. Samtidig vil du ikke overvelde dem med for mange detaljer — i hvert fall ikke før de er på selve produktsiden.
Din mentale modell i denne situasjonen bør være å lette beslutningstaking og vekke kundenes interesse. Spør deg selv: hva minimumsinformasjon trenger kundene mine å klikke seg gjennom et produkt?
Du vil finne at dette svaret varierer fra butikk til butikk og produkt til produkt.
Legg for eksempel merke til hvordan Amazon gir deg bare fire informasjonspunkter på kategorisiden: produktnavn, pris (inkludert rabatt), vurdering og Prime-tilgjengelighet:
I Ecwid kan du legge til lignende vurderinger og anmeldelser ved hjelp av Stampled.io-appen.
Selv om denne informasjonen er nødvendig for en stor forhandler som Amazon, for mindre bedrifter som Sand og steinsmykker, vurderinger er ikke like viktige. Derfor viser kategorisidene kun produktnavn og pris.
Det er lett å gå i fellen med å gi bort for lite informasjon på kategorisider. Den beste måten å unngå dette på er å intervjue kundene dine og spørre dem hvilken informasjon de bruker for å ta kjøpsbeslutninger.
3. Butikkdesign
Hvordan du har designet butikken din, vil ha stor innvirkning på produktoppsettet ditt.
An
- Hjemmeside
- Kategori- og søkesider
- Individuelle produktsider
Hvilke produkter du velger å vise frem på hver
Legg for eksempel merke til hvordan Amazon markedsfører sine egne produkter på hjemmesiden sin hvis du ikke har logget på:
Det er vanlig at butikker promoterer siste tilbud på hjemmesiden. Sørg for å tilpasse disse tilbudene til målgruppen din. BestMadeCo, for eksempel, kjører en farsdagskampanje med tanke på det stort sett mannlige klientellet.
Fokuser på:
- Finn ut hvilke produkter du vil at kundene skal kjøpe (ideelt sett dine bestselgende produkter og/eller produktene med høyest margin)
- Opprettholde ensartet design på tvers av ulike
sidetyper.
Enten du bestemmer deg for å fremheve bestselgerne dine eller nye ankomster, lar Ecwid deg lage en kategori for utvalgte produkter på hjemmesiden og navngi den etter dine behov.
6 beste fremgangsmåter for E-handel Produktoppsett
Mens du sikkert kan lage et unikt layoutskjema for din
1. Skyv toppprodukter og tilbud over bretten
"Above the fold"-området er eiendommen på skjermen som er synlig når kundene først lander på nettstedet ditt. Faktisk står dette området for 80 % av all seeroppmerksomhet på de fleste nettsteder.
Gitt den type oppmerksomhet denne plassen får, er det en god idé å plassere toppproduktene dine over bretten. Dette kan inkludere:
- Siste tilbud, salg og rabatter
- Bestselgende produkt eller produktkategorier
- Nylig lanserte produkter (fungerer best i starten av en shoppingsesong)
On Target.com, for eksempel, vil du se de siste tilbudene øverst på siden:
Hvis du har mange tilbud, bør du vurdere å legge til en glidebryter, som dette eksempelet fra Walmart. Legg også merke til kampanjene som kjører under navigasjonsmenyen:
Noen moteforhandlere unngår konvensjonelle oppsett til fordel for å fremme et merkevarebilde. På ASOS, for eksempel får du et merkevarebilde med alternativet "Shop Men" eller "Shop Women".
Denne taktikken fungerer når du prøver å fremme en merkevarevisjon med en lookbook. De fleste forhandlere vil imidlertid gjøre det bedre med en konvensjonell
Følg den samme ideen på kategorisider: push your
2. Bland horisontale og vertikale oppsett
Det er i hovedsak to måter du kan layoute produktene dine på en hvilken som helst side: horisontalt eller vertikalt.
En horisontal layout forblir statisk. Det er en knapp på kanten av siden for å bla gjennom oppføringene videre.
Dette eksemplet fra Amazon illustrerer ting bedre:
I Ecwid, nylig viste produkter vises også horisontalt. Du kan velge antall varer som skal vises øverst eller nederst på butikkfronten.
Relaterte produkter er en annen
I motsetning til dette har ikke en vertikal layout disse rulleknappene. I stedet ser du flere og flere produkter i en
Ideelt sett bør du bruke en blanding av begge disse layoutene:
- Horisontal layout når du vil vise noen få produkter fra mange kategorier, for eksempel i Nylig viste produkter
- Vertikal layout når du vil vise mange produkter fra samme kategori, for eksempel ett søk og kategorisider
3. Følg konvensjonen og brukernes forventninger
Det er situasjoner når du ønsker å være ukonvensjonell med designet ditt. Produktoppsettet er ikke en av dem.
Produktoppsettet ditt er ment å orientere brukere når de lander på nettstedet ditt. En konvensjonell layout sikrer at de finner det de vil ha og ikke blir desorienterte.
Konvensjonene varierer selvfølgelig fra sektor til sektor. Det er imidlertid et par ting du må vurdere:
Bruk et rutenettoppsett
I et rutenettoppsett er produktene ordnet i
Denne layouten har lenge vært konvensjonen for
Når du bruker dette oppsettet, sørg for å holde boksene like store. Som denne casestudien viser, kan bruk av like store bokser øke inntekten per besøkende med så mye som 17 %.
Hvis du selger med Ecwid, er ikke det et problem for deg — Ecwid har et rutenett av samme størrelse som automatisk tilpasser seg forskjellige skjermer.
Vis navigasjon øverst i produktoppføringene
En annen konvensjon du bør følge er å plassere sorteringsalternativene dine øverst på siden.
Kunder har begynt å forvente denne plasseringen og vil naturligvis se her når de lander på en kategoriside.
Orienter kunder med brødsmuler
Brødsmuler er navigasjonselementer som viser brukerne deres vei fra hjemmesiden, slik:
Å legge dem til øverst på siden hjelper til med å orientere besøkende. Den forteller dem hvilken side eller kategori de er på og hvordan de kan gå tilbake til hjemmesiden.
4. Fokuser på det visuelle, men ikke glem teksten på produktsidene
På nett er den eneste måten å vise produktene dine på gjennom visuelle elementer. Dette er grunnen til at store produktbilder er kjent for å øke
Selv om det visuelle er viktig, bør oppsettet ditt også ha plass til beskrivende tekst. God kopi beskriver ikke bare produktet, men hjelper også med å selge det og merkevaren din.
Tenk for eksempel på hvordan BestMadeCo bruker sterk kopi på hjemmesiden sin for å selge et nylig lansert produkt. Oppsettet hjelper teksten til å spille perfekt mot bildet.
Produktkopi er spesielt viktig på produktsider. Oppsettet ditt skal gi kundene all nøkkelinformasjonen de trenger for å ta en avgjørelse rett over den synlige delen av nettsiden. Dette bør inkludere:
- Pris (inkludert rabatt, representert visuelt)
- Produktvurdering og antall anmeldelser
- Produkt- og merkenavn
- Hvorvidt produktet er på lager (og om lagerbeholdningen begynner å bli lite)
- Fraktdetaljer
2-3 viktige produktdetaljer
Dette er et eksempel på hvordan man ikke skal layoute produkter. Produktsiden har ingen kopi i det hele tatt - det er vanskelig å ta en avgjørelse.
Som med de fleste ting, er Amazons layout perfekt her, og gir kundene alt de trenger for å ta en beslutning.
5. Legg til produktanbefalinger og relaterte produkter
På produktsidene har du to mål:
- Få kunden til betalingssiden, eller
- Få kunden til å se et annet produkt
For sistnevnte bør du ha en anbefalt eller relatert produktseksjon. Du kan plassere denne enten etter produktinformasjonen eller før den.
Amazon gjør dette spesielt godt. Legg merke til de relaterte produktene og "som også er vist"-oppføringer nedenfor:
Hvis du har flere produkter i samme kolleksjon, sørg for å vise dem også. Her er et godt eksempel fra WorldMarket:
Relaterte produktoppføringer trenger ikke alltid være visuelle. Du kan også vise relaterte søk for å lede kunder til varer de kan være interessert i.
Eksperimenter med ulike oppsett for relaterte/anbefalte produkter. Prøv å plassere dem over bunnteksten, under produktbeskrivelsen osv.
6. Eksperimenter med mouseover-detaljer på kategorisider
En måte å forbedre seg på
For eksempel, dette nettstedet viser produktdetaljer og en legg til i handlekurv-knapp ved musepeker:
Hensikten med denne taktikken er å gi brukerne nøkkelinformasjon på et øyeblikk. Det fungerer best når du forventer at brukerne skal bla raskt gjennom et stort antall produkter, for eksempel i klesbutikker. Det fungerer kanskje ikke for andre kategorier, men du kan fortsatt kjøre noen delte tester og se resultatene.
I Ecwid kan du aktivere "Kjøp nå"-knapper på produktlister for å hjelpe kundene dine raskt å bla gjennom (og kjøpe) produktene dine.
Når en kunde klikker på en slik knapp, vil ikke butikken din åpne hele produktsiden. I stedet vil kunden se en popup med produktalternativer:
Hvis produktet ditt ikke har alternativer, går det rett i handlekurven.
konklusjonen
Når det kommer til produktoppsett, er det best å holde seg til konvensjonen og følge hva markedsledere allerede gjør. Katalogiser produktene dine i detalj, kategoriser dem grundig, og organiser dem deretter i et standard rutenettoppsett.
De beste fremgangsmåtene som er delt ovenfor, vil fungere for de fleste butikker på tvers av sektorer. Prøv dem i din egen butikk!
- Slik fikser du butikkens navigering
- Alt du trenger å vite om produktsalg
- Online Merchandising: Slik legger du opp produkter i nettbutikken
- Hva er motevarehandel, og hvorfor er det så viktig?
- 10 designfeil i nettbutikker
- 15 perfekte skrifttyper for nettstedet ditt for netthandel
- Fargeteori: Alt du trenger å vite om fargetemaer
- 7 kreative ideer for e-handelsproduktsiden din
- Kraften til et heltebilde i webdesign
Må-ha UX-prinsipper å følge i en nettbutikk- Revisjon av nettsteddesign
- Låser opp kraften i UX-design for e-handel
- Hva er forskjellen mellom UI og UX i e-handel?
