Elgondolkozott már azon, hogy az élelmiszerboltok miért helyeznek el tejet az üzlet hátuljába és csokoládét a pénztár közelében??
Egyszerű: A legfontosabb dolgok az üzlet hátulján történő elhelyezése arra ösztönzi a vásárlókat, hogy sétáljanak és böngésszenek más termékek között. Kisebb tárgyak elhelyezése (mint a csokoládé) a pénztár közelében impulzusvásárlásra ösztönöz.
Mindez az üzlettervezés tudományának része. Az megfelelő üzlet elrendezés növelheti az eladásokat, növeli a hűséget, és segít az ügyfeleknek gyorsabban megtalálni, amit keresnek.
Az Ön online áruháza sem más. A termékek szervezettsége és elrendezése nagy hatással van arra, hogy mit (és hogyan) az ügyfelek vásárolnak Öntől.
Ebben a cikkben, megmutatjuk, hogyan helyezze el termékeit az eladások és a konverziók maximalizálása érdekében.
3 Amit figyelembe kell venni a termék elrendezésének kiválasztásakor
A termék elrendezése egyértelmű problémának tűnhet, amikor először közelíti meg. azonban, mint a legtöbb dolog az e-kereskedelemben, a bonyolultságok akkor derülnek ki, ha belemerülünk a részletekbe. A termék elrendezésének kiválasztásakor három dolgot kell figyelembe vennie:
1. Választás
A Choice kétélű fegyver az e-kereskedelmi üzletek számára. A választás hiánya azt jelenti, hogy korlátozod a lehetőségeket. Túl sok választás, azonban, és összezavarod a látogatókat.
A hatékony termékelrendezés lényegében ennek a kettősségnek a kiegyensúlyozásának folyamata. Azaz: bőséges választék benyomását keltve, miközben továbbra is könnyen használható és navigálható a webhely.
A tudomány azt mondja hogy a döntéshozatal lelkileg megterhelő. Amikor túl sok választási lehetőséggel szembesíti a vásárlókat, hajlamosak arra, hogy egyáltalán nem választanak.
Tehát hogyan lehet leküzdeni ezt a problémát az üzlet elrendezésében?
Az egyik megoldás a kiemelt képek használata, amelyek további termékekhez vezetnek. Például, vegye észre, hogyan Made.com külön képeket használ a teljes termékkategóriához (mint például a „kerti bútor”):
Tekintsd ezt úgy, mint egy ugratót, amellyel becsábíthatod a vásárlókat.
Ideális esetben, a legkelendőbb vagy legkívánatosabb termékeit szeretné elől és középen tartani.
Ezért, mielőtt elkezdi az elrendezési folyamatot, sorolja fel a következőket:
- Az Ön teljes termékskálája és a hozzájuk tartozó kategóriák és alkategóriák
- Funkcionális kategóriák, például „legkelendőbb termékek”, "Kiemelt Termék", stb.. és a bennük lévő termékek.
A következő lépés ennek az információnak a felhasználása egy jól szervezett navigációs menü létrehozásához. Figyelje meg, hogyan rendezi az Amazon a termékeket kategóriákba a menüjében.
Ezzel segít a vásárlóknak megtalálni, amit keresnek, anélkül, hogy túl sok választási lehetőséggel terhelnék őket.
Ha az Ön Ecwid üzletét hozzáadták egy webhelyhez, kódrészlet hozzáadásával navigációs menüt is hozzáadhat:
- for a horizontal layout
- függőleges elrendezéshez.
Here are the instructions for Ecwid stores added on WordPress és Wix weboldalak, is. Az Ecwid Instant webhelyen, csak a vízszintes menü érhető el.
2. Termék információ
Íme egy másik egyensúlyozási művelet, amelyet az üzlet elrendezésének kiválasztásakor végre kell hajtania: termékinformációk megjelenítése.
Meg akarja adni az ügyfeleknek azokat az információkat, amelyekre szükségük van a kattintáshoz és a vásárláshoz. Ugyanabban az időben, nem akarod túl sok részlettel elárasztani őket – legalábbis nem azelőtt, hogy a tényleges termékoldalon megjelennének.
Ebben a helyzetben az Ön mentális modellje a döntéshozatal megkönnyítése és az ügyfelek érdeklődésének felkeltése. Kérdezd meg magadtól: mit minimális információ kell-e az ügyfeleimnek rákattintani egy termékre?
Látni fogja, hogy ez a válasz üzletenként és termékenként eltérő.
Például, figyelje meg, hogy az Amazon csak négy információs pontot ad a kategóriaoldalon: termék név, ár (kedvezményt is beleértve), minősítés és a Prime elérhetőség:
Az Ecwidben, hasonló értékeléseket és véleményeket adhat hozzá a Stampled.io alkalmazás segítségével.
Bár ez az információ szükséges egy olyan nagy kereskedő számára, mint az Amazon, kisebb vállalkozások számára, mint pl Homok & Kő ékszerek, az értékelések nem olyan fontosak. Ennélfogva, a kategóriaoldalakon csak a termék neve és ára látható.
Könnyen beleeshetünk abba a csapdába, hogy túl kevés információt adunk meg a kategóriaoldalakon. A legjobb módja ennek elkerülésére, ha megkérdezi ügyfeleit, és megkérdezi őket, milyen információkat használnak a vásárlási döntéseik meghozatalához.
3. Üzlet kialakítása
Az üzlet kialakításának módja nagy hatással lesz a termék elrendezésére.
Egy e-kereskedelmi áruháznak általában három kulcsoldala van:
- Kezdőlap
- Kategória és keresési oldalak
- Egyedi termékoldalak
Az, hogy az egyes oldaltípusokon milyen termékeket szeretne bemutatni, az határozza meg, hogy az ügyfelek milyen termékeket vásárolnak.
Például, vegye figyelembe, hogy az Amazon hogyan reklámozza saját termékeit a honlapján, ha még nem jelentkezett be:
Gyakran előfordul, hogy az üzletek a legújabb ajánlatokat hirdetik a kezdőlapon. Ügyeljen arra, hogy ezeket az ajánlatokat a célközönségéhez igazítsa. BestMadeCo, például, Apák napi promóciót indít, szem előtt tartva a nagyrészt férfi vendégkört.
Koncentrálj rá:
- Annak meghatározása, hogy milyen termékeket szeretne vásárolni az ügyfelektől (ideális esetben a legkelendőbb, és/vagy legmagasabb árrésű termékek)
- A tervezés egységességének megőrzése a különböző oldaltípusokon.
Függetlenül attól, hogy úgy dönt, hogy kiemeli legkeresettebb termékeit vagy az újonnan érkezőket, Az Ecwid lehetővé teszi kategória létrehozását kiemelt termékek a kezdőlapon és nevezze el igényei szerint.
6 Az e-kereskedelmi termékelrendezés legjobb gyakorlatai
Bár biztosan létrehozhat egyedi elrendezési sémát az e-kereskedelmi üzletéhez, segít betartani néhány bevált gyakorlatot.
1. Top termékek és ajánlatok a hajtás felett
A „hajtás feletti” terület az a képernyő, amely akkor látható, amikor az ügyfelek először érkeznek meg webhelyére. Valójában, ez a terület teszi ki 80% a legtöbb webhelyen.
Tekintettel arra, hogy ez a tér milyen figyelmet kap, jó ötlet a legjobb termékeket a hajtás fölé helyezni. Ez magában foglalhatja:
- Legújabb ajánlatok, eladások és kedvezmények
- Legkeresettebb termék vagy termékkategóriák
- Nemrég piacra dobott termékek (a vásárlási szezon elején működik a legjobban)
Tovább Target.com, például, az oldal tetején láthatja a legújabb ajánlatokat:
Ha sok ajánlatod van, fontolja meg egy csúszka hozzáadását, mint ez a Walmart példa. Vegye figyelembe a navigációs menü alatt futó promóciókat is:
Egyes divatkereskedők kerülik a hagyományos elrendezéseket a márkaimázs népszerűsítése érdekében. Tovább ASOS, például, olyan márkaképet kap, amely a „Férfiak vásárlása” vagy a „Nők vásárlása” opciókkal rendelkezik.
Ez a taktika akkor működik, ha egy lookbook segítségével próbálja népszerűsíteni a márka jövőképét. A legtöbb kiskereskedő, azonban, jobban teljesít egy hagyományos termékkel – először a hajtás feletti elrendezéssel.
Kövesse ugyanezt az ötletet a kategóriaoldalakon: tolja a legkelendőbb és legjobb értékelésű termékeit a hajtás fölé. Például, nézze meg az Amazon kategóriaoldalait:
2. Keverje össze a vízszintes és függőleges elrendezéseket
Alapvetően kétféleképpen helyezheti el termékeit bármely oldalon: vízszintesen vagy függőlegesen.
A vízszintes elrendezés statikus marad. Az oldal szélén található egy gomb, amellyel tovább görgetheti a listákat.
Ez az Amazon példája jobban illusztrálja a dolgokat:
Az Ecwidben, nemrég megtekintett termékek vízszintesen is láthatók. Kiválaszthatja, hogy hány tétel jelenjen meg a kirakat tetején vagy alján.
Kapcsolódó termékek egy másik vízszintes irányú szakasz. Az ebbe a csoportba tartozó termékek minden termékoldalhoz egyedileg vannak beállítva, amely lehetővé teszi az ügyfelek megcélzását rendeléseik rendkívül releváns kiegészítésével.. Ezeket megjelenítheti a termékoldalakon és a kosár oldalon.
Ellentétben, függőleges elrendezésben nincsenek ezek a görgetőgombok. Helyette, egyre több terméket lát rácsszerű elrendezésben, ahogy lefelé görget. Mint ez:
Ideális esetben, mindkét elrendezést vegyesen kell használnia:
- Vízszintes elrendezés, ha sok kategóriából szeretne néhány terméket megjeleníteni, mint például a Nemrég nézett termékeknél
- Függőleges elrendezés, ha sok terméket szeretne megjeleníteni ugyanabban a kategóriában, például egy keresési és kategóriaoldalak
3. Kövesse a konvenciót és a felhasználói elvárásokat
Vannak helyzetek, amikor szokatlannak szeretnél lenni a tervezésnél. A termék elrendezése nem tartozik ezek közé.
A termékelrendezés célja, hogy tájékoztassa a felhasználókat, amikor megérkeznek az Ön webhelyére. A hagyományos elrendezés biztosítja, hogy megtalálják, amit keresnek, és ne tévedjenek el.
Egyezmények, természetesen, szektoronként változnak. azonban, van néhány dolog, amit figyelembe kell venni:
Használjon rácsos elrendezést
Rácsos elrendezésben, a termékek egyforma méretű négyszögletes dobozokba vannak elrendezve, mint ez:
Ez az elrendezés régóta az e-kereskedelmi webhelyek konvenciója. Nemcsak ügyfelei ismerik már ezt, termékek bemutatására is jó. További, jól skálázódik – csak egy dobozt jeleníthet meg kis képernyőkön, vagy bővítse több dobozra a nagyobbakat.
Ennek az elrendezésnek a használatakor, ügyeljen arra, hogy a dobozok egyforma méretűek legyenek. Ahogy ez az esettanulmány is mutatja, egyforma méretű dobozok használata akár a látogatónkénti bevételt is növelheti 17%.
Ha Ecwiddel adod el, ez nem probléma az Ön számára – az Ecwid egy ugyanolyan méretű rácsot tartalmaz, amely automatikusan alkalmazkodik a különböző képernyőkhöz.
Navigáció megjelenítése a terméklista tetején
Egy másik konvenció, amelyet követnie kell, az, hogy a rendezési beállításokat az oldal tetejére helyezze.
Az ügyfelek megszokták ezt az elhelyezést, és természetesen ide fognak nézni, amikor egy kategóriaoldalra kerülnek.
Távolítsa el a vásárlókat zsemlemorzsával
A navigációs elemek olyan navigációs elemek, amelyek megmutatják a felhasználóknak a kezdőlapról induló útvonalat, mint ez:
Ha ezeket az oldal tetejére helyezzük, akkor könnyebben tájékozódhatunk a látogatókról. Megmondja nekik, hogy melyik oldalon vagy kategóriában vannak, és hogyan térhetnek vissza a kezdőlapra.
4. Koncentrálj a látványra, de ne felejtsd el a termékoldalakon található szöveget
Online, az egyetlen módja annak, hogy termékeit vizuálisan mutassa meg. Ez az oka annak, hogy a nagy termékképek köztudottan növelik az e-kereskedelmi konverziókat.
azonban, míg a látvány a fontos, az elrendezésben legyen hely a leíró szövegnek is. A jó példány nem csak a terméket jellemzi, hanem segít eladni azt és a márkáját.
Például, fontolja meg, hogy a BestMadeCo hogyan használ erős példányt a honlapján egy nemrégiben piacra dobott termék értékesítéséhez. Az elrendezés segíti, hogy a szöveg tökéletesen illeszkedjen a képhez.
Termék másolat különösen fontos a termékoldalakon. Your layout should give customers all the key information they need to make a decision right above the fold. This should include:
- Ár (kedvezményt is beleértve, 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, vagy
- 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:
Ha több terméke van ugyanabban a kollekcióban, feltétlenül jelenítse meg azokat is. Íme egy jó példa a WorldMarkettől:
A kapcsolódó terméklistáknak nem kell mindig vizuálisnak lenniük. Kapcsolódó kereséseket is megjeleníthet, hogy az ügyfeleket azokhoz a tételekhez irányítsa, amelyek érdekelhetik őket.
Kísérletezzen különböző elrendezésekkel a kapcsolódó/ajánlott termékekhez. Próbálja meg őket a lábléc fölé helyezni, termékleírás alatt, stb..
6. Kísérletezzen az egérmutató részleteivel a kategóriaoldalakon
Az átkattintási arány javításának egyik módja az, ha további részleteket adunk meg, amikor az ügyfél egy termékkép fölé viszi az egeret a kategóriaoldalakon..
Például, ez az oldal megmutatja a termék részleteit és a kosárba helyezés gombot az egérmutatón:
Ennek a taktikának az a célja, hogy egy pillantással átadja a felhasználóknak a legfontosabb információkat. Akkor működik a legjobban, ha azt várja a felhasználóktól, hogy gyorsan böngésszenek nagyszámú termék között, mint például a ruhaboltokban. Lehet, hogy más kategóriákban nem működik, de lefuttathat néhány osztott tesztet, és megnézheti az eredményeket.
Az Ecwidben, engedélyezheti a „Vásárlás most” gombokat a terméklistákon, hogy segítse ügyfeleit a gyors böngészésben (és vásárolni) termékeit.
Amikor egy ügyfél rákattint egy ilyen gombra, üzlete nem nyitja meg a teljes termékoldalt. Helyette, ügyfele egy felugró ablakot fog látni a terméklehetőségekkel:
Ha a terméke nem rendelkezik opciókkal, egyenesen a kosárba kerül.
Következtetés
Amikor a termék elrendezéséről van szó, legjobb, ha ragaszkodunk a konvenciókhoz, és követjük azt, amit a piacvezetők már csinálnak. Részletes katalógusba rendezze termékeit, alaposan kategorizálja őket, 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
- Minden, amit a termékértékesítésről tudnia kell
- Online Merchandising: How to Layout Products in Online Store
- What is Fashion Merchandising, és Miért olyan fontos?
- 10 Az online áruházak tervezési hibái
- 15 Tökéletes betűpárosítások az Ön e-kereskedelmi webhelyéhez
- Színelmélet: Minden, amit a színes témákról tudni kell
- 7 Kreatív ötletek e-kereskedelmi termékoldalához
- A hőskép ereje a webdesignban
- Kötelező UX-elvek, amelyeket követni kell egy online áruházban
- Weboldal tervezés audit
- Unlocking the Power of UX Design for Ecommerce
- What’s the Difference Between UI and UX in Ecommerce?