background design element dropbackground design element dropbackground design element drop

Tvorba eshopu: UX tipy aneb jak zaujmout zákazníka


Barbora Koďousková
Aktualizováno:15.11.2020· 13 min. čtení
Facebook iconTwitter iconLinkedIn icon

Internetových obchodů přibývá jako hub po dešti, a proto je stále těžší vytvořit eshop, který zákazníky zaujme a udrží si pravidelný měsíční příjem. Tvorba eshopu se tak postupem času stala komplexní činností, která v sobě kombinuje nejen nabídku zajímavého zboží, ale i psychologii, SEO a propracovaný UX/UI design prostředí. Podívejte se na naše tipy, jak zákazníka zaujmout a dopřát mu pohodlné nakupování.

Tvorba eshopu a návrh uživatelského rozhraní

Středem zájmu každého úspěšného eshopu je kvalitní sortiment a související přidaná hodnota. Než se pustíte do spuštění tak si pečlivě promyslete svůj prodejní argument, tedy to, co chybí konkurenci.

K tomu vám může dopomoci vhodná marketingová strategie a analýza cílové skupiny, díky které své zákazníky a návštěvníky lépe poznáte. Cílové skupině zákazníků přizpůsobte texty, uživatelské rozhraní i funkcionalitu eshopu. Jinými slovy se snažte hovořit jejich jazykem a uzpůsobit principy fungování uvažování svých návštěvníků.

Dbejte na rychlost, optimalizaci a responzivitu

K dosažení vysokého uživatelského zážitku potřebujete zajistit několik technických aspektů. První z nich je rychlost načítání jednotlivých stránek. Zákazníci nechtějí čekat a ve chvíli, kdy se eshop nenačte dostatečně rychle, mohou celkem snadno přejít ke konkurenci.

Základem je rychlá odezva na uživatelské požadavky, ku příkladu načtení produktových fotografií nebo detailu produktu. S tím souvisí i optimalizace pro různé prohlížeče a operační systémy.

Počítejte také s nutnosti responzivního webdesignu, díky kterému budou moct zákazníci pohodlně nakupovat nejen na počítači, ale i dotykových zařízeních. Mobilní verze webu by přitom měla nabídnout stejné možnosti jako ta desktopová. Pouze v tomto případě nebudou muset zákazníci přemýšlet nad jednotlivými úkony. Stejně tak jim nebude nic bránit v tom, aby nákup započali například na telefonu a dokončili ho na počítači či tabletu.

Hovořte jasně a stručně

Hitem dneška je stručnost a výstižnost. S tím se pojí i trendy na poli webdesignu, jako jsou chytlavé nápisy napsané velkým písmem. Takto stylované texty nejen dobře vypadají, ale i zaujmou na první pohled.

Snažte se do nich vkládat obsah, který vystihne podstatu zaměření eshopu a poslouží jako důvod k tomu, aby u vás návštěvník skutečně nakoupil. Berte ohled i na SEO a snažte se do textů zakomponovat související klíčová slova. Prostřednictvím těchto klíčových slov zvyšujete šanci na umístění na předních příčkách výsledků vyhledávání Googlu a dalších vyhledávačů.

Důraz klaďte zejména na homepage. Její design by měl zaujmout a současně posloužit jako rozcestník pro hlubší putování do webu. Umístěte sem akční nebo populární zboží, důležité kategorie a jednoduchou navigaci.

Nebojte se ukázat své přednosti

S domovskou stránkou souvisí i poutače na oblasti, ve kterých vynikáte. Můžete sem umístit například lákadla v podobě dopravy zdarma nebo slevy na poštovném. Nebojte se pochlubit kladnými referencemi, oceněními nebo certifikáty. Patří sem bezpochyby i informace o partnerech, s nimiž spolupracujete. To vše pomáhá budovat důvěru mezi vámi a návštěvníkem eshopu.

Usnadněte svým zákazníkům návrat

Mějte na paměti, že se zákazníci nemusejí nutně rozhodnout hned při první návštěvě eshopu. Snažte se na sebe co možná nejvíce upozornit, připomenout jim předešlou zkušenost s nákupem nebo jim nabídnout nějakou výhodu – třeba slevu na další nákup. Účinným prostředkem zde může být newsletter a e-mailový marketing obecně.

Nabídněte svým zákazníkům možnost registrace a přihlášení, díky kterému v košíku zůstane navolené zboží. Dejte jim vědět, že na ně toto zboží stále čeká a snažte se je nalákat k dokončení konverze.

ux tipy tvorba eshopu

Mezi základní UX tipy pro eshop dále patří zobrazování externích odkazů v nové záložce. Pokud například na stránce produktu odkazujete na stránky výrobce, nezapomeňte zajistit, aby návštěvníci při kliknutí na něj nemuseli nutně opustit stránku – už by se taky nemuseli vrátit.

Jak vytvořit eshop, kde budou zákazníci nakupovat s radostí

Nakupování je pro řadu uživatelů spojeno s radostí z nabytí nové věci. Přizpůsobte UX design svého eshopu tak, aby se pro ně nakupování stalo zážitkem. Zauvažujte o integraci některého z technologických trendů, jako jsou například AR prvky, díky nimž si může každý vyzkoušet, jak by na něm vypadal určitý kus oblečení, makeup nebo zda nový gauč zapadne do prostředí bytu.

Pomozte zákazníkům s nákupem

Příkladem přidané hodnoty eshopu může být i související zákaznický servis. Nemusí se přitom jednat pouze o technickou podporu, ale i rady při rozhodování mezi jednotlivými produkty nebo příprava personalizované nabídky podle preferencí jedince. K tomuto účelu na eshopech slouží AI neboli umělá inteligence.

Umělá inteligence je navíc šikovným pomocníkem při analytice. Usnadní vám naskladňování nového zboží nebo predikci chování zákazníků v daném období. Stále častějším doplňkem tvorby eshopu je takzvaný chatbot, někdy též chatovací robot.

Chatbot vašim zákazníkům pomůže s výběrem zboží, zodpoví jejich nejčastější dotazy a současně vytvoří lepší uživatelský zážitek. Návštěvníci uvidí, že se o ně zajímáte a vy budete mít zajištěnou nepřetržitou podporu, aniž byste ji nutně museli sami vykonávat či si na ni najímat další zaměstnance.

Dodejte vyhledávání, které skutečně funguje

Mezi další UX tipy pro eshop patří pokročilé možnosti vyhledávání. Vyhledávání by mělo počítat i s překlepy a nepřesným zadáním názvu. Účinným nástrojem v tomto případě bývá našeptávač, případně výčet kategorií, které algoritmus vyhodnotí jako relevantní.

Zkrátka se snažte zajistit, aby vyhledávání vždy vypsalo ty nejvhodnější výsledky. Nemělo by se stávat, že se při zadání klíčového slova nezobrazí produkt, ačkoli ho váš eshop ve skutečnosti nabízí. Přišli byste nejen o zákazníky, ale i o konverze.

Vylaďte si landing pages

Struktura eshopu je postavena na čtyřech základních prvcích – homepage, kategoriích, produktových stránkách a landing pages neboli přistávacích stránkách.

Landing pages jsou určeny k propagaci specifického (hlavního) produktu webu nebo eshopu. Můžete je však využít i pro limitované nabídky či prodej digitálních produktů, jako je e-book a podobně.

Fantazii se meze nekladou. Základem ovšem zůstává jejich důkladná analýza a následná optimalizace. Sledujte proto úspěšnost takové stránky, postupně ji optimalizujte a nabyté poznatky následně aplikujte i na podobné nabídky.

Dejte zákazníkovi, pro co si přišel

Landing pages se pojí i s PPC reklamami, ať už na Googlu nebo sociálních sítích. Při sestavování kampaní se držte zásadního pravidla – neslibujte v popisku nic, co nemůžete svým obsahem splnit.

Reklamy by zkrátka neměly propagovat něco, co nenabízíte. Neodkazujte na homepage, ale přímo na produkt, případně kategorii nebo zmíněnou landing page.

Navigujte zákazníky tak, aby se neztratili

Zisk vysoké návštěvnosti eshopu je pouhou polovinou úspěchu. Samotná návštěvnost je vám k ničemu ve chvíli, kdy nepřináší žádný užitek. Postarejte se o to, aby se vaši zákazníci na webu neztráceli a veďte je srozumitelně až k cíli – do košíku.

Základním vodítkem je v tomto případě jasná a snadno pochopitelná struktura stránek doplněná přehlednou navigací. Jednotlivé kategorie i produkty by na sebe měly logicky navazovat tak, aby uživatel nemusel přemýšlet nad tím, kam kliknout, aby se dostal dále.

Dbejte na výrazné, kontrastní prvky navigace a vynechte všechny zbytečnosti, které překáží snadnému nákupu. Znovu zde platí pravidlo – čím snáze a výhodně u vás zákazník nakoupí, tím spíš se zase vrátí.

Jak připravit nákupní košík, kategorie a produktové stránky

Z předchozích odstavců již vyplývá, že by se UX/UI design eshopu měl orientovat zejména na nákupní košík, kategorie a produktové stránky.

Nekomplikujte nákupní košík

Snažte se proto košík oprostit všech nadbytečných kroků, jako je nucená registrace. K té můžete uživatele vyzvat až po dokončení nákupu. Nechte uživatele, aby si mohli vytvořit wishlist neboli seznam zajímavého zboží a uložit si dokončení nákupu na později.

Zajistěte, aby si košík pamatoval vložené produkty i po opuštění příslušné stránky a všechny vyplněné údaje – pravděpodobně není nic otravnějšího, než znovu vyplňovat osobní údaje po tom, co jste se vrátili o krok zpět v procesu nákupu.

Vzhled stránky s košíkem by měl zůstat co nejjednodušší, není nutné, abyste sem umisťovali původní navigaci eshopu, patičku a další rušivé prvky. Co sem naopak patří, je možnost přidání souvisejícího zboží, jako je příslušenství k telefonu. Pozor ovšem na to, abyste tím zákazníka nevyzvali k opuštění košíku a dalšímu brouzdání po eshopu. Čím déle se bude rozhodovat, tím je šance na nedokončení konverze větší.

Dopřejte zákazníkům luxus v podobě široké nabídky možnosti doručení i formy platby. Zobrazte jim náhled zboží a jeho konečnou cenu – s DPH i bez. Prostřednictvím grafických prvků ukažte, co vše je ještě čeká, než si zboží skutečně zakoupí a tyto kroky co nejvíce eliminujte.

Vytvořte jednotný styl pro kategorie i jednotlivé produkty

Stránky s kategoriemi a detaily produktu udržujte v jednotném stylu. Používejte stejné formátování popisků a nezapomeňte zakomponovat všechny stěžejní prvky:

  • kvalitní a všeříkající náhledový obrázek (ideálně originální),
  • možnost abecedního či cenového řazení,
  • filtrace a třídění podle specifických vlastností,
  • zobrazení nejprodávanějšího a nejlevnějšího zboží,
  • tlačítko pro stránkování, případně doplněné o číselné označení.

Dalšími UX tipy pro eshop jsou výrazná tlačítka, zoomování fotografií nebo video prezentace produktu. Na produktových stránkách by neměly chybět následující prvky:

  • název,
  • galerie s fotkami,
  • cena produktu s DPH i bez DPH,
  • hodnocení,
  • zpráva o dostupnosti,
  • barevné a velikostní varianty,
  • množství zboží skladem,
  • krátký a detailní popis,
  • uživatelské recenze,
  • výpis doporučeného a souvisejícího zboží, stejně jako alternativ.

Dejte návštěvníkům prostor pro sdílení a snažte se všechny fotky zachovat v co možná největší kvalitě a nejmenší velikosti souboru.

Myslete mezinárodně

Na základě povahy vašeho eshopu zauvažujte také o jazykových mutacích, například české a slovenské. Uzavřete spolupráci s tamějšími dopravci či odběrovými místy a nezapomeňte přidat možnost pro zobrazení ceny v různých národních měnách – třeba v eurech. Vaši návštěvníci tak nebudou muset cenu složitě přepočítávat. Všechny tyto body lze přitom zachytit již při tvorbě eshopu.

Tvorba uživatelsky přívětivého eshopu nejen na míru

Výše uvedené body patří mezi základní UX tipy, kterými by se dnes měly více či méně řídit všechny eshopy. Nasazením eshopu však cesta nekončí. Nepodceňte konkurenci a snažte se neustále zdokonalovat. Uživatelské rozhraní pravidelně optimalizujte, ku příkladu s využitím A/B testování nebo zpětné vazby od uživatelů.

Feedback čili zpětná vazba je mocný nástroj, který mimo svůj hlavní účel pomůže při budování vztahů se zákazníky. Jakmile vám zákazníci začnou věřit, tak pro ně budete jasnou volbou i v budoucnu a jistě vaše služby doporučí i ostatním.

Pokud vás tvorba eshopu láká a hledáte někoho, kdo pro vás zajistí realizaci, tak nás neváhejte kontaktovat. Rádi se vašeho projektu ujmeme a vytvoříme ho přesně podle vašich představ. Od designu až po nasazení a následnou údržbu či optimalizaci.
 


Potřebujete poradit?