Návrháři webových stránek elektronického obchodování dnes čelí řadě výzev, když se pokoušejí vytvořit uživatelskou zkušenost, která zvyšuje pravděpodobnost, že návštěvníci nakupují online .

Chcete-li bojovat s tvrdou online soutěží a překonat obavy skeptických zákazníků, mohou návrháři podniknout řadu kroků ke zlepšení použitelnosti svých internetových obchodů.

Od roku 1995, Amazonka se stala světovým lídrem v oblasti elektronického obchodování. Jeho úspěch není fluke, ani není jen výsledek toho, že je na správném místě ve správný čas.

Úspěch společnosti Amazon je přímým důsledkem silného zážitku z nakupování uživatelů .

V tomto článku budeme diskutovat o mnoha aspektech nákupního zážitku Amazonů, které budou v zásadě nebo prakticky nabízet model hodný imitace vývojáři elektronického obchodu dnes.

Dvouložný účel byl jasný

Nákupní zkušenost s Amazonem začíná samozřejmě na domovské stránce, kde uživatel je vizuálně informován o dvojím účelu webu:


Vyhledávání produktů a nákup online

Amazon Home Page

Když skenujete domovskou stránku Amazonu (obrázek nahoře), co vyniká? Uprostřed neustále zanedbávaného uspořádání několik málo čistých, odlišných prvků okamžitě zachycuje oko uživatele: navigační sekce v levém horním rohu a ovládací prvky vyhledávacího / nákupního košíku v horní části.

Níže je stejný snímek obrazovky s prvky, které jsou zdůrazněny zbytkem zbytku:

Amazon Home Page with Search and Navigation Emphasized

S těmito prvky jsme si uvědomili, jak se Amazon dosahuje jednoduchého dvojího účelu:

  • Uživatel je schopen rychle vyhledat a zakoupit výrobky
  • Prodejce je schopen rychle zpracovat online nákupy a dosáhnout zisku

Vzhledem k tomu, že Amazon je tak známý, jen vzácný návštěvník by nevěděl, že obě tyto věci (tj. Vyhledávání produktů a online nakupování) jsou k dispozici.

Ale tým návrhářů a architektů společnosti Amazon se ujistil, že tyto dva prvky ve struktuře webových stránek jsou prominentní a použitelné.

Návrháři, klienti, projektoví manažeři a vývojáři, kteří se zabývají budováním webových stránek pro elektronický obchod, mohou následovat tento příklad tím, že jasně zdůrazní vyhledávání produktů a nákup online od samého počátku zkušeností uživatelů - ať už se jedná o první uživatele nebo o vracející se zákazníky.


Obsah přizpůsobený aktuálnímu uživateli

Až budou vytvořeny možnosti vyhledávání produktů a online nakupování, uživatelé budou s největší pravděpodobností chtít tyto funkce okamžitě využít - počínaje vyhledáváním.

Amazon používá soubory cookie k udržení přihlášeného uživatele a sledování nákupních návyků uživatele a jejich uložení na straně serveru.

To je dobré zlepšení, protože dynamicky přizpůsobuje uživatelské zkušenosti na základě předchozích vyhledávání, zobrazení stránek, doplnění seznamu přání, písemných recenzí a nakonec i nákupů.


Související položky zobrazeny

Jeden příklad přizpůsobeného obsahu je vidět na domovské stránce, která upravuje hlavní obsah založený na tom, jak se uživatel (ať už přihlášený nebo ne) zapojil do funkce vyhledávání produktu:

Amazon Content Tailored to the User


Doporučené položky založené na předchozí činnosti

Tento typ přizpůsobeného obsahu se zobrazí při dalších návštěvách, pokud jsou soubory cookie prohlížeče neporušené:

Amazon Recommended Content

Jak to dělá Amazon, dobré webové stránky elektronického obchodu budou sledovat chování na straně klienta (na straně serveru), aby se zajistilo, že následné návštěvy každého uživatele budou stále více přizpůsobeny jejich chuti a návykům.

To zvyšuje pravděpodobnost, že uživatel provede nákup a v některých případech urychlí nákupní proces.

Významněji vystavuje uživatele širšímu spektru produktů a služeb, které jsou vázány na jejich oblasti zájmu.


Různé připomenutí "Proč nakupovat u nás"

Amazonské nákupní zkušenosti jsou plné připomínek, proč by uživatel měl koupit produkt od Amazonu spíše než z nějakého jiného zdroje (online nebo jinak).

Několik příkladů je uvedeno a diskutováno níže.


Ceny ve srovnání s navrhovaným maloobchodem

Amazon Price Comparisons

Každý výše uvedený produkt má nejen zvýhodněnou cenu, kterou nabízí Amazon, ale také MRSP (doporučená maloobchodní cena výrobce nebo "katalogová cena" ).

Tato jednoduchá funkce, která uživatel okamžitě pochopí kvůli překroucenému textu, je vidět u prakticky všech produktů na Amazonu.

Říká uživateli (nikoliv tolik slov), "Zde je důvod, proč byste si měli koupit tuto položku od nás" . Jedná se o jednoduchý, ale silný pobídkový prodej, který nepochybně posílil příjmy Amazonu.


Uživatel ohlásil o "dopravě zdarma" brzy na

Amazon Early Shipping Notification

Dalším dobrým příkladem připomenutí "Proč nakupovat s námi" je uveden výše. Poté, co uživatel přidal do nákupního košíku některé položky, v horní části obrazovky se objeví velký výrazný žlutý banner, který uživateli říká, že se nyní kvalifikují pro bezplatnou přepravu.

Banner také užitečně obsahuje odkaz na případná omezení.

Logicky, upozornění na "bezplatnou přepravu" by mělo být krokem v "možnostech přepravy", ale tento proces nastane poté, co uživatel projeví závazek vůči položkám v nákupním košíku.

Takže zobrazování tohoto žlutého banneru, jakmile uživatelský vozík splní podmínky pro bezplatnou přepravu, zvyšuje pravděpodobnost, že bude následovat při nákupu . Opět platí žlutý banner: "Zde je další dobrý důvod kupovat od nás" .


Životní náhled knihy

Jedním z důvodů, proč by zákazník mohl předat příležitost koupit online, je, že nemohou posoudit kvalitu výrobku.

Ale up-close náhled výrobku-jeden, který je srovnatelný s vlastním držení položky ve vašich rukou- může pomoci odstranit některé, ne-li všechny, z tohoto zaváhání.


Funkce "Podívejte se dovnitř"

Knihy jsou jedním z nejčastěji nakupovaných položek na Amazonu, takže není divu, že Amazonský vývojový tým vybudoval funkci, která se nazývá "Look Inside" .

Funkce "Look Inside" umožňuje nakupujícím zobrazit některé části knih: obvykle přední kryt, obsah, první stránky, index a zadní kryt.

To může být mimořádně užitečné, protože nakupující obvykle budou schopni z pohledu na obsah obsahovat nebo zjistit, zda jim kniha vyhovuje.

Look Inside Feature

Jak je vidět na snímku nahoře a některé obrázky dále, funkce "Look Inside" (která je k dispozici pro nespočet knih) je přístupná z libovolné stránky, která obsahuje náhledy obálek a ze stránek produktů jednotlivých knih.

Umístění kurzoru nad miniaturním obrazem na stránce produktu otevře nabídku sekcí knihy.


Funkce "Vyhledat uvnitř"

Nabídka náhledu funkce "Look Inside" má také malou krabici označenou jako "Vyhledat uvnitř této knihy" , která umožňuje uživateli vyhledávat celou knihu, nikoliv pouze části dostupné pro náhled.

Když uživatel vybere volbu z nabídky "Vyhledat uvnitř" , zobrazí se lightbox, což uživateli poskytuje náhled výrobku, který je téměř tak dobrý jako držení knihy v ruce.

Look Inside Feature

Jak je uvedeno výše, funkce Light Search je také součástí Lightboxu a nabízí ještě více funkcí. Na následujícím obrázku je uveden příklad toho, co se stane, když uživatel provede vyhledávání.

Search Inside Feature

Funkce "Vyhledat uvnitř" vrací výsledky z libovolné stránky v knize, ale upozorní uživatele, pokud stránka není k dispozici k náhledu.

Vyhledávač je dokonce intuitivní, aby zahrnoval množné formy singulárních slov, což je nejlepší postup. Ačkoli jsem zjistil, že tato funkce je trochu buggy, je to stále dobrá volba při zkoumání knihy.

Vývojáři elektronického obchodování dnes nemusí mít na svých webových stránkách rozpočet nebo technické prostředky, které by mohly obsahovat takovou funkci, avšak během koncepční fáze můžete zajistit, aby byly produkty co nejvíce vystaveny .


Přizpůsobitelná historie a doporučení

Dříve jsme diskutovali, jak se v určitých částech webových stránek Amazonky objevují "doporučené položky" . Některé z těchto sekcí, stejně jako celá historie sledování produktů odběratele, mohou být změněny. Podívejte se na obrázek níže.

Adjust Recommendations

Každý produkt, který je uveden na osobní stránce zákazníka Amazon v části "Dnešní doporučení pro vás", lze upravit.

Kliknutím na odkaz "Opravit toto doporučení" se zobrazí okno, které vysvětluje přesně, proč byla tato položka doporučena a která dává zákazníkovi možnost jej změnit.

Obvykle se doporučuje položka na základě předchozího nákupu nebo sledovaných nákupních návyků. Zákazník může společnosti Amazon říct, že na základě tohoto faktoru nedoporučuje žádné další položky.

Dalším přizpůsobitelným prvkem je historie všech produktů, které zákazník prohlížel. Tato možnost není vždy snadná, ale zobrazí se v horní části osobní stránky uživatele. Příklad historie prohlížení uživatele je uveden níže.

Delete History

Položky jsou zobrazeny v pořadí, kdy byly navštíveny, počínaje nejnovějšími údaji. A každá položka má možnost "Smazat tuto položku" , podobně jako na stránce nákupního košíku.

Po odstranění položky se stránka znovu načte a seznam se aktualizuje. Tato funkce by byla účinnější, kdyby byla provedena s AJAX, ale je to stále užitečné vylepšení.

V pravém postranním panelu na stejné stránce uživatel uvidí seznam hledaných výrazů a kategorií, které nedávno prohlíželi:

Searches and Categories in Sidebar History

Kliknutím na "x" vedle každé položky může uživatel smazat jakoukoli položku ve své historii hledání nebo kategorie. Jedná se o funkci na straně klienta, takže výsledky jsou okamžité: uživatel nemusí čekat na úplné načtení stránky po odstranění položky.

Tyto přizpůsobitelné (nebo upravitelné) funkce zajišťují, že zkušenost s nakupováním není pro uživatele obtížná. Pokud obdrží doporučení, s nimiž nejsou spokojeni, může je uživatel upravit, což zlepší budoucí návštěvy.

Vývojáři elektronického obchodování mohou sledovat tento příklad tím, že umožní, aby jakýkoli dynamický uživatelsky přizpůsobený obsah byl co nejvíce přizpůsobitelný . Tím je zajištěno, že uživatelé nemají pocit, že je jejich obsah přináší prostřednictvím reklamních nebo propagačních pobídek.


Dobře umístěné navigační prvky

Klíčem k úspěchu každého online obchodu je snadnost, s níž mohou uživatelé navigovat v sekcích. Základní kategorie ukládání, uživatelské stránky, stránky nákupního košíku, nákupní stránky a podobně by měly být snadno přístupné téměř v jakémkoli bodě nakupování.

Amazon to dělá dobře, jak ukazují číslované oddíly na obrazovce níže.

Navigational Elements

Přesunutím kurzoru nad tlačítkem "Obchod všech oddělení" (# 1) se zobrazí rozbalovací nabídka, ve které jsou zobrazeny všechny primární kategorie ukládání, což zákazníkům umožňuje snadný přístup k jiným produktům. Tento navigační prvek je přesně tam, kde uživatel očekává: v levém horním rohu obrazovky, pod logem.

Vedle loga (# 2) je několik méně důležitých odkazů, jako například loga, personalizovaná doporučení a uživatelská osobní stránka Amazon. Tato sekce není extrémně prominentní, ale zobrazuje se také tam, kde by měla být: v horní části, buď nad nebo v úrovni očí s logem.

Dalším prvkem (# 3) je část obsahující "košík" a "seznam přání" . Funkce nákupního vozíku je téměř vždy umístěna v pravém horním rohu rozvržení webové stránky elektronického obchodování.

A kdykoli uživatel prohlíží stránku produktu, jsou vyzváni k přidání produktu do svého nákupního košíku nebo seznamu přání (# 4) . Uživatelé přirozeně hledají tuto funkci přesně tam, kde ji Amazon umístili: vpravo od produktu a podrobností o produktu.

A konečně, Amazon vyzývá uživatele, aby prohlédli "použité a nové" verze stejného produktu na Amazon Marketplace (# 5) . Prodej produktů na svém trhu zřejmě nezvyšuje příjmy Amazonu v krátkodobém horizontu, ale pravděpodobně získává dlouhodobé odměny, neboť jednoduše vědí, že tato možnost je k dispozici, mnoho zákazníků si vybere Amazon jako svůj hlavní cíl - a to i u použitého zboží.

Amazon to dělá, protože zná tolik, aby nejdříve zaujala zájmy uživatele a uznává dlouhodobé výhody.

Také si všimnete, že prvky, které vyniká nejvíce mezi pěti, které jsme vyzdvihli, jsou ty, které mají ostré barvy, přechody a jemné 3-D efekty.

To určitě není náhoda: Amazon chce upozornit uživatele na to, kde se počítá.

Umístění navigačních prvků je rozhodující pro úspěch jakékoli webové stránky . Amazon je v tomto ohledu velmi dobrým příkladem, dělá to, co uživatelé očekávají, a zajistí, aby byly nejdůležitější prvky přístupné po celou dobu nebo podle potřeby.


Shopper by se vždy cítil pohodlně

To je důležité pro jakoukoli webovou stránku elektronického obchodování a je na Amazon dobře provedeno.

Chcete-li zvýšit pravděpodobnost, že uživatel provede nákup, musíte se ujistit, že jsou pohodlní v každé fázi nákupního zážitku. Amazon tuto skutečnost překrásně dává zákazníkovi plnou kontrolu po celou dobu.


Snadné filtrování a porovnání hodnocení zákazníků

Amazon Customer Reviews Easy to Compare

Výše uvedený snímek porovnává dva protichůdné hodnocení zákazníků a hodnocení (zobrazené na obou stranách grafu "vs."). Uživatel může také filtrovat hodnocení zákazníků podle hodnocení. Proč jim to dělá pohodlné? Protože uživatel se chystá trávit své těžce vydělané dolary na tento produkt a cítil se pohodlněji, kdyby mohl snadno přistupovat k pozitivním i negativním recenzím .

Získání důkladné znalosti produktu prostřednictvím recenzí zákazníků, a to jak dobrých, tak špatných, dává zákazníkovi klid a pomáhá jim informovaně rozhodovat.

Uživatel není nucen na nákup zboží, ale spíše cítí, že rozhodnutí o koupi výrobku je zcela pod jeho kontrolou.


Další možnosti nákupního košíku

Amazon Cart Options

Jak je uvedeno výše, na stránce nákupního košíku je k dispozici několik možností, díky nimž se uživatel může cítit pohodlně. Za prvé, pokud uživatel změní svůj názor na konkrétní nákup, má možnost jej smazat ze svého vozíku.

Smazání je však spíše závěrečným jednáním, takže mají alternativu k tomu, aby si je později zachránili. Mohl byste to nazvat "měkkým smazáním" : odstraní položku z nákupního košíku, ale v seznamu uložených položek se bude nacházet na stránce nákupního košíku uživatele, kde jej uživatel kdykoli může snadno přidat zpět do košíku.


Změna nebo smazání položek na stránce dopravy

Ovládání uživatele pokračuje v následujících krocích nákupu. Podívejte se na další obrázek.

Uživatel si to uvědomuje při výběru možnosti odeslání, což pravděpodobně znamená, že již jsou již oddaní - nebo téměř zavázáni - k nákupu produktu.

Amazon Shipping Options

Při výběru metody odeslání je uživateli daná možnost, s poměrně výrazným tlačítkem, "Změnit množství nebo odstranit". Když vidíte způsoby doručování, uživatel by tyto možnosti mohl velmi potřebovat, takže klíče, které jsou k dispozici nyní, jsou užitečné a uklidňující.


Připomenutí, že "Pokračovat" nezahrnuje "konečné rozhodnutí"

Amazon Cart Prior to Final Purchase

Poté, co uživatel přidal produkt do košíku a zvolil způsob dopravy, přezkoumá přehled jejich objednávky a kliknutím na tlačítko "Pokračovat" s jejich nákupem. Tímto tlačítkem je nikoliv potvrzení jejich objednávky, ale spíše na jednu poslední stránku, kde skutečně uskuteční nákup.

Chcete-li zajistit, aby uživatel věděl, že to není "konečný" krok, je užitečná připomínka umístěna přímo pod tlačítkem "Pokračovat" a informuje je, že konečná objednávka bude potvrzena po posledním shrnutí.

Vývojáři elektronického obchodu by se mohli poučit z příkladu empatického uživatelského zážitku společnosti Amazon tím, že porozumí různým obavám a obavám, které uživatel může mít v každé fázi nákupního zážitku.

Vývojáři by měli přidat do nákupního prostředí vylepšení, díky nimž se uživatel může cítit pohodlně a pod kontrolou.


Závěr

V žádném případě bychom nemuseli pokrýt všechny výhody nákupního zážitku Amazon v tomto článku.

Ale nemnoho silných rysů, které jsme diskutovali by stačilo, abychom vám pomohli pochopit, jak architekti z Amazonu formovali online zážitek.


Poučení z Amazon Shopping Experience

  • Soustředěním stránky elektronického obchodu by mělo být vyhledávání produktů a online nakupování.
  • Kdykoli je to možné, obsah by měl být pro každého uživatele jedinečný.
  • Vytvořte motivaci prodeje tím, že vám připomenou připomenutí "Proč nakupovat u nás".
  • Uveďte produkty co nejvíce expozice.
  • Nepokládejte uživatele pocit, že některé výrobky / služby jsou nuceny na ně.
  • Zajistěte důležitou část snadno přístupnou ve vhodnou dobu.
  • Udělejte zákazníkovi pocit pohodlí a kontroly po celou dobu.

Amazonský nákupní zážitek není dokonalý. Má své nedostatky, což je předmět jiného článku. Ale dobrá značně převažuje nad špatnými.

A samozřejmě technické a rozpočtové omezení budou některé z výše zmíněných vylepšení udržovat mimo dosah některých vývojářů elektronického obchodu. Ale podle základních zásad těchto osvědčených postupů budete schopni implementovat různé vylepšení použitelnosti, které jsou v rozpočtu a specifikacích vašeho projektu.

Použitím těchto principů zajistíte, že váš internetový obchod přinese zákazníkovi odměnu a odměnu prodávajícímu.


Další zdroje týkající se použitelnosti elektronického obchodu


Tento příspěvek byl napsán výhradně pro Webdesigner Depot Louis Lazaris, nezávislý spisovatel a webový vývojář. Louis běží Působivé weby , kde publikuje články a cvičení o web designu.

Zjistili jste další užitečnosti a nejlepší postupy elektronického obchodování v nákupním systému Amazon? Sdílejte níže uvedené komentáře.