Přemýšleli jste někdy nad tím, proč obchody s potravinami umisťují mléko do zadní části obchodu a čokoládu do blízkosti pokladny?
Jednoduché: umístění základního zboží v zadní části obchodu povzbuzuje nakupující, aby se procházeli a procházeli další produkty. Umístění malých předmětů (jako jsou čokolády) v blízkosti pokladny podporuje impulzivní nákupy.
To vše je součástí vědy o designu obchodů. The správné rozložení obchodu může zvýšit prodej, zlepšit loajalitu a pomoci zákazníkům rychleji najít to, co chtějí.
Váš internetový obchod se neliší. Organizace a uspořádání vašich produktů má velký vliv na to, co (a jak) od vás zákazníci nakupují.
V tomto článku vám ukážeme, jak rozmístit produkty, abyste maximalizovali prodeje a konverze.
3 věci, které je třeba zvážit při výběru rozvržení produktu
Uspořádání produktu může znít jako přímočarý problém, když k němu poprvé přistoupíte. Nicméně, jako většina věcí v
1. Výběr
Volba je a
Efektivní uspořádání produktu je v podstatě procesem vyvažování této duality. To znamená: budit dojem bohatého výběru a přitom zachovat snadné používání a navigaci na webu.
Věda říká že rozhodování je psychicky náročné. Když nakupující konfrontujete s příliš mnoha možnostmi, je pravděpodobné, že si nevyberou vůbec.
Jak tedy tento problém vyřešit v uspořádání vašeho obchodu?
Jedním z řešení je použití doporučených obrázků, které vedou k dalším produktům. Všimněte si například jak Made.com používá samostatné obrázky pro celé kategorie produktů (např. „zahradní nábytek“):
Berte to jako upoutávku, která má přilákat zákazníky.
V ideálním případě si budete chtít ponechat své
Proto, než začnete proces rozvržení, uveďte následující:
- Celý váš sortiment a jejich příslušné kategorie a podkategorie
- Funkční kategorie jako „nejprodávanější produkty“, „vybrané produkty“ atd. a produkty v nich.
Dalším krokem je použití těchto informací ke konstrukci a
Díky tomu zákazníci najdou to, co chtějí, aniž by je zahltili příliš mnoha možnostmi.
Pokud je váš obchod Ecwid přidán na webovou stránku, můžete přidat navigační nabídku přidáním kódu:
- pro horizontální rozložení
- pro vertikální uspořádání.
Zde jsou přidány pokyny pro obchody Ecwid WordPress a Wix také webové stránky. Na webu Ecwid Instant Site je k dispozici pouze horizontální nabídka.
2. Informace o produktu
Zde je další vyvážení, které byste měli provést při výběru rozvržení obchodu: zobrazení informací o produktu.
Chcete zákazníkům poskytnout informace, které potřebují, aby se proklikali a provedli nákup. Zároveň je nechcete zahltit příliš mnoha detaily — alespoň ne dříve, než budou na skutečné stránce produktu.
Vaším mentálním modelem v této situaci by mělo být usnadnit rozhodování a vzbudit zájem zákazníků. Zeptejte se sami sebe: co minimální informace musí se moji zákazníci na produkt proklikat?
Zjistíte, že tato odpověď se liší obchod od obchodu a produkt od produktu.
Všimněte si například, jak vám Amazon na stránce kategorie poskytuje pouze čtyři informační body: název produktu, cenu (včetně slevy), hodnocení a dostupnost Prime:
V Ecwid můžete přidávat podobná hodnocení a recenze pomocí aplikace Stampled.io.
Ačkoli jsou tyto informace nezbytné pro velkého maloobchodníka, jako je Amazon, pro menší podniky, jako je Pískové a kamenné šperky, hodnocení není tak důležité. Stránky kategorií tedy zobrazují pouze název a cenu produktu.
Je snadné upadnout do pasti rozdávat příliš málo informací na stránkách kategorií. Nejlepší způsob, jak se tomu vyhnout, je popovídat se zákazníky a zeptat se jich, jaké informace používají k rozhodování o nákupu.
3. Design prodejny
To, jak jste svůj obchod navrhli, bude mít velký vliv na rozložení vašeho produktu.
An
- Domovská stránka
- Kategorie a stránky vyhledávání
- Jednotlivé produktové stránky
Jaké produkty se rozhodnete předvést na každém z nich
Všimněte si například, jak Amazon propaguje své vlastní produkty na své domovské stránce, pokud nejste přihlášeni:
Je běžné, že obchody propagují nejnovější nabídky na domovské stránce. Ujistěte se, že tyto nabídky sladíte s vaší cílovou skupinou. BestMadeCo například pořádá promo akci ke Dni otců s ohledem na svou převážně mužskou klientelu.
Zaměřte se na:
- Zjistěte, jaké produkty chcete, aby si zákazníci koupili (ideálně vaše nejprodávanější produkty a/nebo produkty s nejvyšší marží)
- Zachování jednotnosti designu napříč různými
typy stránek.
Ať už se rozhodnete zvýraznit své bestsellery nebo novinky, Ecwid vám umožní vytvořit kategorii doporučené produkty na domovské stránce a pojmenujte jej podle svých potřeb.
6 osvědčených postupů pro E-commerce Rozložení produktu
I když si jistě můžete vytvořit jedinečné schéma rozvržení pro své
1. Zatlačte top produkty a nabídky nad záhyb
Oblast „nad okrajem“ je plocha obrazovky viditelná, když zákazníci poprvé vstoupí na váš web. Ve skutečnosti tato oblast odpovídá za 80 % veškeré pozornosti diváků na většině webů.
Vzhledem k druhu pozornosti, kterou tento prostor získává, je dobré umístit své nejlepší produkty nad okraj. To může zahrnovat:
- Nejnovější nabídky, výprodeje a slevy
- Nejprodávanější produkt nebo kategorie produktů
- Nedávno uvedené produkty (nejlépe funguje na začátku nákupní sezóny)
On Target.com, například v horní části stránky uvidíte nejnovější nabídky:
Pokud máte hodně nabídek, zvažte přidání posuvníku, jako je tento příklad z Walmartu. Všimněte si také propagačních akcí probíhajících pod navigační nabídkou:
Někteří prodejci módy se vyhýbají konvenčnímu uspořádání ve prospěch propagace image značky. Na ASOS, například získáte image značky s možností „Nakupovat muže“ nebo „Nakupovat ženy“.
Tato taktika funguje, když se snažíte propagovat vizi značky pomocí lookbooku. Většina prodejců si však lépe poradí s konvenčním
Postupujte podle stejné myšlenky na stránkách kategorií: push your
2. Smíchejte horizontální a vertikální rozložení
V zásadě existují dva způsoby, jak můžete rozmístit své produkty na libovolné stránce: vodorovně nebo svisle.
Horizontální rozvržení zůstává statické. Na okraji stránky je tlačítko pro další procházení výpisů.
Tento příklad z Amazonu ilustruje věci lépe:
V Ecwidu, nedávno prohlížené produkty jsou také zobrazeny vodorovně. Můžete si vybrat počet položek, které se budou zobrazovat nahoře nebo dole ve vaší výloze.
Související produkty je další
Naproti tomu svislé rozvržení tato tlačítka pro posouvání nemá. Místo toho vidíte stále více produktů v a
V ideálním případě byste měli použít kombinaci obou těchto rozložení:
- Horizontální rozvržení, chcete-li zobrazit několik produktů z mnoha kategorií, například v části Naposledy zobrazené produkty
- Vertikální rozvržení, pokud chcete zobrazit mnoho produktů ze stejné kategorie, jako je jedna stránka vyhledávání a kategorie
3. Dodržujte konvence a očekávání uživatelů
Jsou situace, kdy budete chtít být svým designem nekonvenční. Uspořádání produktu není jedním z nich.
Uspořádání vašeho produktu je určeno k orientaci uživatelů, když se dostanou na váš web. Konvenční uspořádání zajišťuje, že najdou to, co chtějí, a nebudou dezorientováni.
Konvence se samozřejmě liší sektor od sektoru. Je však třeba zvážit několik věcí:
Použijte rozložení mřížky
V mřížkovém uspořádání jsou produkty uspořádány v
Toto rozvržení bylo dlouho konvencí
Při použití tohoto rozložení dbejte na to, aby byly krabice stejně velké. Jak ukazuje tato případová studie, použití stejně velkých boxů může zvýšit tržby na návštěvníka až o 17 %.
Pokud prodáváte s Ecwid, není to pro vás problém – Ecwid má stejně velkou mřížku, která se automaticky přizpůsobuje různým obrazovkám.
Zobrazit navigaci v horní části seznamů produktů
Další konvencí, kterou byste měli dodržovat, je umístit možnosti řazení na začátek stránky.
Zákazníci toto umístění očekávají a přirozeně se sem podívají, když se dostanou na stránku kategorie.
Orientovat zákazníky strouhankou
Drobečková navigace jsou navigační prvky, které uživatelům ukazují cestu z domovské stránky, jako je tato:
Jejich přidání na začátek stránky pomáhá návštěvníkům orientovat se. Říká jim, ve které stránce nebo kategorii se nacházejí a jak se mohou vrátit na domovskou stránku.
4. Zaměřte se na vizuál, ale nezapomeňte na text na produktových stránkách
Online, jediný způsob, jak ukázat své produkty, je prostřednictvím vizuálů. To je důvod, proč jsou známé velké obrázky produktů
Přestože jsou vizuální prvky důležité, vaše rozvržení by mělo mít také prostor pro popisný text. Dobrá kopie nejen popisuje produkt, ale také pomáhá prodat jej a vaši značku.
Zvažte například, jak BestMadeCo používá silnou kopii na své domovské stránce k prodeji nedávno uvedeného produktu. Rozvržení pomáhá textu dokonale hrát proti obrázku.
Kopie produktu je zvláště důležité na produktových stránkách. Vaše rozvržení by mělo zákazníkům poskytnout všechny klíčové informace, které potřebují k rozhodnutí, přímo nad okrajem. To by mělo zahrnovat:
- Cena (včetně slevy, znázorněno vizuálně)
- Hodnocení produktu a počet recenzí
- Názvy produktů a značek
- Zda je produkt skladem (a zda zásoby docházejí)
- Podrobnosti o přepravě
2-3 klíčové detaily produktu
Toto je příklad toho, jak nerozdělovat produkty. Stránka produktu nemá žádnou kopii – je těžké se rozhodnout.
Jako u většiny věcí, i zde je rozložení Amazonu dokonalé a zákazníkům poskytuje vše, co potřebují k rozhodnutí.
5. Přidejte doporučení produktů a související produkty
Na produktových stránkách máte dva cíle:
- Dostat zákazníka na stránku pokladny, popř
- Přimějte zákazníka, aby si prohlédl jiný produkt
Pro to druhé byste měli mít sekce doporučené nebo související produkty. Můžete jej umístit buď za informace o produktu, nebo před ně.
Amazon to dělá obzvlášť dobře. Všimněte si souvisejících produktů a „také zobrazených“ záznamů pod okrajem:
Pokud máte více produktů ve stejné kolekci, nezapomeňte je také zobrazit. Zde je dobrý příklad z WorldMarket:
Seznamy souvisejících produktů nemusí být vždy vizuální. Můžete také zobrazit související vyhledávání a nasměrovat zákazníky na položky, které by je mohly zajímat.
Experimentujte s různými rozvrženími souvisejících/doporučených produktů. Zkuste je umístit nad zápatí, pod popis produktu atd.
6. Experimentujte s detaily přejetí myší na stránkách kategorií
Jeden způsob, jak se zlepšit
Například, Tato stránka zobrazí podrobnosti o produktu a tlačítko pro přidání do košíku při najetí myší:
Účelem této taktiky je poskytnout uživatelům na první pohled klíčové informace. Funguje nejlépe, když očekáváte, že uživatelé budou rychle procházet velké množství produktů, například v obchodech s oblečením. U jiných kategorií to nemusí fungovat, ale stále můžete provést několik dílčích testů a zobrazit výsledky.
V Ecwid můžete aktivovat tlačítka „Koupit nyní“ na seznamech produktů, která vašim zákazníkům pomohou rychle procházet (a kupovat) vaše produkty.
Když zákazník na takové tlačítko klikne, váš obchod neotevře celou stránku produktu. Místo toho se zákazníkovi zobrazí vyskakovací okno s možnostmi produktu:
Pokud váš produkt nemá možnosti, půjde přímo do košíku.
Proč investovat do čističky vzduchu?
Pokud jde o rozvržení produktu, je nejlepší držet se konvence a řídit se tím, co již dělají lídři na trhu. Podrobně katalogizujte své produkty, důkladně je kategorizujte a poté je uspořádejte do standardního rozvržení mřížky.
Výše uvedené osvědčené postupy budou fungovat pro většinu obchodů napříč odvětvími. Vyzkoušejte je ve svém vlastním obchodě!
- Jak opravit navigaci v obchodě
- Vše, co potřebujete vědět o produktovém merchandisingu
- Online merchandising: Jak rozmístit produkty v online obchodě
- Co je módní merchandising a proč je tak důležitý?
- 10 designových chyb online obchodů
- 15 perfektních párování písem pro váš web elektronického obchodu
- Teorie barev: Vše, co potřebujete vědět o barevných motivech
- 7 kreativních nápadů pro vaši produktovou stránku elektronického obchodu
- Síla hrdinského obrázku ve webdesignu
Musíte mít Zásady UX, které je třeba dodržovat v online obchodě- Audit designu webových stránek
- Odemknutí síly designu UX pro elektronický obchod
- Jaký je rozdíl mezi UI a UX v elektronickém obchodu?