posuvníky, nebo jak jim rád říkám, interactable ghost towns, jsou běžné na webových stránkách, zejména ty postavené s WordPress, protože tam tak snadné přidat. Ale pokud jsou tak moderní a běžné, musí být dobrá věc, že?
no, abychom se dostali k věci, posuvníky jsou hovno a neměli byste je používat a z několika důvodů.
ale nejprve, proč je lidé používají? K čemu jsou dobré?
proč posuvníky jsou dobré v webdesignu
přišel jsem s 2 zapouzdření důvody, proč by lidé chtěli použít posuvník:
první zapouzdření důvod, proč by lidé chtěli používat posuvníky a kolotoče na svých webových stránkách je, že buď neznají uživatelské zkušenosti nedostatky, nebo že se zdá, že následovat přesvědčení, že UI je důležitější než UX, nebo jinými slovy, nezkušení lidé dát posuvníky na svých webových stránkách, protože vypadají hezky, což jistě mohou být, pokud správně.
dalším důvodem, proč si myslím, že lidé používají posuvníky, je to, že lidé mají pocit, že rolování je děsivé,takže se hodí obsah svých webových stránek do posuvníku, aby zabíraly méně místa.
což je samozřejmě ironické, protože posuvníky tak nějak zásadně pracují na rolování, což je přesně to, co se snažíte snížit.
myslím, že tyto 2 důvody zapouzdřují většinu důvodů, proč by někdo chtěl použít posuvník.
například něčí důvod pro použití posuvníku (podle beaconfire-red.com/) by mohlo být “ propagovat důležitý obsah a oznámení – – To se jen snaží ušetřit místo.
nebo „Předveďte přesvědčivé vizuální efekty související s misí“ a “ vytvořte osobnost nebo estetiku webu – – to se snaží, aby byl váš web hezčí.
proč jsou posuvníky špatné ve webdesignu
nejprve si promluvme o teorii o tom, proč posuvníky nejsou dobré, a později prozkoumejte statistiky za posuvníky, které dokazují, že dělají špatný webový design.
jak jsou hezké, posuvníky bolí víc, než pomáhají webové stránce, a bylo by mi absolutním potěšením vám říct proč. Nevím, jestli to poznáš, ale nesnáším posuvníky.
prvním důvodem, proč jsou posuvníky špatné, je to, že nemůžete počítat s tím, že někdo bude procházet nebo komunikovat s posuvníkem, lidé to prostě nedělají(což budeme zálohovat později).
musíte si uvědomit, že čas je vzácný, když jsou lidé na webových stránkách. Návštěvníci se odrazí od webových stránek vysokou rychlostí, obvykle sbírají text místo toho, aby si ho přečetli, a prvních 10 sekund je kritických pro to, zda zůstanou nebo ne .
a tak, když vložíte svůj obsah do posuvníku – to je překážka vstupu. To jste vy, takže je pro uživatele těžší a časově náročnější získat obsah vašeho webu.
dalším důvodem je, že posuvníky jsou plodem Satana, je to, že lidé často mají něco, co se nazývá „slepota bannerů“, zejména posuvníky obrázků.
s bannerovou slepotou, protože lidé jsou tak zvyklí vidět reklamy a velké bannery na webových stránkách, uživatelé je ignorují a posouvají kolem nich. Takže pokud váš posuvník vypadá zhruba jako banner, existuje velká šance, že lidé nevědomky posouvají kolem.
dále posuvníky často berou kontrolu od uživatelů. Nejen, že lidé používají posuvníky, aby se jejich webové stránky horší, ale berou to dále tím, že je automatické přehrávání.
problém s automatickým přehráváním jezdců je, že jsou velmi nepříjemné. Pokud web design byl asi v 15. století, automatické přehrávání posuvníky by 8. smrtící hřích, stejně jako středově zarovnaný text.
uživatelé by měli mít úplnou kontrolu nad webem. Nic by se nemělo pohybovat nebo měnit. Webové stránky nejsou prezentace prezentace, takže přestat zacházet jako jeden.
dalším důvodem, proč posuvníky sají více než vysavače, je to, že mají tendenci zpomalovat webové stránky, zejména webové stránky WordPress. S webovými stránkami WordPress je snadné přidat posuvníky kliknutím na tlačítko s pluginy.
2 pluginy zejména Slider revolution a Smart Slider 3 mají velké negativní dopady na rychlost vašeho webu:
- provedl jsem test na webových stránkách WordPress a provedl audit rychlosti Google před a po rychlosti skóre, které má a nemá aktivovanou posuvnou revoluci. Po aktivaci posuvníku Revolution vyskočilo skóre auditu o 10 bodů a zvýšilo index rychlosti o 1,7 sekundy.
- s aktivací inteligentního posuvníku to nemělo žádný dopad, ale když na stránku umístíte posuvník, ovlivnilo to skóre auditu o 20 na mobilu a 3 na ploše a zvýšilo index rychlosti o 1,4 sekundy.
takže to jsou 2 dobré a 4 špatné důvody pro posuvník,ale jaká jsou data za tím?
data za posuvníky
mám 7 studií, které zálohují, jak jsou opravdu neefektivní posuvníky. Budu mluvit o 3 z nich, ale všech 7 bude odkazováno .
první studii provedl Erik Runyon na univerzitě Notre Dame. Tento test měl měřit rozložení kliknutí různých snímků v posuvníku. Ukázalo se, že první snímek měl drtivou většinu kliknutí a konverzí. Zkontroloval 5 webů; první web měl 84% kliknutí se skluzavkou 1 a ostatní snímky s přibližně 4% kliknutí. Jeho další 4 weby ukázaly, že 48% -62% z celkového počtu kliknutí v posuvnících bylo z prvního snímku a zbytek kliknutí se rovnoměrně rozdělil mezi ostatní snímky.
druhá studie byla společností Conversionista, firmou pro optimalizaci konverzního poměru ve Švédsku. Tento test měl změřit rozdíl v kliknutích pro obrazový kolotoč vs. statický obraz. Provedli testování tepelných map, které používaly technologii sledování očí a také měřily kliknutí pro každý druh posuvníku. Výsledky ukázaly ,že uživatelé “ zdálo se, že se posuvníku vyhýbají a neklikli na něj.“, což bylo s největší pravděpodobností způsobeno slepotou bannerů. Ukázalo se také, že na statický obrázek bylo kliknuto 40% času, zatímco na posuvník obrázku bylo kliknuto pouze 2% času.
poslední studie, kterou zmíním, je Blair Keen, manažer optimalizace Adobe. Jeho studie měla Ukázat rozdíl v konverzích mezi tím, že má jezdec a nemá vůbec. Zjistil, že když odstranil jezdec, který byl umístěn nad záhybem, vede to ke zvýšení prodeje o 23%.
co to všechno znamená?
to znamená 3 věci:
- pokud jde o posuvníky, první snímek bude vždy out-provést ostatní snímky. Ostatní snímky mají obvykle přibližně stejnou CTR.
- statické obrázky budou vždy provádět posuvníky. A posuvníky jsou někdy považovány za bannery, což může způsobit slepotu bannerů.
- dokonce i pouhý posuvník na vašem webu ve výše uvedené části fold snižuje počet konverzí a prodejů. I když můžete předpovědět stejný efekt, pokud je umístěn kdekoli jinde na webu.
jak zefektivnit posuvník
ale jsou tu dobré zprávy! Mohu vám krok za krokem ukázat, jak zefektivnit posuvník:
- Za prvé, měli byste se ujistit, že to není automatické přehrávání. Protože automatické přehrávání bere kontrolu od uživatelů a je to opravdu frustrující.
- poté odstraňte všechny snímky kromě prvního. Nemá smysl mít víc než jednu, protože se na ně lidé nebudou dívat.
- poté budete chtít odstranit navigační šipky, máme pouze jeden snímek, takže je nebudeme potřebovat.
- nakonec stačí odstranit navigační odrážky.
Závěrem lze říci, že posuvníky by se neměly používat. Jediný čas, kdy by měly být použity, je pro obrázky produktů na stránce produktu. Jiné, než je, posuvníky se statisticky nedostanou do interakce. Není mnoho lidí starat dost trávit čas klikáním přes pěkné prezentaci PowerPoint. Pokud návrh vašeho webu vyžaduje použití posuvníku, váš návrh selhal.
deaktivujte 18 posuvných pluginů, odpojte owl.soubor js a přestat používat posuvníky.
https://beaconfire-red.com/insights/do-slideshows-work
https://cxl.com/guides/bounce-rate/benchmarks/
https://www.nngroup.com/articles/how-users-read-on-the-web/
https://www.nngroup.com/articles/how-long-do-users-stay-on-web-pages/
https://www.nngroup.com/articles/banner-blindness-old-and-new-findings/
https://erikrunyon.com/2013/01/carousel-interaction-stats/
https://angner.com/blog/will-front-page-carousels-improve-your-conversion-rate/
https://econsultancy.com/three-ideas-that-convert-better-than-a-standard-carousel/
https://www.orbitmedia.com/blog/rotating-sliders-hurt-website/