Ar kada nors susimąstėte, kodėl bakalėjos parduotuvėse pienas dedamas parduotuvės gale, o šokoladiniai saldainiai - prie kasos?
Paprasta: svarbiausių daiktų padėjimas parduotuvės gale skatina pirkėjus vaikščioti ir naršyti kitus produktus. Smulkių daiktų išdėstymas (kaip šokoladas) šalia kasos skatina impulsyvų pirkimą.
Visa tai yra parduotuvių dizaino mokslo dalis. The teisingas parduotuvės išdėstymas gali padidinti pardavimus, padidinti lojalumą ir padėti klientams greičiau rasti tai, ko jie nori.
Jūsų internetinė parduotuvė niekuo nesiskiria. Jūsų produktų organizavimas ir išdėstymas turi didelę įtaką tam (ir kaip) klientai perka iš jūsų.
Šiame straipsnyje, parodysime, kaip išdėstyti produktus, kad maksimaliai padidintumėte pardavimą ir konversijų skaičių.
3 Dalykai, į kuriuos reikia atsižvelgti renkantis gaminio išdėstymą
Produkto išdėstymas gali atrodyti kaip paprasta problema, kai pirmą kartą kreipiatės į jį. Tačiau, kaip ir dauguma elektroninės prekybos dalykų, sudėtingumas išryškėja, kai pasineri į smulkmenas. There are three things you must consider when you choose a product layout:
1. Choice
Choice is a double-edged sword for e-commerce stores. The lack of choice means you limit opportunities. Too many choices, tačiau, and you’ll leave visitors confused.
Effective product layout is essentially a process of balancing this duality. That is: giving the impression of plentiful choice, while still keeping the site easy to use and navigate.
Science says that decision making is mentally taxing. When you confront shoppers with too many choices, they are liable to not make a choice at all.
So how do you overcome this problem in your store layout?
One solution is to use featured images that lead to additional products. Pavyzdžiui, notice how Made.com uses separate images for entire product categories (such as “garden furniture”):
Think of this as a teaser to lure in shoppers.
Idealiu atveju, you’ll want to keep your best-selling or most-desired products front and center.
Todėl, before you start the layout process, list out the following:
- Your entire product range and their respective categories and subcategories
- Functional categories such as “best selling products”, “featured products”, ir tt. and the products in them.
The next step is to use this information to construct a well-organized navigational menu. Notice how Amazon organizes products into categories in its menu.
Doing this will help shoppers find what they want without overwhelming them with too many choices.
If your Ecwid store is added to a website, naršymo meniu galite pridėti pridėję kodo dalį:
- for a horizontal layout
- vertikaliam išdėstymui.
Here are the instructions for Ecwid stores added on WordPress ir Wix interneto svetainėse, taip pat. „Ecwid Instant“ svetainėje, galimas tik horizontalus meniu.
2. Produkto informacija
Štai dar vienas balansavimo veiksmas, kurį turėtumėte atlikti pasirinkdami parduotuvės išdėstymą: rodantis produkto informaciją.
Norite klientams suteikti informacijos, kurios jiems reikia spustelėti ir pirkti. Tuo pačiu metu, nenorite jų užgožti per daug detalių – bent jau ne anksčiau, nei jie patenka į tikrąjį produkto puslapį.
Jūsų psichinis modelis šioje situacijoje turėtų būti sprendimų priėmimo palengvinimas ir klientų susidomėjimas. Paklausk savęs: ką minimali informacija ar mano klientai turi spustelėti produktą?
Pamatysite, kad šis atsakymas skiriasi įvairiose parduotuvėse ir gaminiuose.
Pavyzdžiui, atkreipkite dėmesį, kaip „Amazon“ kategorijos puslapyje pateikia tik keturis informacijos taškus: produkto pavadinimas, kaina (įskaitant nuolaidą), įvertinimas ir „Prime“ prieinamumas:
Ecwid, Galite pridėti panašių įvertinimų ir apžvalgų naudodami Stampled.io programą.
Nors ši informacija reikalinga tokiam dideliam mažmenininkui kaip „Amazon“., mažesnėms įmonėms, pvz Smėlis & Akmens papuošalai, įvertinimai nėra tokie svarbūs. Vadinasi, kategorijų puslapiuose rodomas tik prekės pavadinimas ir kaina.
Lengva pakliūti į spąstus, kai kategorijų puslapiuose pateikiama per mažai informacijos. Geriausias būdas to išvengti – apklausti savo klientus ir paklausti, kokią informaciją jie naudoja priimdami pirkimo sprendimus.
3. Parduotuvės dizainas
Tai, kaip suprojektavote savo parduotuvę, turės didelės įtakos jūsų produktų išdėstymui.
Elektroninės prekybos parduotuvė paprastai turi tris pagrindinius puslapius:
- Pagrindinis puslapis
- Kategorijos ir paieškos puslapiai
- Atskirų produktų puslapiai
Kokius produktus pasirinksite rodyti kiekviename puslapio tipe, priklausys, kokius produktus pirks jūsų klientai.
Pavyzdžiui, atkreipkite dėmesį, kaip „Amazon“ reklamuoja savo produktus savo pagrindiniame puslapyje, jei nesate prisijungę:
Įprasta, kad parduotuvės pagrindiniame puslapyje reklamuoja naujausius pasiūlymus. Būtinai suderinkite šiuos pasiūlymus su tiksline auditorija. BestMadeCo, pavyzdžiui, vykdo Tėvo dienos reklamą, atsižvelgdama į daugiausiai vyrų klientų grupę.
Sutelkti dėmesį į:
- Išsiaiškinkite, kokius produktus norite, kad klientai pirktų (idealiu atveju geriausiai parduodamas, ir (arba) didžiausios maržos produktai)
- Skirtingų tipų puslapių dizaino vienodumo išlaikymas.
Nesvarbu, ar nuspręsite pabrėžti savo geriausiai parduodamus produktus, ar naujus atvykėlius, Ecwid leidžia jums sukurti kategoriją pagrindiniame puslapyje pateikiami produktai ir pavadinti pagal savo poreikius.
6 Geriausia el. prekybos produktų išdėstymo praktika
Nors tikrai galite sukurti unikalią savo elektroninės prekybos parduotuvės išdėstymo schemą, tai padeda laikytis kelių geriausių praktikų.
1. Stumkite geriausius produktus ir pasiūlymus virš matomos ribos
Virš matomos ribos esanti sritis yra ekrano nekilnojamasis turtas, matomas, kai klientai pirmą kartą patenka į jūsų svetainę. Faktiškai, ši sritis sudaro 80% viso žiūrovų dėmesio daugumoje svetainių.
Atsižvelgiant į tai, kokio dėmesio sulaukia ši erdvė, Geriausius produktus verta dėti virš lenkimo. Tai gali apimti:
- Naujausi pasiūlymai, išpardavimai ir nuolaidos
- Geriausiai parduodamas produktas arba produktų kategorijos
- Neseniai išleisti produktai (geriausiai veikia apsipirkimo sezono pradžioje)
Įjungta Target.com, pavyzdžiui, puslapio viršuje matysite naujausius pasiūlymus:
Jei turite daug pasiūlymų, apsvarstykite galimybę pridėti slankiklį, kaip šis pavyzdys iš Walmart. Taip pat atkreipkite dėmesį į akcijas, vykdomas po naršymo meniu:
Some fashion retailers eschew conventional layouts in favor of promoting a brand image. Įjungta ASOS, pavyzdžiui, you get a brand image with an option to ‘Shop Men’ or ‘Shop Women’.
This tactic works when you’re trying to promote a brand vision with a lookbook. Most retailers, tačiau, will do better with a conventional product-first above the fold layout.
Follow the same idea on category pages: push your best-selling and top-rated products above the fold. Pavyzdžiui, check out Amazon’s category pages:
2. Mix horizontal and vertical layouts
There are essentially two ways you can layout your products on any page: horizontally or vertically.
A horizontal layout remains static. There’s a button at the edge of the page to scroll the listings further.
This example from Amazon illustrates things better:
Ecwid, recently viewed products are also shown horizontally. You can choose the number of items to display them on top or at the bottom of your storefront.
Related products yra dar viena horizontaliai orientuota sekcija. Šios grupės produktai nustatomi individualiai kiekvienam produkto puslapiui, kuris leidžia nukreipti klientus į labai svarbius jų užsakymų papildymus. Juos galite rodyti produktų puslapiuose ir krepšelio puslapyje.
Priešingai, vertikalus išdėstymas neturi šių slinkties mygtukų. Vietoj to, slinkdami žemyn matote vis daugiau produktų tinklelio pavidalu. Kaip šitas:
Idealiu atveju, turėtumėte naudoti abiejų šių išdėstymų derinį:
- Horizontalus išdėstymas, kai norite parodyti kelis produktus iš daugelio kategorijų, pvz., Neseniai peržiūrėti produktai
- Vertikalus išdėstymas, kai norite rodyti daug produktų iš tos pačios kategorijos, pvz., vieną paieškos ir kategorijų puslapius
3. Laikykitės taisyklių ir vartotojų lūkesčių
Yra situacijų, kai norite būti neįprasti su savo dizainu. Produkto išdėstymas nėra vienas iš jų.
Jūsų produkto išdėstymas skirtas orientuoti naudotojus, kai jie patenka į jūsų svetainę. Įprastas išdėstymas užtikrina, kad jie ras tai, ko nori, ir nesiblaškys.
konvencijos, žinoma, skiriasi priklausomai nuo sektoriaus. Tačiau, yra keletas dalykų, kuriuos turite apsvarstyti:
Naudokite tinklelio išdėstymą
Tinklelio išdėstyme, produktai yra išdėstyti vienodo dydžio stačiakampėse dėžėse, kaip šitas:
Toks išdėstymas jau seniai įprastas el. prekybos svetainėse. Jūsų klientai ne tik jau būtų su tuo susipažinę, taip pat tinka gaminiams rodyti. Toliau, jis gerai svyruoja – galite rodyti tik vieną langelį mažuose ekranuose, arba išplėsti iki kelių dėžučių ant didesnių.
Naudojant šį išdėstymą, įsitikinkite, kad dėžutės yra vienodo dydžio. Kaip rodo šis atvejo tyrimas, naudojant vienodo dydžio dėžutes, pajamas vienam lankytojui galima padidinti net iki 17%.
Jei parduodate su Ecwid, tai nėra jūsų problema – Ecwid turi vienodo dydžio tinklelį, kuris automatiškai prisitaiko prie skirtingų ekranų.
Rodyti navigaciją produktų sąrašų viršuje
Kitas susitarimas, kurio turėtumėte laikytis, yra rūšiavimo parinktis pateikti puslapio viršuje.
Customers have come to expect this placement and will naturally look here when they land on a category page.
Orient customers with breadcrumbs
Breadcrumbs are navigational elements that show users their path from the homepage, kaip šitas:
Adding them to the to top of the page helps orient visitors. It tells them what page or category they’re in and how they can go back to the homepage.
4. Focus on visuals, but don’t forget the text on product pages
Prisijungęs, the only way to show your products is through visuals. Štai kodėl žinoma, kad dideli produktų vaizdai padidina el. prekybos konversijas.
Tačiau, o vizualumas yra svarbus, jūsų makete taip pat turėtų būti vietos aprašomajam tekstui. Gera kopija ne tik apibūdina produktą, bet taip pat padeda parduoti jį ir jūsų prekės ženklą.
Pavyzdžiui, apsvarstykite, kaip BestMadeCo savo pagrindiniame puslapyje naudoja stiprią kopiją, kad parduotų neseniai išleistą produktą. Išdėstymas padeda tekstui puikiai susilyginti su vaizdu.
Produkto kopija yra ypač svarbus produktų puslapiuose. Your layout should give customers all the key information they need to make a decision right above the fold. This should include:
- Kaina (įskaitant nuolaidą, 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, suteikti klientams viską, ko jiems reikia sprendimui priimti.
5. Pridėkite produktų rekomendacijų ir susijusių produktų
Produktų puslapiuose, turite du tikslus:
- Nukreipkite klientą į atsiskaitymo puslapį, arba
- Priverskite klientą peržiūrėti kitą produktą
Dėl pastarųjų, tu turėtum turėti rekomenduojamų ar susijusių produktų skyrių. Tai galite įdėti po produkto informacijos arba prieš ją.
„Amazon“ tai daro ypač gerai. Atkreipkite dėmesį į susijusius produktus ir „taip pat peržiūrėtus“ sąrašus po matoma riba:
Jei toje pačioje kolekcijoje turite kelis produktus, būtinai juos taip pat parodykite. Štai geras WorldMarket pavyzdys:
Susijusių produktų sąrašai ne visada turi būti vizualūs. Taip pat galite rodyti susijusias paieškas, kad nukreiptumėte klientus į prekes, kurios juos gali dominti.
Eksperimentuokite su skirtingais susijusių / rekomenduojamų produktų išdėstymais. Pabandykite įdėti juos virš poraštės, žemiau produkto aprašymo, ir tt.
6. Eksperimentuokite su pelės žymekliu užvesdami informaciją kategorijų puslapiuose
Vienas iš būdų padidinti paspaudimų rodiklius – pasiūlyti papildomos informacijos, kai klientas perkelia pelės žymeklį virš produkto vaizdo kategorijų puslapiuose..
Pavyzdžiui, šią svetainę rodoma informacija apie produktą ir mygtukas įtraukti į krepšelį ant pelės žymeklio:
Šios taktikos tikslas – akimirksniu suteikti vartotojams pagrindinę informaciją. Tai geriausiai veikia, kai tikitės, kad vartotojai greitai peržiūrės daugybę produktų, pavyzdžiui, drabužių parduotuvėse. Kitoms kategorijoms tai gali neveikti, bet vis tiek galite atlikti kelis padalintus testus ir pamatyti rezultatus.
Ecwid, you can enable “Buy Now” buttons on product lists to help your customers quickly browse (ir pirkti) savo produktus.
When a customer clicks such a button, your store won’t open the whole product page. Vietoj to, your customer will see a popup with product options:
If your product doesn’t have options, it’ll go straight to the cart.
Išvada
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
- Viskas, ką reikia žinoti apie produktų prekybą
- Online Merchandising: Kaip maketuoti produktus internetinėje parduotuvėje
- Kas yra mados prekyba, ir kodėl tai taip svarbu?
- 10 Internetinių parduotuvių dizaino klaidos
- 15 Puikios šriftų poros jūsų el. prekybos svetainei
- Spalvų teorija: Viskas, ką reikia žinoti apie spalvų temas
- 7 Kūrybinės idėjos jūsų el. prekybos produkto puslapiui
- Herojaus įvaizdžio galia interneto dizaino srityje
- Privalu turėti UX principus, kurių reikia laikytis internetinėje parduotuvėje
- Svetainės dizaino auditas
- Atlaisvinkite UX dizaino galią el. prekybai
- What’s the Difference Between UI and UX in Ecommerce?
