a csúszkák, vagy ahogy én hívom őket, interactable ghost towns, gyakoriak a weboldalakon, különösen a WordPress-szel épített webhelyeken, mert olyan könnyű hozzáadni. De ha olyan modernek és általánosak, akkor jó dolognak kell lenniük, igaz?
nos, a lényegre térve, a csúszkák szarok, és nem szabad használni őket, több okból is.
de először is, miért használják őket az emberek? Mire jók?
miért csúszkák jó web design
jöttem fel 2 beágyazása ok, amiért az emberek szeretnék használni a csúszkát:
az első beágyazása ok, amiért az emberek szeretnék használni csúszkák és körhinta a saját honlapján, hogy vagy nem tudják a felhasználói élmény hibáit, vagy hogy úgy tűnik, hogy kövesse a meggyőződés, hogy UI sokkal fontosabb, mint UX, vagy más szóval, tapasztalatlan emberek fel csúszkák a saját honlapján, mert úgy néznek ki, szép, ami biztos elég lehet, ha helyesen tette.
egy másik ok, amiért azt gondolom, hogy az emberek csúszkákat használnak, az az, hogy az emberek félelmetesnek érzik a görgetést, ezért a webhelyük tartalmát egy csúszkába illesztik, hogy kevesebb helyet foglaljanak el.
ami természetesen ironikus, mert a csúszkák alapvetően a görgetésen működnek, ami az a dolog, amit megpróbálsz csökkenteni.
azt hiszem, ez a 2 Ok magában foglalja a legtöbb okot, amiért bárki csúszkát szeretne használni.
például valaki oka a csúszka használatának (a beaconfire-red szerint.com/) lehet, hogy” fontos tartalmakat és bejelentéseket hirdet ” – nos, ez csak a helytakarékosságot próbálja megtakarítani.
vagy “lenyűgöző, küldetéssel kapcsolatos látvány” és “személyiség vagy esztétika létrehozása az oldal számára”-ez megpróbálja szebbé tenni webhelyét.
miért csúszkák rossz web design
először beszéljünk az elmélet arról, hogy miért csúszkák nem jó, majd később vizsgálja meg a statisztika mögött csúszkák, amelyek bizonyítják, hogy a rossz web design.
bármennyire is szépek, a csúszkák jobban fájnak, mint egy weboldalnak, és nagy örömömre szolgál, hogy elmondhatom, miért. Nem tudom, hogy meg tudod-e mondani, de kurvára utálom a csúszkákat.
az első ok, amiért a csúszkák rosszak, az az, hogy nem számíthat arra, hogy valaki végiggörgeti vagy kölcsönhatásba lép a csúszkával, az emberek csak nem teszik meg (amiről később biztonsági másolatot készítünk).
ne feledje, hogy az idő értékes, amikor az emberek egy weboldalon vannak. A látogatók nagy arányban lepattannak a webhelyekről , általában a szöveg felett olvasnak, ahelyett, hogy elolvasnák az egészet, és az első 10 másodperc kritikus fontosságú, hogy maradnak-e vagy sem .
tehát, amikor a tartalmat egy csúszkába helyezi – ez akadályozza a belépést. Ez te vagy, ami megnehezíti és időigényesebbé teszi a felhasználó számára, hogy hozzáférjen a webhely tartalmához.
a következő ok az, hogy a csúszkák a Sátán ivadékai, az, hogy az embereknek gyakran van valami úgynevezett “banner vakság”, különösen a kép csúszkák.
a bannervakság miatt, mivel az emberek annyira megszokták, hogy hirdetéseket és nagy bannereket látnak a weboldalakon, a felhasználók figyelmen kívül hagyják őket, és görgetnek mellettük. Tehát, ha a csúszka nagyjából úgy néz ki, mint egy szalaghirdetés, akkor jó esély van arra, hogy az emberek öntudatlanul görgetnek jobbra.
ezután a csúszkák gyakran elveszik az irányítást a felhasználóktól. Nem csak az emberek használják csúszkák, hogy a weboldalak rosszabb, de ők ezt tovább azáltal, hogy azok automatikus lejátszás.
az automatikus csúszkák problémája az, hogy nagyon idegesítőek. Ha a webdesign a 15.században volt, az automatikus csúszkák lejátszása a 8. halálos bűn lenne, akárcsak a középre igazított szöveg.
a felhasználóknak teljes ellenőrzést kell gyakorolniuk a weboldal felett. Semmi sem mozoghat vagy változhat. A webhelyek nem diavetítés-prezentáció, ezért ne kezelje úgy, mint egy.
egy másik ok, amiért a csúszkák többet szívnak, mint a porszívók, az az, hogy hajlamosak lelassítani a webhelyeket, különösen a WordPress webhelyeket. A WordPress webhelyekkel olyan könnyű csúszkákat hozzáadni egy gombnyomással a bővítményekkel.
2 különösen a Slider revolution és a Smart Slider 3 pluginek nagy negatív hatással vannak a webhely sebességére:
- lefuttattam egy tesztet egy WordPress weboldalon, és lefuttattam egy Google sebességellenőrzést a slider revolution aktiválása előtti és utáni sebesség pontszámról. A Slider Revolution aktiválása után az ellenőrzési pontszám 10 pontot ugrott, és 1,7 másodperccel növelte a sebességindexet.
- a smart slider aktiválásával nem volt hatása, de amikor egy csúszkát helyezett az oldalra, az mobilon 20-ra, asztali számítógépen 3-ra befolyásolta az ellenőrzési pontszámot, és 1,4 másodperccel növelte a sebességindexet.
tehát ez 2 jó és 4 rossz ok egy csúszkához, de mi az adat mögötte?
a csúszkák mögötti adatok
7 tanulmányom van arra, hogy mentsem, hogy valójában mennyire hatástalanok a csúszkák. 3-ról fogok beszélni, de mind a 7-re hivatkozni fogunk .
az első tanulmányt Erik Runyon készítette a Notre Dame Egyetemen. Ennek a tesztnek az volt a célja, hogy megmérje a különböző diák kattintásainak eloszlását egy csúszkában. Ez azt mutatta, hogy az első dián volt a kattintások és konverziók túlnyomó többsége. 5 webhelyet vizsgált meg; az első oldalon a kattintások 84% – a volt az 1.diával, a többi dián pedig a kattintások körülbelül 4% – a volt. Másik 4 webhelye azt mutatta, hogy a csúszkákban lévő összes kattintás 48-62% – a az első diából származik, a többi kattintás pedig egyenletesen oszlik el a többi diák között.
a második tanulmányt a Conversionista készítette, egy konverziós arány-optimalizáló cég Svédországban. Ennek a tesztnek az volt a célja, hogy megmérje a képkörhinta kattintásainak különbségét a statikus képhez képest. Lefuttatták a hőtérkép-tesztelést, amely szemkövető technológiát használt, és minden csúszkához kattintásokat mértek. Az eredmények azt mutatták, hogy a felhasználók ” úgy tűnt, hogy elkerüljék a csúszkát, és nem kattintottak rá.”, ami valószínűleg a banner vakságának volt köszönhető. Azt is kimutatta, hogy a statikus képre az idő 40% – ában kattintottak, míg a kép csúszkájára csak az idő 2% – ában kattintottak.
az utolsó tanulmány, amelyet megemlítek, Blair Keen, az Adobe optimalizálási menedzsere. Tanulmányának az volt a célja, hogy megmutassa a különbséget a konverziókban a csúszka és a egyáltalán nem rendelkező között. Megállapította, hogy amikor eltávolította a hajtás fölé helyezett csúszkát, az az eladások 23% – os növekedéséhez vezet.
tehát mit jelent ez az egész?
3 dolgot jelent:
- mikor jön a csúszkák, az első dia mindig out-végre a többi diák. A többi diának általában egyenlő CTR körül van.
- a statikus képek mindig felülmúlják a csúszkákat. A csúszkákat néha bannereknek tekintik, ami banner vakságot okozhat.
- még ha csak a csúszka is van a webhelyén a fenti hajtás szakaszban, csökkenti a konverziókat és az eladásokat. Bár ugyanazt a hatást megjósolhatja, ha bárhol máshol elhelyezi a weboldalon.
hogyan lehet hatékonyabbá tenni a csúszkát
de van jó hír! Lépésről lépésre meg tudom mutatni, hogyan lehet hatékonyabbá tenni a csúszkát:
- először meg kell győződnie arról, hogy nem játszik le automatikusan. Mivel az automatikus lejátszás elveszi az irányítást a felhasználóktól, és ez nagyon frusztráló.
- Ezután távolítsa el az összes diát, kivéve az elsőt. Nincs értelme egynél többnek, mert az emberek nem fognak rájuk nézni.
- ezután el akarja távolítani a navigációs nyilakat, csak egy diánk van, így nem lesz szükségünk ezekre.
- végül csak távolítsa el a navigációs golyókat.
összefoglalva, a csúszkákat nem szabad használni. Az egyetlen alkalom, hogy fel kell használni a termék képek a termék oldalon. Más, mint hogy, csúszkák statisztikailag nem kap kölcsönhatásba. Nem sok ember érdekel ahhoz, hogy időt töltsön a szép PowerPoint prezentációjára kattintva. Ha a webhely kialakítása csúszka használatát igényli, akkor a tervezés sikertelen.
deaktiválja a 18 csúszka bővítményt, húzza ki az owl-t.js fájlt, és hagyja abba a csúszkák használatát.
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/