Zpět na seznam článků

Slider nebo bannery na homepage?

Prošel jsem 100 největších e-shopů v Česku a koukal, co mají pod navigací. Šest variant slideru, ke každé kdy dává smysl a kdy selže. Plus rozhodovací strom.

Notino-slider1

Nedávno jsem s pár klienty řešil homepage a přišla řeč na slider (ta velká věc pod navigací). No a shodou okolností jsme to řešili v EshopBoosteru s Honzou Kvasničkou, tak jsem si říkal, že vám s tím pomůžu.

Donedávna byla jen jedna možnost: mít velký banner na celou šířku a nasadit tam cca 5 nebo 6 animovaných bannerů. Poslední dobou se ale situace změnila a vidím u různých klientů různá řešení. Každé se hodí na něco jiného.

Jedno mají ale všechna společné. Slider tam je proto, aby splnil byznysový cíl. A když nevíte, jaký máte cíl, nemůžete správně vybrat.

Na čem to záleží

  • Kolik kampaní vám v jednu chvíli běží?
  • Stojí první dojem na emoci nebo na šířce nabídky?
  • Máte něco, co potřebujete dlouhodobě prezentovat (prodejnu, konfigurátor, průvodce)?
  • Máte hodně vracejících se zákazníků?

Data ze 100 největších e-shopů v Česku

Prošel jsem si 100 největších e-shopů v Česku – co používají za slider a výsledek mě překvapil. Čekal jsem, že vyhraje klasický velký rotující banner. Ale nejčastěji použitý slider se nepohybuje – jsou to statické obrázky.

Než začnete počítat procenta, jedna věc: tohle není důkaz, že něco funguje. Je to sečtení toho, co kdo má na webu. Nevím, jestli si to někdo z nich otestoval. Nevím, jestli to tam nezůstalo po člověku, který tam dva roky nepracuje. Vím jenom to, že to tam je.

Takže s těmi čísly zacházejte jako s mapou, ne jako s návodem. Když 41 % e-shopů jede statiku, znamená to jediné: statika je běžná a nikoho neurazí. Neznamená to, že vám zvedne obrat.

Jinak bych vám tenhle článek mohl zkrátit na jednu větu: dělejte to jako Alza. Tuhle radu dostanete zadarmo i v hospodě.

Statické bannery3941 %Málo obsahu nebo vysoký trust
Čistý slider2628 %Brand silný nebo malý sortiment
Slider se záložkami1516 %3–6 kampaní, desktop-heavy
Slider + fixní prvky89 %Hybrid, ale náročný na mobil
Produktové dlaždice33 %Katalog 50+ nebo marketplace
Speciální33 %Konfigurátor nebo vyhledávání

Varianty slideru

Řadím podle četnosti použití mezi největšími e-shopy.

Statické bannery

Actin-slider

Kdy ho použít:

  • Máte silnou značku.
  • Souběžně jedete hodně akcí.
  • Máte velkou návštěvnost na mobilu.

Kdy selže:

  • Když chcete říct 7 věcí najednou.

Příklady:
Layoutově si s tím můžete hrát. Můžete mít stejné bannery na výšku jako Aktin nebo Rohlík. Můžete mít velký vlevo a malé vpravo jako Grizly nebo velký nahoře a malé dole – jako Sephora nebo Alza, nebo různě velké dlaždice jako IKEA nebo Kaufland.
Četnost: 41 %

Jeden velký rotující banner

Footshop-slider

Kdy ho použít:

  • Potřebujete vzbudit emoci.
  • Když prodáváte luxusní zboží.
  • Máte málo produktů a jedno odvětví.
  • Nepotřebujete komunikovat příliš informací / kampaní.
  • Pokud uvidí uživatel jen úvodní slide, webu to neublíží.

Kdy selže:

  • Když potřebujete sdělit víc důležitých informací.

Příklady: Notino, GymBeam, DM, Footshop.
Četnost: 28 %

Slider se záložkami

Lekarna-slider

Kdy ho použít:

  • Potřebujete zvýšit viditelnost neaktivních slidů.
  • Chcete mít dostatek místa pro jednotlivé slidy.
  • Lidi chodí na homepage a máte víc návštěv z desktopu.
  • Jste lékárna (mají to téměř všechny).

Kdy selže:

  • Na mobilu záložky stejně neuvidíte, takže tohle je řešení pro velké monitory.
  • Záložky (vespod i po straně) zabírají hodně místa.

Příklady: Dr. Max, Lékárna.cz, Mironet, Siko.
Četnost: 16 %

Slider s fixními prvky

Rockpoint-slider

Kdy ho použít:

  • Když máte kombinaci akcí a stálé informace (prodejny, kategorie, pomocník s výběrem).

Kdy selže:

  • Na mobilu musíte zkombinovat slider a pod ním statické prvky, což ne vždycky funguje.

Příklady: Rockpoint, Zoohit, Datart.
Četnost: 9 %

Dlaždice kategorií nebo produktů

Aukro-slider

Kdy ho použít:

  • Jste marketplace/tržiště.
  • Hlavní je katalog produktů nebo kategorií.

Kdy selže:

  • Když máte standardní nabídku produktů nebo služeb.

Příklady: Eva.cz, Aukro
Četnost: 3 %

Konfigurátor a specifické řešení

Pneumatiky-cz-slider

Kdy ho použít:

  • Když máte zvláštní produkt nebo chování uživatelů (konfigurátor, vyhledávání).
  • Když prodáváte pneumatiky.

Kdy selže:

  • Když lidi preferují kategorie před konfigurátorem/vyhledáváním.

Příklady: Pneumatiky.cz, Ráj Pneu
Četnost: 3 %

Co říkají A/B testy

Mám jich tu 6 a nic z toho nevyčtete (efekt v řádu 1–2 %, malá jistota). Jediný průkazný byl Walmart v roce 2021, ale od té doby to dost překopali.

Walmart-slider

„No tos mi teda poradil,“ můžete říct.

Kdyby na tohle existovala univerzální odpověď, dávno by ji někdo prodával. Zbývá jediné: vybrat podle toho, co má slider u vás splnit. A pak si to otestovat.

Tady je rozhodovací strom. Nevybere za vás — jen vám ze šesti variant nechá dvě, které pak můžete pustit proti sobě v testu. A počítejte s tím, že na obrat a počet transakcí to s největší pravděpodobností nebude mít vliv, takže sledujte sekundární metriky (navštívení kategorií, detailu produktu a přidání do košíku).

Tady máte rozhodovací strom:

Rozhodovaci_strom_slideru

Nemáte zač.

Související články

Summary

Jak navrhovat pro přesvědčivost, emoce a důvěru

Amazon

Patenty Amazonu a budoucnost nakupování

Nest-thermostat-2

Důležitost skvělého designu a jak ho poznat

Harrys-homepage

UX checklist kontroly před spuštěním e-shopu

Smysluplná debata