UX e-shopu: prečo sa oplatí a ako to riešime v BiznisWebe

V dobe, kde polovicu návštevnosti vášho webu tvoria boti a pozornosť zákazníka je kratšia než kedykoľvek predtým, sa často zabúda na to najdôležitejšie: e-shop musí byť predovšetkým jednoduchý a rýchly.

Mnoho majiteľov e-shopov sa snaží do dizajnu „napchať“ čo najviac funkcií. Výsledkom je však často zahltenie zákazníka, ktoré vedie k jedinému – odchodu ku konkurencii. Ako teda vybalansovať moderný dizajn s maximálnou konverziou?

Čo vlastne UX znamená?

UX, teda User Experience, je skrátene odpoveď na otázku: aké je to nakupovať vo vašom e-shope? Nie z vášho pohľadu, ale z pohľadu zákazníka, ktorý vás nepozná, nemá čas a má otvorených päť záložiek s konkurenciou.

Dobrý UX nie je o tom, aby bol e-shop „pekný“. Je o tom, aby zákazník bez premýšľania vedel, čo kúpiť, ako to kúpiť a prečo kúpiť práve u vás. Každý zbytočný krok, každá nejasná informácia a každé pomalé načítanie stránky vás stojí objednávku.

Technický základ je „hygienické minimum“

Skôr než začnete ladiť farbu tlačidiel alebo rozmiestnenie blokov, uistite sa, že váš web beží ako hodinky. Ak sa stránka načítava dlhšie ako 2 sekundy, ani to najlepšie UX vás nezachráni. Technické SEO a rýchlosť sú základom, na ktorom staviame.

Ak si nie ste istí, či je váš „motor“ v poriadku, odporúčame naše články o technickom SEO a praktického sprievodcu zrýchlením e-shopu.

UX riešime za vás aj v systémových šablónach e-shopu

Toto je dôležité povedať nahlas: dobrý UX produktového detailu nie je výsadou e-shopov s veľkými rozpočtami na dizajn na mieru.

V BiznisWebe priebežne pracujeme na tom, aby systémové šablóny obsahovali overené UX prvky hneď v štandarde. Sticky nákupná lišta, prehľadný výber variantov, zoom fotogalérie, dostupnosť a termín doručenia, naposledy prehliadané produkty, to všetko nie sú doplnky, ktoré musíte riešiť sami. Sú súčasťou toho, čo dostanete.

Inými slovami: keď spustíte e-shop na BiznisWebe, váš produktový detail je od prvého dňa navrhnutý tak, aby predával. Nie aby vyzeral. Aby predával.

A ak chcete ísť ešte ďalej: vlastná identita, unikátny vizuálny jazyk, špecifické potreby vášho sortimentu, na to sú tu riešenia na mieru.

Produktová stránka je váš najlepší obchodník

Ak má váš e-shop jedno miesto, kde sa skutočne rozhoduje o nákupe, je to produktová stránka. Nie homepage, nie kategória, ale práve detail produktu. Tu zákazník váži, porovnáva a nakoniec klikne „Do košíka“ alebo odíde.

Preto mu treba venovať náležitú pozornosť. Pozrime sa, čo robí produktový detail naozaj funkčným.

Prehľadná štruktúra

Dobrá produktová stránka má jasnú hierarchiu. Najdôležitejšie informácie ako názov, cena, dostupnosť, tlačidlo „Do košíka“ musia byť viditeľné hneď, bez rolovania. Technické parametre, recenzie a doplňujúci obsah prídu neskôr, pre tých, ktorí ich hľadajú.

Zákazník by nemal rozmýšľať, kde niečo nájde. Malo by to byť samozrejmé:

Vizuálny príbeh s fotografiami

Zákazník, ktorý nakupuje online, nemôže produkt chytiť do rúk. Fotografie sú jeho jediný kontakt s tým, čo kupuje. A nie hocijaké, ideálne také, ktoré ukážu produkt v reálnom prostredí, z viacerých uhlov, s detailom aj s celkovým pohľadom.

Cubenest.cz to robí príkladne. Ich produktové detaily nie sú len zoznamom parametrov, sú to komplexné stránky, ktoré predávajú zážitok. Kvalitné fotografie zachytávajú produkt na pracovnom stole, v cestovnej taške, pri každodennom použití. Zákazník si okamžite vie predstaviť, ako mu produkt zjednoduší život.

Cubenest stojí na systémovej šablóne BiznisWeb s úpravami na mieru. To, čo vidíte, nie je výsledok drahého vývoja od nuly, je to príklad toho, čo sa dá dosiahnuť, keď dobrý základ dostane správny vizuálny šat.

Podobný prístup uplatňuje aj Bunt. Tento e-shop stavil na grafický design na mieru a fotogaléria produktov odráža filozofiu celej značky: dizajn, detail, atmosféra. Zákazník neprehliada parametre, zákazník si predstavuje, ako bude produkt vyzerať u neho doma.

Nákupná lišta, ktorá nezmizne

Toto je jeden z detailov, ktorý robí veľký rozdiel. Keď zákazník roluje nadol cez dlhú produktovú stránku číta opis, pozerá fotky, listuje recenziami, tlačidlo „Do košíka“ mu zmizne z dohľadu. A keď sa konečne rozhodne kúpiť, musí sa vracať späť nahor. Každý takýto zbytočný pohyb je trenie, ktoré znižuje šancu na dokončenie nákupu.

Riešenie je elegantné: takzvaná sticky nákupná lišta. Tá zostáva viditeľná v hornej časti obrazovky aj pri rolovaní. Zákazník má tlačidlo „Do košíka“ neustále na očiach – bez ohľadu na to, ako hlboko sa v produktovej stránke nachádza.

V BiznisWebe je táto funkcia dostupná štandardne. Nemusíte nič riešiť navyše.

Výber variantu: rozhodovanie nesmie bolieť

Ak predávate oblečenie, darčekové predmety alebo čokoľvek, čo prichádza vo viacerých veľkostiach, farbách alebo prevedeniach, výber variantu je jeden z najkritickejších momentov celého nákupného procesu.

Zákazník musí na prvý pohľad vedieť, čo je dostupné, čo je skladom a ako sa jednotlivé možnosti líšia a celé to musí fungovať rovnako plynulo na mobile ako na desktope. Zle navrhnutý selektor zákazníka spomalí, zmätie alebo ho úplne odradí. Naopak, prehľadný výber s vizuálnym rozlíšením dáva zákazníkovi pocit kontroly: vie, čo si vyberá a vloží do košíka správny produkt hneď na prvý raz.

Riešenia pritom nemusia byť rovnaké pre každý typ sortimentu. Fajntričko používa farebné swatche: zákazník jedným pohľadom vidí dostupné farby a kliknutím mení fotografiu produktu.

BabyGift ide ešte ďalej: personalizovaný župan si zákazník poskladá sám – farba, farba nite, veľkosť, kapucňa aj vlastný text – pričom celý konfigurátor zostáva prehľadný a zvládnuteľný.

Oba prístupy majú jedno spoločné: zákazník nikdy nemusí hádať, čo robí.

Ako pracovať s obsahovo bohatou produktovou stránkou

Nie každý e-shop predáva jednoduché produkty. Technický sortiment, stavebný materiál, náhradné diely … tam je množstvo technických detailov nutnosťou. Otázka nie je, či ich uviesť, ale ako ich prezentovať tak, aby neodradili zákazníka, ktorý hľadá niečo konkrétne.

Ak máte e-shop s technickým sortimentom (ako napríklad Rainpro), kde je množstvo technických detailov, využite Vlastné záložky produktu. Pomáhajú udržať produktovú stránku čistú. Zákazník, ktorý hľadá technickú špecifikáciu, ju nájde bez toho, aby musel skrolovať cez marketingové texty.

Ďalší užitočný prvok je funkcia Navštívené produkty. Je to digitálna pamäť vášho zákazníka, keď si porovnáva viaceré varianty a preskakuje medzi stránkami, táto funkcia ho vráti presne tam, kde skončil. Ušetrí mu čas a nervy, a vám zvýši šancu, že sa rozhodne u vás.

Čo zákazníka presvedčí na nákup v poslednej chvíli

Keď zákazník stojí pred rozhodnutím, potrebuje istotu. Tú mu dajú dve veci: informácia a dôvera.

Zoom na fotografii je zdanlivo malý detail, no pri drahšom tovare alebo produktoch so špecifickým materiálom a textúrou rozhoduje. Zákazník si môže produkt „osahat“ aspoň vizuálne, čo znižuje neistotu a tým aj počet vrátených objednávok.

Obe funkcie sú v BiznisWebe súčasťou štandardného riešenia.

Dostupnosť a termín doručenia lepšie je, ak sú viditeľné pri produkte, nie skryté v podmienkach ani v košíku. „Doručíme do piatku“ je oveľa silnejší argument než „skladom“. Zákazník vie, kedy balík dostane a tým pádom lepšie zvažuje nákup.

Systémová šablóna vs. dizajn na mieru

BiznisWeb vám dáva funkčný, dobre navrhnutý základ hneď pri spustení e-shopu. Systémové šablóny sú optimalizované pre konverzie, mobile-first a obsahujú všetky vyššie spomínané prvky: sticky lištu, zoom, záložky, naposledy prehliadané produkty aj prehľadný layout produktovej stránky.

Pre väčšinu e-shopov je to viac než dostačujúce.

Ale ak chcete viac: vlastnú identitu, unikátny vizuálny jazyk, zážitok, ktorý zákazník nezabudne, je tu dizajn na mieru.

Príkladom sú e-shopy ako Bunt.sk alebo ArtCrystal.cz, kde každý element stránky zodpovedá konkrétnej značke, jej zákazníkovi a spôsobu, akým nakupuje.

Rozdiel nie je len estetický.

Dizajn na mieru vám dáva slobodu riešiť špecifické potreby vášho sortimentu a vašich zákazníkov presne tak, ako to potrebujete.

Čo si z toho odniesť? UX e-shopu nie je jednorazový projekt. Je to priebežná práca.

Nebojte sa pravidelne prechádzať vlastné produktové stránky a pýtať sa: „Je toto pre zákazníka v momente nákupu dôležité?“ Ak nie, dajte to preč.

• Tip: Prečítajte si náš článok o recyklácii obsahu, kde radíme, ako pristupovať k inventúre obsahu na webe, aby bol stále aktuálny a relevantný.

Ak rozmýšľate nad vlastným dizajnom produktovej stránky v e-shope

Ak cítite, že váš e-shop má potenciál, ktorý ešte nevyužíva naplno, alebo ak rozmýšľate nad vlastným dizajnom produktového detailu, naši konzultanti vám radi pomôžu nájsť správny smer.

• Stella Digit UX konzultácie a dizajn na mieru
• Výzkumak.cz UX výskum a testovanie
• Kóderi BiznisWeb.sk nakódujeme vami dodaný dizajn e-shopu.

P.S.: Máte pocit, že zákazník v košíku nakupuje málo? V ďalšom článku sa pozrieme na to, ako nastaviť Upsell a Cross-sell tak, aby pôsobil ako užitočný pomocník, nie ako „otravný predavač“, ktorý vám vnucuje nepotrebné veci.