Internetové obchody se pomalu staly zcela normální součástí našich životů. Přes počáteční nedůvěru uživatelů v začátcích obchodování na internetu se situace vyvinula a dnes je internet běžnou cestou k nákupu nejrůznějších věcí. Spolu s vývojem e-shopů jako takových se vyvíjí i jejich ergonomie a ovládání tak, aby byl obchod co nejintuitivnější a nejpřehlednější.
Na českém internetu se každoročně koná několik soutěží a anket, srovnávajících internetové obchody. Některé se řídí přímo dle hlasování uživatelů, v některých rozhoduje odborná porota. I přes ne zcela objektivní pohled těchto anket (není určitě možné postihnout všechny eshopy na trhu, v některých je třeba eshop nominovat nebo dokonce účast v anketě zaplatit), jejich výsledky mohou být velice dobrým vodítkem a inspirací při tvorbě grafiky eshopu, jeho geometrie nebo při ladění marketingových prvků ve stránce. Většina vítezných eshopů je vzjemně porovnatelná a víceméně je si v geometrii podobná. Nemusí to být zákonitě tím, že by jeden opisoval od druhého. Tím správným důvodem je to, že většina eshopů se snaží svoji ergonomii co nejvíce přiblížit a zjednodušit pro uživatele tak, aby byla instinktivní a co nejpoužitelnější. Tím se logicky jednotlivé eshopy k sobě přibližují.
Líbivá grafika je jistě dobrý základ, nicméně úspěšný a fungující e-shop je třeba vystavět logicky a přehledně, hlavně s důrazem na použitelnost pro uživatele. Na důvěryhodnosti e-shopu pro nové uživatele pak přidává uvedení důležitých informací o eshopu samotném a o nákupu. Dobré ceny, slevy a různé konkurenční výhody, to už je pak jen třešnička na pomyslném dortu internetového obchodování.
Pojměme tento článek jako úvod a zároveň první díl seriálu o grafice eshopů, jejich ergonomii a současných trendech. V tomto prvním díle se podíváme na grafiku těch nejlépe hodnocených eshopů v celkovém pohledu, v dalších dílech si rozebereme jednotlivé stavební prvky (nákupní košík, parametrické vyhledávání atd.) a možnosti pro zvšení konverzního poměru. Konverzním poměrem se rozumí počet návštěvníků, kteří na stránky vstoupí, v porovnání s návštěvníky, kteří provedou nákup.
Základní geometrie, ergonomie internetových obchodů
Základní společná vlastnost webových stránek – šířka zobrazované stránky. Podíváme-li se na weby v anketách z celkového pohledu, drtivá většina webů a eshopů je dnes optimalizována na tak, aby se bez problémů vešly na monitory s rozlišením 1024 x 768 pixelů. Čili šířka samotného webu se pohybuje nejčastěji někde v rozmězí 950-990 pixelů. To již dává (oproti dřívějším zvyklostem) tvůrcům webu dostatečný prostor proumístění všech potřebných informací. Dříve se nedostatek prostoru a optimalizace pro nejrůznější monitory často řešila vytvořením webu s variabilní šířkou webu, který se tak roztahoval přesně dle okna prohlížeče. Toto řešení je však zcela zjevně na ústupu, z předních internetových obchodů jej nepoužívá již takřka vůbec nikdo, i jeden z největších hráčů, MALL.cz prošel redesignem a místo proměnlivé šířky webu zavedl šířku pevnou.
Důvod ústupu proměnné šířky je jednoduchý. Oblíbenost širokoúhlých LCD většího formátu (od 20 palců výše) u uživatelů stále stoupá a s tím samozřejmě i zobrazované rozlišení. A variabilní šířka webu na takto velkých monitorech už je spíše na škodu než k užitku, uživatel pak má ovládací prvky rozházené po obrazovce, některé bloky mohou být nesmyslně široké, nečitelné nebo se dokonce mohou rozpadat. Proto je bezpochyby daleko lepší mít šířku e-obchodu pevně nastavenu a tím i bloky v něm obsažené.
Proměnná výška webových stránek je v dnešní době již samozřejmostí.
Když začneme od horní části internetových obchodů, na většině vítězných projektů vidíme základní společný prvek a to horní menu. V drtivé většině je to to hlavní, co vás na začátek praští do očí. Obsahem tohoto menu většinou bývá základní nabídka informací o eshopu, kontakt apod., v některých případech je využito jako rozcestník na jednotlivé nákupní kategorie (v případě že se eshop soustředí na více komodit). Dalším etalonem umístěným v naprosté většině v horní části webu je panel s fulltextovým vyhledáváním, obvykle bývá také výrazně barevně nebo prostorově odlišen, čímž zcela logicky tvůrci vyzdvihují jeho důležitost, jakožto nejrychlejšího způsobu jak naleznout požadovaný produkt či informaci. A uživatelé vyhledávání také často a rádi využívají. Zásadním a podstatným prvkem, který se v opravdu drtivé většině internetových obchodů nachází v pravém horním rohu je uživatelský panel (jméno přihlášeného uživatele, volby nastavení profilu apod.) s nákupním košíkem s jednoduchým výpisem počtu zboží v košíku a celkovou cenou. Umístění v pravém horním rohu je výsledkem postupného vývoje zvyklostí na webu. Troufám si dokonce říct, že kamkoliv jej umístíte jinam, nebude to rozhodně správný krok a uživateli tím pobyt na vašem eshopu a pohodlnou práci s ním dost znepříjemníte. Další klasikou a jedním z nepsaných zákonů webové grafiky je logo eshopu (společnosti) v levém horním rohu webu, s odkazem na úvodní stránku. Když už jsme u tématu úvodní stránky, tak o této si také něco povíme, v jednom z dalších pokračování tohoto miniseriálu, úvodní stránka je totiž jedním ze základních stavebních kamenů internetových obchodů.
Další ze základních stavebních prvků eshopu je levý sloupec. Ten bývá v drtivé většině obsazen svislým výpisem hlavních kategorií produktů, povětšinou dělěných do graficky odlišených dvou úrovní, případné další dělení většinou bývá řešeno již pomocí parametrického výběru zboží (dle výrobce, ceny, druhu atd.) přímo nad výpisem produktů v hlavním sloupci. Složitá struktura produktů a následné náročné proklikávání k požadovanému produktu totiž vždy působí kontraproduktivně a uživatel, který stále nemůže nalézt to co hledá, zpravidla internetový obchod opouští a odchází ke konkurenci. Obecně se doporučuje mít v internetovém obchodu produkty dělené maximálně do třech úrovní. Obsazení prostoru pod levým produktovým menu již tak jednoznačné není. Eshopy zde umisťují akční bannery, výpisy nejprodávanějšího zboží, odkazy na rádce nákupu (reklamace, doprava, kamenné prodejny apod.)
Otázkou současnosti je umístění třetího sloupce. Dříve býval naprosto běžnou a samozřejmou součástí eshopů. Dnes je situace spíše opačná, pravý sloupec ustoupil „byznysu“ v podobě většího množství produktů a více informací o nich na stránce. Narazíme na něj jen v eshopech staršího data, ty novější nebo po redesignu už jej zpravidla nepoužívají. A pokud už je umístěn ve webu, jaké prvky zpravidla obsahuje? Většinou uživatelsky doplňující informace, jako například aktuality a jiné krátké textové informace, bannery, ankety, výpis nejprodávanějšího zboží, nejvyhledávanější slovní spojení či rádce k nákupu. Občas je ještě k vidění jedna varianta, a to že pravý sloupec bývá obsažen např. na úvodní stránce a v detailu produktu (s informacemi k nákupu, dopravným atd.), ale v obrazovkách jako je např. výpis kategorie produktů se pro úsporu místa vypouští.
A jako vše, i eshopy mají svůj konec, tedy patičku webu. Co ta obsahuje? V prvé řadě klasické kontaktní informace, sídlo společnosti, copyright a právní ujednání, telefonický i elektronický hotline. Dále zde eshopy často umisťují ikony různých ocenění, loga partnerských společností (prodávaných značek) a v poslední době také čímdál častěji loga sociálních sítí. Častým prvkem jsou také zpětné odkazy (backlinks) na spřátelené weby, které mají význam především pro SEO optimalizaci a umístění ve vyhledávačích.
Závěrem?
Co říci závěrem? Eshopy, internetové obchody, online nákupní galerie či jak to nazveme, mají své pevné místo v béžném životě moderního člověka 21. století. Každým rokem přibývá snad ve všech oborech mnoho nových internetových projektů, jejichž hlavním účelem je prodej nejrůznějšího zboží přes internet. Vytvořit eshop a začít obchodovat na internetu se zdá být tak jednoduché, ale věřte, že pokud chcete provozovat skutečně kvalitní a moderní eshop, je třeba dodržet spoustu nepsaných pravidel, pravidelně sledovat, jaké kroky dělá konkurence a hlavně naslouchat názorům zákazníků!
V posledních letech se na našem trhu prosazují freewarové modulární eshopové systémy ze zahraničí (například Magento), ovšem jejich obrovskou nevýhodou je grafika a ergonomie vytvořená dle zvyklostí v místě vzniku (nejčastěji usa, německo), což je pro užití v českém prostředí krajně nevhodné. Americký zákazník totiž není českým zákazníkem, který má rád své jisté a nerad dělá jakýkoliv ústupek svému pohodlí. Dalším problémem těchto systémů je univerzálnost, jistě se jiným způsobem nabízí např. parfémy, oblečení či pneumatiky. Z českých, podobně fungujících systémů například Webnode , Eshop-zdarma aj.
Úplně nejlepším řešením je tedy svěřit vytvoření eshopu některé z léty prověřených společností s velkými zkušenostmi s internetovým byznysem na našem trhu, jako je například naše společnost WDT s.r.o. se svým modulárním eshopovým a redakčním systémem m@gnetpro. Naše portfolio obsahuje velice prosperující eshopy jako je například fitness.cz (největší prodejce se sportovní výživou v ČR), knižní nakladatelství Fragment či nasekava.cz (online prodejna oficiálního českého distributora italské kávy Illy) a mnoho dalších.
Jak jsem již slíbil v úvodu, tento článek bude mít i další pokračování, ve kterých si postupně podrobně rozebereme jednotlivé prvky eshopů, jejich význam a doporučení jak s nimi nakládat. Doufám, že vás tato tematika zaujala a u dalšího článku se těším na shledanou.
