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 prodejen. Správné uspořádání prodejny může zvýšit prodej, zlepšit loajalitu zákazníků a pomoci jim 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ž konfrontujete zákazníky s příliš mnoha možnostmi, je pravděpodobné, že se vůbec nerozhodnou.
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é odkazují na další produkty. Všimněte si například, jak Made.com používá samostatné obrázky pro celé kategorie produktů (například „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 si před zahájením procesu návrhu 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 pokyny pro přidávání obchodů Ecwid na weby WordPress a Wix . Na Ecwid Instant Site je k dispozici pouze horizontální menu.
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 usnadnění rozhodování a vzbudení zájmu zákazníků. Zeptejte se sami sebe: jaké minimální informace moji zákazníci potřebují, aby klikli na produkt?
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 prodejce, jako je Amazon, pro menší firmy, jako je Sand & Stone Jewelry , hodnocení není tak důležité. Stránky kategorií proto zobrazují pouze název produktu a cenu.
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
- Hlavní 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 zdůraznit své nejprodávanější produkty nebo novinky, Ecwid vám umožňuje vytvořit kategorii pro vybrané produkty na domovské stránce a pojmenovat ji podle vašich 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 záhybem“ je plocha na obrazovce, která je viditelná, když zákazníci poprvé přijdou na váš web. Ve skutečnosti tato oblast představuje 80 % veškeré pozornosti návštěvní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)
Například na Target.com uvidíte nejnovější nabídky v horní části stránky:
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ří módní prodejci se vyhýbají konvenčním designům ve prospěch propagace image značky. Například na ASOS 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 se naposledy zobrazené produkty zobrazují také horizontálně. Můžete si vybrat počet položek, které se mají zobrazit v horní nebo dolní části výlohy.
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 rozvržení dbejte na to, aby byly všechny krabice stejně velké. Jak ukazuje tato případová studie , použití stejně velkých krabic 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.
Produktový text je obzvláš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 ohybem stránky. 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
V druhém případě byste měli mít sekci s doporučenými nebo souvisejícími produkty . Tu můžete 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 zobrazuje podrobnosti o produktu a tlačítko Přidat do košíku po 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.
Závěr
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?
