10 tipů pro návrh skvělého internetového obchodu

Podnikatelé a maloobchodníci s maltou, kteří chtějí expandovat do online nakupování, mají k dispozici více možností než kdykoli předtím, ale mají také více možností, jak rozeznat webové stránky a technické možnosti. Při budování efektivního internetového obchodu jsou stále k dispozici poskytovatelé na klíč, například Wix Stores, díky nimž můžete svou počáteční přítomnost rychle a snadno objevovat. Ale ti, kdo opravdu myslí na růst svých online obchodů, zjistí, že jejich potřeby se vyvíjejí nad rámec těchto služeb na klíč poměrně rychle.

Existuje mnoho otázek, na které je třeba odpovědět nejprve, než se něco v kyberprostoru skutečně objeví, a potom mnohem více, jakmile zraje obchod. Shromažďování údajů o zákaznících je skvělým příkladem a dnes velkou otázkou, zejména pro všechny obchody, které chtějí vstoupit na evropské trhy. Převod měny a odlišné zákony o elektronickém obchodování jsou na těchto trzích stále otravnými problémy, nyní však budete také muset jednat s obecným nařízením o ochraně údajů (GDPR), které vyžaduje mnohem pečlivější zpracování údajů o zákaznících.

Zabezpečení transakcí je další klíčovou otázkou, protože to znamená vyvážit potřebu bezpečnosti zákazníků s tím, kolik koleček budete potřebovat, aby prošli, než budou moci provést nákup. A bez ohledu na to, jaká rozhodnutí učiníte pro svůj standardní web, budete muset mít stejné diskuse pro jeho mobilní iteraci. Protože mobilita byla jistě jedním z loňských miláčků, dalších 12 měsíců v žádném případě nezmenšila její význam.

Současné myšlení naznačuje, že weboví tvůrci musí nejprve navrhnout mobilní prostředí a poté upravit pracovní prostředí podle potřeby.

„Každý prvek, každý obsah, musí být funkční na mobilu, “ řekl Jimmy Rodriguez, provozní ředitel společnosti 3dcart. "Pokud začínáte od nuly, navrhujete pro mobily. Díky responzivnímu designu můžete vytvořit web tak, aby začal na mobilních zařízeních, a poté jej přeneste na plochu."

Abychom vám pomohli navrhnout váš e-commerce výkladní skříň pro uživatele mobilních i stolních počítačů, sestavili jsme níže 10 důležitých tipů. Rodriguez však doporučuje, aby předtím, než podniky začlení některé z nich do svých prodejních skříní, měli A / B otestovat tyto funkce na konkrétních produktových stránkách, aby zjistili, jak se jim daří, než je rozbalí na celý svůj web.

1. Navigace lepkavým záhlavím

Všichni jsme tam byli: Posouvali jsme se na konec stránky produktu, abychom si přečetli uživatelské recenze nebo podrobnosti o produktu, a nyní jsme připraveni opustit stránku, abychom se vrátili do nabídky a pokračovali v naší nákupní cestě. Abychom se dostali zpět do nabídky, bohužel jsme obvykle museli na našich stolních klávesách kliknout na tlačítko „Page Up“ nebo na našich mobilních zařízeních klepnout v horní části obrazovky.

Při použití Sticky Headers se nabídka posouvá dolů a upravuje se. Nabídka vás sleduje po vaší cestě, aby navigace na obrazovce zůstala v případě, že potřebujete rychle přeskočit stránky. Můžete to vidět na webu Bose.com. Přesto, že jste uprostřed stránky, stále máte přístup k hlavní navigaci na stránce, aniž byste museli směřovat zpět na horní část obrazovky.

2. Hamburgerovy nabídky

Přestože Hamburger Menus zní jako funkce, která se nejlépe hodí pro restaurace s rychlým občerstvením, rychle se stávají nutností pro společnosti, které na mobilních zařízeních podnikají hodně. Už jste je viděli dříve: Hamburger Menus se stal standardní mobilní ikonou pro mobilní navigaci a menu.

Mají tři vodorovné čáry, které po stisknutí nabízejí rozbalovací nabídku navigace na webu. Jsou zvláště užitečné na mobilních zařízeních, kde je nemovitost na obrazovce vyšší. Začneme je však také vidět na webových stránkách pro stolní počítače, takže zákazníci mají podobné zkušenosti na webových stránkách společnosti bez ohledu na to, jaké zařízení používají.

"Mnoho lidí vidí hamburgerové menu a vědí, co to znamená, ale nevědí, že je to v zásadě nový standard, " řekl Rodriguez. „Mobilní návštěvníci se naučili význam tohoto symbolu a webové stránky by ho měly přijmout jako standard pro mobilní navigaci.“

V pravém horním rohu Target.com a na mobilních webových stránkách Target je vidět Hamburger Menu. Můžete si také prohlédnout obrázek níže.

3. Posouvání paralaxy

Funkce Parallax Scrolling využívá méně funkcí a více způsobů, jak zlepšit estetiku vašeho webu. Využívá velkých bannerů, které jsou plné snímků s vysokým rozlišením, aby na svůj web přidala umělecký vkus. Využitím velkých obrázků v plné šířce můžete vytvořit efekt posunu mezi obrázkem na pozadí vašeho webu a obrázkem, který je přímo před vaším zákazníkem.

Jak vidíte na obrázku níže na webu RimmelLondon.com, při procházení stránky dolů se obrázky na pozadí webu mění. Ke změně však dochází jemně, protože se pozadí a popředí prolínají. Snímek obrazovky ukazuje web přímo v okamžiku, kdy se obrázek na pozadí změní z fialové na růžovou.

4. Nekonečné rolování

Nekonečné posouvání zní spíše jako technika mučení než funkce elektronického obchodování. Tento šikovný nástroj však umožňuje uživatelům nepřetržitě prohlížet nové produkty, aniž by museli klikat a načíst novou stránku. Funguje to takto: Když přejdete dolů na konec stránky elektronického obchodu, stránka automaticky načte další položky ve spodní části stránky. Jsou stále katalogizovány jako stránky na zadní straně, ale návštěvník to neví.

Podobnou funkci můžete vidět na webu UnderArmour.com. Ve službě Under Armor bohužel musíte kliknout na tlačítko „Načíst další“ a zobrazit další obsah. Některé webové stránky jsou vybaveny mechanismem automatického otevírání, který vám ukáže více obsahu bez nutnosti kliknutí.

5. Plovoucí tlačítko „Přidat do košíku“

Podobně jako u nástroje Sticky Navigation, plovoucí tlačítka „Přidat do košíku“ umožňují vašim zákazníkům přidávat produkty do nákupního košíku bez ohledu na to, kde jsou na stránce produktu. Dříve by uživatelé procházeli dolů k uživatelským recenzím, podrobnostem o produktu a dalším prvkům nižší stránky a aby mohli produkt přidat do košíku, museli by se vrátit zpět na začátek stránky. Společnosti jako Diesel.com nyní umožňují zobrazit cenu produktu, množství, možnosti barev a obrázek a také tlačítko „Přidat do košíku“ bez ohledu na to, kde se na stránce produktu nacházíte.

6. Použijte Fitts 'zákon

Nebudeme vás nudit matematikou za Fittsovým zákonem, ale je to v podstatě teorie, že čím větší a bližší objekt je pro nás, tím je pravděpodobnější, že s ním budeme komunikovat. Stejný základní princip lze aplikovat na elektronický obchod. Pokud chcete uživatele nasměrovat na stránky produktů, nákupní vozíky a propagační akce, měli byste tato tlačítka učinit velkými, barevnými a co nejblíže středu středu stránky.

Pokud ignorujete Fitts 'Law a umístíte malá, černobílá tlačítka podél kolejnic nebo na spodní část stránek, můžete ztratit potenciální kupce. Nedělejte tuto chybu.

7. Zobrazit recenze a posudky zákazníků

Nechcete, aby zákazníci přicházeli na váš web, prohlíželi si vaše produkty a potom míří na Amazon.com, aby zkontrolovali uživatelské recenze. Koneckonců, Amazon.com může prodat produkt levněji nebo zákazník může preferovat zážitek z nakupování Amazon.com před vašimi webovými stránkami.

Pokud svým zákazníkům dáte možnost hodnotit a hodnotit produkty, budete moci před nákupem odrazit ty opatrné zákazníky, kteří potřebují ujištění názorů jiných spotřebitelů. Většina nástrojů elektronického obchodování usnadňuje implementaci hodnocení a recenzí, takže se nemusíte vyhýbat implementaci této praxe.

8. Efektivní zákaznický servis

Spolupráce se zákazníkem je rozhodující pro úspěch v maloobchodě a nikde to není snazší nebo efektivnější než na zákaznickém servisu. Správná péče o rozzlobeného, ​​nespokojeného nebo dokonce zmateného zákazníka je jednou z nejjistějších cest k opakování podnikání. Dnešní servisní stůl a helpdesk aplikace to usnadňují než kdykoli předtím. Použití jedné z těchto aplikací nejen organizuje požadavky zákazníků, ale také vám umožňuje získat data o zákaznících a odezvách, která tato setkání generují, a přenést je do vašich nástrojů pro řízení vztahů se zákazníky (CRM), marketing a obchodní analytiku. Díky tomu budete moci sledovat, co si zákazníci myslí o vašem obchodě a jeho produktech.

Tam, kde umístíte své zákaznické služby, jsou kotvy a kontaktní body důležité pro celkovou zkušenost zákazníka. A zda tato interakce má podobu jednoduché kontaktní stránky, nebo jde tak daleko, že otevře okno chatu s kýmkoli, kdo na webu zůstane déle než 60 sekund, je něco, co závisí na typu produktů, které prodáváte, a na průměrná statistika návštěv na vašem obchodu.

Ale úspěch zákaznického servisu je více než jen software. Musíte se ujistit, že je tu někdo, kdo se s těmito požadavky vypořádá, nebo je to zbytečná investice. Zákazníci, kteří se dostali do problémů s kliknutím na tlačítko „Kontaktujte zákaznický servis“, očekávají, že dostanou živou pomoc od skutečného člověka. Můžete to spravovat telefonem nebo prostřednictvím chatu, což je funkce, která se stává běžnější u poskytovatelů služeb helpdesku. A pokud jste připoutáni k personálu, můžete dopředu provozovat zákaznický servis pomocí inteligentních chatbotů, které „zvukují“ člověka, zatímco jsou schopny zvládnout záplavu příchozích požadavků na základní úrovni a rozdávat pouze složitější požadavky skutečnému homo sapiens.

9. Drobečková pokladna

Když se zákazníci odhlásí z vašeho obchodu, rádi by věděli, kde jsou, jak daleko jsou od dokončení a jak se snadno vrátit zpět, aniž by ztratili všechna data, která již zadali. Služba Drobečková navigace zobrazuje zákazníkům přesně to, kde se právě nachází, a to pomocí návrhu tlačítka lineární navigace, díky němuž mohou zákazníci klikat vpřed a vzad z přihlášení, možností platby, možností dopravy, zadat objednávku nebo pokračovat v nákupu. Bez tohoto rozvržení mohou spotřebitelé stisknout tlačítko Zpět, zjistit, že jejich informace nejsou přihlášeny, jsou frustrovaní a poté opustí web.

10. 360 stupňové pohledy

Nakupovali jste si někdy zdánlivě skromnou bundu, abyste si uvědomili, že má zpět kamienkovou postel? Když jste tento produkt vrátili, ztratili jste svůj vlastní čas a čas prodávajícího a náklady společnosti jste také zaplatili. Nebojte se, nebyla to vaše chyba. Více než pravděpodobné, měl prodejce pouze čelní a boční pohled na bundu. Kdyby dodavatel nabídl 360stupňové pohledy, měli byste tyto kamínky spatřit a kliknout na tlačítko Zrušit objednávku.

Na svém vlastním webu nedělejte stejnou chybu. Kromě umožnění zákazníkům přiblížit obrázky, dát jim možnost otočit nebo zobrazit více úhlů obrazu, stejně jako Kenneth Cole.com. Tímto způsobem nejsou překvapeni, když otevřou přepravní krabici a vytáhnou produkt, který neočekávali.