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 predajní. Správne usporiadanie predajne môže zvýšiť predaj, zlepšiť lojalitu zákazníkov a pomôcť im 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.
Veda hovorí , že rozhodovanie je psychicky náročné. Keď konfrontujete nakupujúcich s príliš veľkým množstvom možností, je pravdepodobné, že sa vôbec nerozhodnú.
Ako teda prekonáte tento problém v usporiadaní vášho obchodu?
Jedným z riešení je použiť vybrané obrázky, 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
Preto predtým, ako začnete s procesom návrhu , si uveďte nasledujúce:
- 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 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ú pokyny pre obchody Ecwid pridané aj na webové stránky WordPress a Wix . Na Ecwid Instant Site je k dispozícii iba horizontálne menu.
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. Položte si otázku: aké minimálne informácie moji zákazníci potrebujú, aby klikli 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.
Hoci sú tieto informácie potrebné pre veľkého predajcu, ako je Amazon, pre menšie firmy, ako je napríklad Sand & Stone Jewelry , nie sú hodnotenia také dôležité. Preto sa na stránkach kategórií 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 zdôrazniť svoje najpredávanejšie produkty alebo novinky, Ecwid vám umožňuje vytvoriť kategóriu pre vybrané produkty na domovskej stránke a pomenovať ju podľa vašich 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“ je plocha na obrazovke, ktorá je viditeľná, keď zákazníci prvýkrát pristanú na vašej stránke. V skutočnosti táto oblasť predstavuje 80 % všetkej pozornosti návštevní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)
Napríklad na stránke Target.com 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í módni predajcovia sa vyhýbajú konvenčným rozloženiam v prospech propagácie imidžu značky. Napríklad na ASOS získate obrázok 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 Ecwide sa nedávno zobrazené produkty zobrazujú 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á
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 polia rovnako veľké. Ako ukazuje táto prípadová štúdia , použitie políčok rovnakej veľkosti môže zvýšiť príjmy 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
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.
Text produktu je obzvlášť dôležitý na stránkach produktov. Vaše rozloženie by malo zákazníkom poskytnúť všetky kľúčové informácie, ktoré potrebujú na rozhodnutie, hneď nad záhybom stránky. Malo by to 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
V druhom prípade by ste mali mať sekciu s odporúčanými alebo súvisiacimi produktmi . Túto sekciu môžete umiestniť buď za informácie o produkte, alebo pred ne.
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ť
Napríklad táto stránka zobrazuje podrobnosti o produkte a tlačidlo Pridať do košíka po 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!
- 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?
