Online merchandising: Ako rozložiť produkty v internetovom obchode

Premýšľali ste niekedy nad tým, prečo obchody s potravinami umiestňujú mlieko do zadnej časti obchodu a čokoládu do blízkosti pokladne?

Jednoduché: umiestnenie základných vecí v zadnej časti obchodu povzbudzuje nakupujúcich, aby sa prechádzali a prehliadali ďalšie produkty. Umiestnenie malých predmetov (ako čokolády) v blízkosti pokladne podporuje impulzívne nákupy.

Toto všetko je súčasťou vedy o dizajne obchodu. The správne rozloženie obchodu môže zvýšiť predaj, zlepšiť lojalitu a pomôcť zákazníkom rýchlejšie nájsť to, čo chcú.

Váš internetový obchod nie je iný. Organizácia a usporiadanie vašich produktov má veľký vplyv na to, čo (a ako) od vás zákazníci nakupujú.

V tomto článku vám ukážeme, ako rozložiť produkty, aby ste maximalizovali predaj a konverzie.

3 veci, ktoré je potrebné zvážiť pri výbere rozloženia produktu

Rozloženie produktu môže znieť ako jednoduchý problém, keď sa k nemu prvýkrát priblížite. Avšak, ako väčšina vecí v e-commerce, zložitosti sa objavia, keď sa ponoríte do detailov. Pri výbere rozloženia produktu musíte zvážiť tri veci:

1. Voľba

Voľba je a dvojsečný meč pre e-commerce obchodoch. Nedostatok výberu znamená, že obmedzujete príležitosti. Príliš veľa možností a návštevníkov necháte zmätených.

Efektívne usporiadanie produktu je v podstate procesom vyrovnávania tejto duality. To znamená: vzbudzovanie dojmu bohatého výberu pri zachovaní jednoduchého používania a navigácie na stránke.

Veda hovorí to rozhodovanie je psychicky náročné. Keď kupujúcich konfrontuje s príliš veľkým množstvom možností, je pravdepodobné, že si nevyberú vôbec.

Ako teda prekonáte tento problém v usporiadaní vášho obchodu?

Jedným z riešení je použitie odporúčaných obrázkov, ktoré vedú k ďalším produktom. Všimnite si napríklad ako Made.com používa samostatné obrázky pre celé kategórie produktov (napríklad „záhradný nábytok“):

Berte to ako upútavku na prilákanie kupujúcich.

V ideálnom prípade si budete chcieť ponechať svoje najpredávanejší or najžiadanejší produkty vpredu a v strede.

Preto, pred začatím procesu rozloženia, uveďte nasledovné:

• Celý váš sortiment a ich príslušné kategórie a podkategórie
• Funkčné kategórie, ako napríklad „najpredávanejšie produkty“, „doporučené produkty“ atď. a produkty v nich.

Ďalším krokom je použitie týchto informácií na zostavenie a dobre organizovaný navigačné menu. Všimnite si, ako Amazon vo svojej ponuke organizuje produkty do kategórií.

Pomôže to kupujúcim nájsť to, čo chcú, bez toho, aby ich zahltilo príliš veľa možností.

Ak je váš obchod Ecwid pridaný na webovú stránku, môžete pridať navigačnú ponuku pridaním kódu:

• pre horizontálne usporiadanie
• pre vertikálne usporiadanie.

Tu sú pridané pokyny pre obchody Ecwid WordPress a Wix aj webové stránky. Na stránke Ecwid Instant Site je k dispozícii iba horizontálna ponuka.

2. Informácie o produkte

Tu je ďalší akt vyváženia, ktorý by ste mali vykonať pri výbere rozloženia obchodu: zobrazenie informácií o produkte.

Zákazníkom chcete poskytnúť informácie, ktoré potrebujú na prekliknutie a uskutočnenie nákupu. Zároveň ich nechcete zahltiť príliš veľkým množstvom detailov – aspoň nie skôr, ako sa objavia na skutočnej stránke produktu.

Vaším mentálnym modelom v tejto situácii by malo byť uľahčenie rozhodovania a vzbudenie záujmu zákazníkov. Opýtajte sa sami seba: čo minimum informácií musia sa moji zákazníci preklikať na produkt?

Zistíte, že táto odpoveď sa líši od obchodu k obchodu a od produktu k produktu.

Všimnite si napríklad, ako vám Amazon na stránke kategórie poskytuje iba štyri informačné body: názov produktu, cena (vrátane zľavy), hodnotenie a dostupnosť Prime:

V Ecwid môžete pridávať podobné hodnotenia a recenzie pomocou aplikácie Stampled.io.

Aj keď sú tieto informácie potrebné pre veľkého maloobchodníka, ako je Amazon, pre menšie podniky, ako je Pieskové a kamenné šperky, hodnotenia nie sú také dôležité. Na stránkach kategórií sa preto zobrazuje iba názov produktu a cena.

Je ľahké upadnúť do pasce a poskytnúť príliš málo informácií na stránkach kategórií. Najlepší spôsob, ako sa tomu vyhnúť, je pohovoriť si so zákazníkmi a opýtať sa ich, aké informácie používajú pri rozhodovaní o nákupe.

3. Dizajn predajne

To, ako ste navrhli svoj obchod, bude mať veľký vplyv na rozloženie vášho produktu.

An e-commerce obchod bude mať zvyčajne tri kľúčové stránky:

• Úvodné
• Kategória a stránky vyhľadávania
• Jednotlivé produktové stránky

Aké produkty sa rozhodnete predviesť na každom z nich typ stránky bude rozhodovať o tom, aké produkty si vaši zákazníci nakoniec kúpia.

Všimnite si napríklad, ako Amazon propaguje svoje vlastné produkty na svojej domovskej stránke, ak ste sa neprihlásili:

Je bežné, že obchody propagujú najnovšie ponuky na domovskej stránke. Uistite sa, že tieto ponuky zosúladíte s vašou cieľovou skupinou. BestMadeCo napríklad organizuje promo akciu ku Dňu otcov, pričom má na pamäti najmä mužskú klientelu.

Zamerať sa na:

• Zistite, aké produkty chcete, aby si zákazníci kúpili (ideálne vaše najpredávanejšie produkty a/alebo produkty s najvyššou maržou)
• Zachovanie jednotnosti dizajnu medzi rôznymi typy stránok.

Či už sa rozhodnete vyzdvihnúť svoje najpredávanejšie produkty alebo novinky, Ecwid vám umožní vytvoriť kategóriu odporúčané produkty na domovskej stránke a pomenujte ho podľa svojich potrieb.

6 osvedčených postupov pre E-commerce Rozloženie produktu

Aj keď si určite môžete vytvoriť jedinečnú schému rozloženia e-commerce v obchode, pomáha dodržiavať niekoľko osvedčených postupov.

1. Zatlačte top produkty a ponuky nad záhyb

Oblasť „nad záhybom stránky“ je plocha na obrazovke viditeľná, keď zákazníci prvýkrát vstúpia na váš web. V skutočnosti táto oblasť zodpovedá za 80 % všetkej pozornosti divákov na väčšine stránok.

Vzhľadom na to, akú pozornosť sa tomuto priestoru dostáva, je dobré umiestniť svoje najlepšie produkty nad záhyb. To môže zahŕňať:

• Najnovšie ponuky, výpredaje a zľavy
• Najpredávanejší produkt alebo kategórie produktov
• Nedávno uvedené produkty (najlepšie funguje na začiatku nákupnej sezóny)

On Target.com, napríklad uvidíte najnovšie ponuky v hornej časti stránky:

Ak máte veľa ponúk, zvážte pridanie posúvača, ako je tento príklad z Walmartu. Všimnite si tiež propagačné akcie, ktoré prebiehajú pod navigačnou ponukou:

Niektorí predajcovia módy sa vyhýbajú konvenčným návrhom v prospech propagácie imidžu značky. Zapnuté ASOS, napríklad získate imidž značky s možnosťou „Nakupovať mužov“ alebo „Nakupovať ženy“.

Táto taktika funguje, keď sa snažíte propagovať víziu značky pomocou lookbooku. Väčšina predajcov si však lepšie poradí s konvenčným produkt-prvý nad rozložením záhybov.

Nasledujte rovnakú myšlienku na stránkach kategórií: tlačte svoje najpredávanejší a najlepšie hodnotené produkty nad záhybom. Pozrite si napríklad stránky kategórií Amazonu:

2. Zmiešajte horizontálne a vertikálne rozloženie

V podstate existujú dva spôsoby, ako môžete rozložiť svoje produkty na ľubovoľnú stránku: horizontálne alebo vertikálne.

Horizontálne rozloženie zostáva statické. Na okraji stránky sa nachádza tlačidlo na ďalšie posúvanie záznamov.

Tento príklad z Amazonu ilustruje veci lepšie:

V Ecwid, naposledy zobrazené produkty sú zobrazené aj horizontálne. Môžete si vybrať počet položiek, ktoré sa majú zobraziť v hornej alebo dolnej časti výkladu.

Súvisiace produkty je iná horizontálne orientované oddiele. Produkty v tejto skupine sú nastavené individuálne pre každú produktovú stránku, čo umožňuje zacieliť na vašich zákazníkov s vysoko relevantnými dodatkami k ich objednávkam. Môžete ich zobraziť na stránkach produktov a na stránke košíka.

Naproti tomu vertikálne rozloženie tieto rolovacie tlačidlá nemá. Namiesto toho vidíte stále viac produktov v a mriežkovité zarovnanie pri posúvaní nadol. takto:

V ideálnom prípade by ste mali použiť kombináciu oboch týchto rozložení:

• Horizontálne rozloženie, ak chcete zobraziť niekoľko produktov z mnohých kategórií, ako napríklad v časti Naposledy zobrazené produkty
• Vertikálne rozloženie, ak chcete zobraziť veľa produktov z rovnakej kategórie, napríklad jednu stránku vyhľadávania a kategórie

3. Dodržiavajte konvencie a očakávania používateľov

Sú situácie, kedy budete chcieť byť svojim dizajnom nekonvenčný. Rozloženie produktu nie je jedným z nich.

Rozloženie vášho produktu je určené na orientáciu používateľov, keď sa dostanú na váš web. Konvenčné usporiadanie zaisťuje, že nájdu to, čo chcú, a nebudú dezorientovaní.

Konvencie sa samozrejme líšia v závislosti od odvetvia. Musíte však zvážiť niekoľko vecí:

Použite rozloženie mriežky

V mriežkovom rozložení sú produkty usporiadané v rovnako veľké obdĺžnikové krabice, napríklad:

Toto rozloženie je už dlho zaužívané e-commerce stránky. Nielenže by ho vaši zákazníci už poznali, ale je tiež dobrý na vystavenie produktov. Okrem toho sa dobre škáluje – na malých obrazovkách môžete zobraziť iba jeden rámček alebo ho rozšíriť na niekoľko väčších.

Pri použití tohto rozloženia dbajte na to, aby boli krabice rovnako veľké. Ako ukazuje táto prípadová štúdia, používanie rovnako veľkých boxov môže zvýšiť výnosy na návštevníka až o 17 %.

Ak predávate s Ecwidom, nie je to pre vás problém – Ecwid má rovnako veľkú mriežku, ktorá sa automaticky prispôsobuje rôznym obrazovkám.

Zobraziť navigáciu v hornej časti záznamov produktov

Ďalšou konvenciou, ktorú by ste mali dodržiavať, je umiestniť možnosti triedenia na začiatok stránky.

Zákazníci toto umiestnenie očakávali a prirodzene sa sem pozrú, keď sa dostanú na stránku kategórie.

Orientovať zákazníkov strúhankou

Drobečková navigácia sú navigačné prvky, ktoré používateľom ukazujú cestu z domovskej stránky, napríklad:

Ich pridanie na začiatok stránky pomáha návštevníkom zorientovať sa. Hovorí im, v ktorej stránke alebo kategórii sa nachádzajú a ako sa môžu vrátiť na domovskú stránku.

4. Zamerajte sa na vizuál, no nezabudnite na text na produktových stránkach

Online, jediný spôsob, ako ukázať svoje produkty, je prostredníctvom vizuálov. To je dôvod, prečo sú známe veľké obrázky produktov e-commerce konverzie.

Aj keď sú vizuálne prvky dôležité, vaše rozloženie by malo mať priestor aj na popisný text. Dobrá kópia nielen popisuje produkt, ale tiež pomáha predať ho a vašu značku.

Zvážte napríklad, ako spoločnosť BestMadeCo používa silnú kópiu na svojej domovskej stránke na predaj produktu, ktorý bol nedávno uvedený na trh. Rozloženie pomáha textu dokonale hrať proti obrázku.

Kópia produktu je obzvlášť dôležité na produktových stránkach. Vaše rozloženie by malo zákazníkom poskytnúť všetky kľúčové informácie, ktoré potrebujú na rozhodnutie, priamo nad záhybom stránky. To by malo zahŕňať:

• Cena (vrátane zľavy, znázornená vizuálne)
• Hodnotenie produktu a počet recenzií
• Názvy produktov a značiek
• Či je produkt na sklade (a či sa zásoby míňajú)
• Informácie o odoslaní
• 2-3 kľúčové detaily produktu

Toto je príklad toho, ako nerozmiestňovať produkty. Stránka produktu nemá žiadnu kópiu – je ťažké sa rozhodnúť.

Ako u väčšiny vecí, aj tu je rozloženie Amazonu dokonalé a zákazníkom poskytuje všetko, čo potrebujú na rozhodnutie.

5. Pridajte odporúčania produktov a súvisiace produkty

Na produktových stránkach máte dva ciele:

• Dostať zákazníka na stránku pokladne, príp
• Prinútiť zákazníka, aby si pozrel iný produkt

Pre to druhé by ste mali mať sekciu odporúčaných alebo súvisiacich produktov. Môžete to umiestniť buď za informácie o produkte alebo pred nimi.

Amazon to robí obzvlášť dobre. Všimnite si súvisiace produkty a zoznamy „tiež zobrazené“ pod záhybom stránky:

Ak máte viacero produktov v tej istej kolekcii, nezabudnite ich tiež zobraziť. Tu je dobrý príklad z WorldMarket:

Zoznamy súvisiacich produktov nemusia byť vždy vizuálne. Môžete tiež zobraziť súvisiace vyhľadávania a nasmerovať zákazníkov na položky, ktoré by ich mohli zaujímať.

Experimentujte s rôznymi rozloženiami súvisiacich/odporúčaných produktov. Skúste ich umiestniť nad pätu, pod popis produktu atď.

6. Experimentujte s detailmi prejdenia myšou na stránkach kategórií

Jeden spôsob, ako sa zlepšiť click-through ceny ponúka ďalšie podrobnosti, keď zákazník prejde myšou na obrázok produktu na stránkach kategórie.

Napríklad, Táto stránka zobrazuje podrobnosti o produkte a tlačidlo pridať do košíka pri umiestnení kurzora myši:

Účelom tejto taktiky je poskytnúť používateľom kľúčové informácie na prvý pohľad. Funguje to najlepšie, keď očakávate, že používatelia budú rýchlo prehliadať veľké množstvo produktov, napríklad v obchodoch s oblečením. Pre iné kategórie to nemusí fungovať, ale stále môžete spustiť niekoľko rozdelených testov a zobraziť výsledky.

V Ecwid môžete povoliť tlačidlá „Kúpiť teraz“ v zoznamoch produktov, ktoré vašim zákazníkom pomôžu rýchlo prehliadať (a kupovať) vaše produkty.

Keď zákazník klikne na takéto tlačidlo, váš obchod neotvorí celú stránku produktu. Namiesto toho sa vášmu zákazníkovi zobrazí kontextové okno s možnosťami produktu:

Ak váš produkt nemá možnosti, pôjde priamo do košíka.

záver

Čo sa týka rozloženia produktov, najlepšie je držať sa konvencií a riadiť sa tým, čo už robia lídri na trhu. Podrobne katalogizujte svoje produkty, dôkladne ich kategorizujte a potom ich usporiadajte do štandardnej mriežky.

Vyššie uvedené osvedčené postupy budú fungovať pre väčšinu obchodov v rôznych odvetviach. Vyskúšajte ich vo svojom vlastnom obchode!

Vytvorte si krásny internetový obchod s Ecwidom
Zistite viac

• Ako opraviť navigáciu v obchode
• Všetko, čo potrebujete vedieť o produktovom merchandisingu
• Online merchandising: Ako rozložiť produkty v internetovom obchode
• Čo je to módny merchandising a prečo je taký dôležitý?
• 10 dizajnových chýb online obchodov
• 15 perfektných párovaní písiem pre váš web elektronického obchodu
• Teória farieb: Všetko, čo potrebujete vedieť o farebných témach
• 7 kreatívnych nápadov pre vašu produktovú stránku elektronického obchodu
• Sila hrdinského obrázku vo webovom dizajne
• Musieť mať Princípy UX, ktoré treba dodržiavať v online obchode
• Audit dizajnu webových stránok
• Odomknutie sily dizajnu UX pre elektronický obchod
• Aký je rozdiel medzi používateľským rozhraním a používateľským rozhraním v elektronickom obchode?