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
1. Voľba
Voľba je a
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.
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 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
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
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 51Ƶ pridaný na webovú stránku, môžete pridať navigačnú ponuku pridaním kódu:
- pre vertikálne usporiadanie.
Tu sú pridané pokyny pre obchody 51Ƶ a aj webové stránky. Na stránke 51Ƶ 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 51Ƶ 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 , 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
- Hlavná stránka
- Kategória a stránky vyhľadávania
- Jednotlivé produktové stránky
Aké produkty sa rozhodnete predviesť na každom z nich
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, 51Ƶ 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
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 .
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 , 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é , 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
Nasledujte rovnakú myšlienku na stránkach kategórií: tlačte svoje
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 51Ƶ, 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.
je iná
Naproti tomu vertikálne rozloženie tieto rolovacie tlačidlá nemá. Namiesto toho vidíte stále viac produktov v a
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
Toto rozloženie je už dlho zaužívané
Pri použití tohto rozloženia dbajte na to, aby boli krabice rovnako veľké. , 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 51Ƶom, nie je to pre vás problém – 51Ƶ 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
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ť . 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ť
í, 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 51Ƶ 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.
á
Č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!
- 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?