Kas olete kunagi mõelnud, miks toidupoed asetavad piima poe taha ja šokolaadid kassaleti lähedale?
Lihtne: hädavajalike asjade paigutamine poe tagaossa julgustab ostjaid ringi kõndima ja muid tooteid sirvima. Väikeste esemete paigutamine (nagu šokolaadid) kassaleti lähedal soodustab impulssoste.
See kõik on osa kaupluste kujundamise teadusest. The õige poe paigutus võib müüki suurendada, suurendada lojaalsust ja aidata klientidel leida soovitud kiiremini.
Teie veebipood ei erine millegi poolest. Teie toodete korraldusel ja paigutusel on suur mõju sellele, mida (ja kuidas) kliendid ostavad sinult.
Selles artiklis, näitame teile, kuidas oma tooteid müüki ja konversioone maksimeerida.
3 Asjad, mida toote paigutuse valimisel arvestada
Toote paigutus võib esmakordsel lähenemisel tunduda otsene probleem. Kuid, nagu enamik asju e-kaubanduses, keerukus ilmneb siis, kui sukeldute detailidesse. Toote paigutuse valimisel peate arvestama kolme asjaga:
1. Valik
Choice on e-poe jaoks kahe teraga mõõk. Valikuvõimaluste puudumine tähendab, et piirate võimalusi. Liiga palju valikuid, Kuid, ja jätate külastajad segadusse.
Tõhus tootepaigutus on sisuliselt selle duaalsuse tasakaalustamise protsess. See on: jättes mulje rikkalikust valikust, säilitades samal ajal saidi hõlpsa kasutamise ja navigeerimise.
Teadus ütleb et otsuste tegemine on vaimselt koormav. Kui panete ostjad silmitsi liiga paljude valikutega, nad ei pruugi üldse valikut teha.
Niisiis, kuidas saate oma poe paigutuse probleemist üle saada?
Üks lahendus on kasutada esiletõstetud pilte, mis viivad lisatoodeteni. Näiteks, pane tähele, kuidas Made.com kasutab kogu tootekategooria jaoks eraldi pilte (nagu "aiamööbel"):
Mõelge sellele kui kiusamisele ostjate meelitamiseks.
Ideaalis, soovite hoida oma enimmüüdud või ihaldatuimad tooted esi- ja keskpunktis.
Seetõttu, enne küljendusprotsessi alustamist, loetlege järgmised:
- Kogu teie tootevalik ja nende vastavad kategooriad ja alamkategooriad
- Funktsionaalsed kategooriad, nagu "enimmüüdud tooted", "Soovitatavad tooted", jne. ja neis olevad tooted.
Järgmine samm on kasutada seda teavet hästi organiseeritud navigeerimismenüü koostamiseks. Pange tähele, kuidas Amazon korraldab tooted oma menüüs kategooriatesse.
See aitab ostjatel leida, mida nad soovivad, ilma et nad koormaksid neid liigsete valikutega.
Kui teie Ecwidi pood lisatakse veebisaidile, saate lisada navigeerimismenüü koodilõigu lisamisega:
- for a horizontal layout
- vertikaalse paigutuse jaoks.
Here are the instructions for Ecwid stores added on WordPress ja Wix veebisaidid, ka. Ecwidi kiirsaidil, saadaval on ainult horisontaalne menüü.
2. Tooteteave
Siin on veel üks tasakaalustav toiming, mida peaksite poe paigutuse valimisel tegema: tooteteabe näitamine.
Soovite anda klientidele teavet, mida nad vajavad klikkimiseks ja ostu sooritamiseks. Samal ajal, te ei taha neid liiga paljude detailidega üle koormata – vähemalt mitte enne, kui need on tegelikul tootelehel.
Teie vaimne mudel selles olukorras peaks olema otsuste tegemise hõlbustamine ja klientide huvi äratamine. Küsi endalt: mida minimaalne teave kas mu kliendid peavad tootel klikkima?
Leiate, et see vastus on kaupluste ja toodete lõikes erinev.
Näiteks, pange tähele, kuidas Amazon annab teile kategoorialehel vaid neli teabepunkti: tootenimi, hind (sealhulgas allahindlus), reiting ja Prime saadavus:
Ecwidis, saate lisada sarnaseid hinnanguid ja arvustusi rakenduse Stampled.io abil.
Kuigi see teave on vajalik sellise suure jaemüüja jaoks nagu Amazon, väiksematele ettevõtetele nagu Liiv & Kivist ehted, hinnangud pole nii olulised. Seega, kategooria lehtedel kuvatakse ainult toote nimi ja hind.
Lihtne on sattuda sellesse lõksu, et kategoorialehtedel antakse liiga vähe teavet. Parim viis selle vältimiseks on küsitleda oma kliente ja küsida neilt, millist teavet nad ostuotsuste tegemisel kasutavad.
3. Kaupluse disain
See, kuidas olete oma poe kujundanud, mõjutab oluliselt teie toote paigutust.
E-kaubanduse poel on tavaliselt kolm põhilehte:
- Koduleht
- Kategooria- ja otsingulehed
- Üksikute toodete lehed
Milliseid tooteid valite igal lehetüübil esitleda, otsustab, milliseid tooteid teie kliendid lõpuks ostavad.
Näiteks, Pange tähele, kuidas Amazon reklaamib oma tooteid oma kodulehel, kui te pole sisse loginud:
Poed reklaamivad avalehel uusimaid pakkumisi. Joondage need pakkumised kindlasti oma sihtrühmaga. BestMadeCo, näiteks, korraldab isadepäeva reklaami, pidades silmas oma peamiselt meessoost klientuuri.
Keskendu:
- Selgitage välja, milliseid tooteid soovite, et kliendid ostaksid (ideaalis teie enimmüüdud, ja/või kõrgeima marginaaliga tooteid)
- Disaini ühtsuse säilitamine erinevate lehetüüpide lõikes.
Olenemata sellest, kas otsustate tõsta esile oma enimmüüdud või uued tulijad, Ecwid võimaldab teil luua kategooria esiletoodud tooted avalehel ja nimetage see vastavalt oma vajadustele.
6 E-kaubanduse toodete paigutuse parimad tavad
Kuigi saate kindlasti luua oma e-poe jaoks ainulaadse paigutusskeemi, see aitab järgida mõnda parimat tava.
1. Lükake top tooted ja pakkumised lehe kohale
Lehe ülaosa ala on ekraani kinnisvara, mis on nähtav, kui kliendid teie saidile esimest korda jõuavad. Tegelikult, see ala moodustab 80% vaatajate tähelepanust enamikul saitidel.
Arvestades seda, millist tähelepanu see ruum saab, on hea mõte paigutada oma parimad tooted lehe kohale. See võib hõlmata:
- Viimased pakkumised, müügid ja allahindlused
- Enim müüdud toode või tootekategooriad
- Hiljuti turule tulnud tooted (töötab kõige paremini ostuhooaja alguses)
Peal Target.com, näiteks, näete lehe ülaosas uusimaid pakkumisi:
Kui teil on palju pakkumisi, kaaluge liuguri lisamist, nagu see Walmarti näide. Pange tähele ka navigeerimismenüü all olevaid pakkumisi:
Mõned moemüüjad väldivad tavapäraseid paigutusi ja eelistavad kaubamärgi mainet edendada. Peal ASOS, näiteks, saate brändi kuvandi valikuga „Osta mehi” või „Osta naisi”.
See taktika töötab siis, kui proovite reklaamida brändi visiooni lookbooki abil. Enamik jaemüüjaid, Kuid, saab paremini hakkama tavapärase tootega – esiteks voldi kohal.
Järgige sama ideed kategoorialehtedel: lükake oma enimmüüdud ja kõrgeima reitinguga tooted lehe kohale. Näiteks, vaadake Amazoni kategooria lehti:
2. Segage horisontaalset ja vertikaalset paigutust
Tooteid saate igal lehel paigutada kahel viisil: horisontaalselt või vertikaalselt.
Horisontaalne paigutus jääb staatiliseks. Lehe servas on nupp kirjete edasiseks kerimiseks.
See Amazoni näide illustreerib asju paremini:
Ecwidis, hiljuti vaadatud tooted kuvatakse ka horisontaalselt. Saate valida kaupade arvu, mida kuvada oma poe üla- või alaosas.
Seotud tooted on veel üks horisontaalselt orienteeritud sektsioon. Selle grupi tooted seadistatakse individuaalselt iga tootelehe jaoks, mis võimaldab sihtida teie kliente nende tellimustele väga asjakohaste täiendustega. Saate neid kuvada tootelehtedel ja ostukorvi lehel.
Seevastu, vertikaalsel paigutusel neid kerimisnuppe pole. Selle asemel, allapoole kerides näete järjest rohkem tooteid ruudustikutaolises joonduses. Nagu nii:
Ideaalis, peaksite kasutama mõlema paigutuse kombinatsiooni:
- Horisontaalne paigutus, kui soovite näidata mõnda toodet paljudest kategooriatest, näiteks jaotises Hiljuti vaadatud tooted
- Vertikaalne paigutus, kui soovite kuvada palju tooteid samast kategooriast, nagu üks otsingu- ja kategoorialeht
3. Järgige tavasid ja kasutajate ootusi
On olukordi, kus soovite oma disainiga olla ebatavaline. Toote paigutus ei ole üks neist.
Teie toote paigutus on mõeldud kasutajate suunamiseks, kui nad teie saidile jõuavad. Tavapärane paigutus tagab, et nad leiavad selle, mida nad tahavad, ega lase end segada.
konventsioonid, muidugi, sektoriti erinevad. Kuid, peate arvestama mõne asjaga:
Kasutage ruudustiku paigutust
Ruudustiku paigutuses, tooted on paigutatud võrdse suurusega ristkülikukujulistesse kastidesse, nagu nii:
Selline paigutus on e-kaubanduse saitide puhul juba pikka aega olnud tavapärane. Teie kliendid pole sellega juba tuttavad, see sobib hästi ka toodete eksponeerimiseks. Edasi, see mastaabib hästi – saate väikestel ekraanidel kuvada vaid ühe kasti, või laiendage suurematel mitme kastini.
Selle paigutuse kasutamisel, veenduge, et kastid oleksid võrdse suurusega. Nagu see juhtumiuuring näitab, võrdse suurusega kastide kasutamine võib suurendada tulu külastaja kohta sama palju 17%.
Kui müüte koos Ecwidiga, see pole teie jaoks probleem – Ecwidil on võrdse suurusega ruudustik, mis kohandub automaatselt erinevate ekraanidega.
Kuvage tooteloendite ülaosas navigeerimine
Teine tava, mida peaksite järgima, on paigutada sortimisvalikud lehe ülaossa.
Kliendid on seda paigutust oodanud ja kategoorialehele jõudes vaatavad nad loomulikult siia.
Orienteeri kliente riivsaiaga
Katsed on navigeerimiselemendid, mis näitavad kasutajatele nende teed avalehelt, nagu nii:
Nende lisamine lehe ülaossa aitab külastajatel orienteeruda. See annab neile teada, millisesse lehele või kategooriasse nad kuuluvad ja kuidas nad saavad avalehele naasta.
4. Keskenduge visuaalidele, kuid ärge unustage tootelehtedel olevat teksti
Internetis, ainus viis oma tooteid näidata on visuaalide kaudu. Seetõttu suurendavad suured tootepildid teadaolevalt e-kaubanduse konversioone.
Kuid, samas kui visuaal on oluline, teie paigutusel peaks olema ruumi ka kirjeldava teksti jaoks. Hea koopia ei kirjelda mitte ainult toodet, vaid aitab ka seda ja teie kaubamärki müüa.
Näiteks, mõelge, kuidas BestMadeCo kasutab hiljuti turule tulnud toote müümiseks oma kodulehel tugevat koopiat. Paigutus aitab tekstil suurepäraselt pildi vastu mängida.
Toote koopia on tootelehtedel eriti oluline. Your layout should give customers all the key information they need to make a decision right above the fold. This should include:
- Hind (sealhulgas allahindlus, 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, giving customers everything they need to make a decision.
5. Add product recommendations and related products
On product pages, you have two goals:
- Get the customer to the checkout page, või
- Get the customer to view another product
For the latter, you should have a recommended or related products section. You can place this either after the product information or before it.
Amazon does this particularly well. Notice the related products and “also viewed” listings below the fold:
If you have multiple products in the same collection, make sure to display them as well. Here’s a good example from WorldMarket:
Related product listings don’t always have to be visual. You can also show related searches to direct customers to items they might be interested in.
Experiment with different layouts for related/recommended products. Try placing them above the footer, below product description, jne.
6. Experiment with mouseover details on category pages
One way to improve click-through rates is to offer additional details when a customer moves his mouse over a product image on category pages.
Näiteks, this site shows product details and an add to cart button on mouse hover:
The purpose of this tactic is to give users key information at a glance. It works best when you expect users to browse through a large number of products quickly, such as in clothing stores. It might not work for other categories, but you can still run a few split tests and see the results.
Ecwidis, you can enable “Buy Now” buttons on product lists to help your customers quickly browse (and buy) teie tooteid.
When a customer clicks such a button, your store won’t open the whole product page. Selle asemel, your customer will see a popup with product options:
If your product doesn’t have options, it’ll go straight to the cart.
Järeldus
When it comes to product layout, it’s best to stick to convention and follow what market leaders are already doing. Catalog your products in detail, categorize them thoroughly, 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
- Kõik, mida peate teadma toodete müügist
- Online Merchandising: How to Layout Products in Online Store
- What is Fashion Merchandising, ja miks see nii tähtis on?
- 10 Veebipoodide disainivead
- 15 Ideaalsed fondipaarid teie e-kaubanduse veebisaidi jaoks
- Värvusteooria: Kõik, mida pead teadma värviteemade kohta
- 7 Loomingulised ideed teie e-kaubanduse tootelehe jaoks
- Kangelase kujutise jõud veebidisainis
- Peamised kasutajakogemuse põhimõtted, mida veebipoes järgida
- Veebilehe kujunduse audit
- UX-disaini võimsuse avamine e-kaubanduse jaoks
- Mis vahe on UI ja UX vahel e-kaubanduses??