Sliders, of zoals ik ze graag noem, interactieve spooksteden, zijn gebruikelijk in websites, vooral die gebouwd met WordPress omdat er zo gemakkelijk toe te voegen. Maar als ze zo modern en gewoon zijn, moeten ze iets goeds zijn, toch?
nou, om ter zake te komen, sliders zijn shit en je zou ze niet moeten gebruiken en om meerdere redenen.
maar eerst, waarom gebruiken mensen ze? Waar zijn ze goed voor?
waarom sliders goed zijn in webdesign
ik heb 2 encapsulerende redenen bedacht waarom mensen een slider zouden willen gebruiken:
de eerste encapsulerende reden waarom mensen sliders en carrousels op hun website zouden willen gebruiken is dat ze ofwel de fouten in de gebruikerservaring niet kennen of dat ze een geloof lijken te volgen dat UI belangrijker is dan UX, of met andere woorden, onervaren mensen zetten sliders op hun website omdat ze er mooi uitzien, wat ze zeker kunnen zijn als ze correct worden gedaan.
een andere reden waarom mensen sliders gebruiken is dat mensen vinden dat scrollen eng is, dus passen ze de inhoud van hun website in een slider om minder ruimte in te nemen.
wat natuurlijk ironisch is omdat sliders fundamenteel werken op scrollen, wat precies datgene is wat je probeert te verminderen.
ik denk dat deze 2 redenen de meeste redenen omvatten waarom iemand een slider zou willen gebruiken.
bijvoorbeeld, iemands reden voor het gebruik van een slider (volgens beaconfire-red.com/) zou kunnen zijn om “het bevorderen van belangrijke inhoud en aankondigingen” – goed dat is gewoon proberen om te besparen op de ruimte.
of ” pronken met dwingende, missie-gerelateerde visuals “en” een persoonlijkheid of esthetiek voor de site vestigen ” – dat is proberen om uw website mooier te maken.
waarom sliders slecht zijn in webdesign
laten we eerst de theorie bespreken waarom sliders niet goed zijn en dan later de statistieken onderzoeken achter sliders die bewijzen dat ze slecht zijn voor webdesign.
hoe mooi ze ook zijn, sliders doen meer pijn dan ze een website helpen, en het zou mij een genoegen zijn om u te vertellen waarom. Ik weet niet of je het Weet, maar ik haat sliders.
de eerste reden waarom sliders slecht zijn, is dat je niet op iemand kunt rekenen om door je slider te bladeren of met je slider te communiceren, mensen doen het gewoon niet (waar we later een back-up van maken).
onthoud dat tijd kostbaar is als mensen op een website zijn. Bezoekers stuiteren op websites in een hoog tempo, ze meestal skim over tekst in plaats van het lezen van alles, en de eerste 10 Seconden zijn van cruciaal belang om als ze gaan om te blijven of niet .
en dus, wanneer u uw inhoud in een slider plaatst – dat is een toegangsbarrière. Dat ben jij, waardoor het moeilijker en meer tijdrovend voor een gebruiker om bij de inhoud van uw website te krijgen.
de volgende reden is dat sliders het gebroed zijn van satan, omdat mensen vaak iets hebben dat “banierblindheid” wordt genoemd, vooral de image sliders.
met bannerblindheid, omdat mensen zo gewend zijn om advertenties en grote banners op websites te zien, negeren gebruikers deze en scrollen er langs. Dus als je slider ongeveer op een banner lijkt, is er een goede kans dat mensen onbewust voorbij scrollen.
vervolgens nemen sliders vaak de controle weg van gebruikers. Niet alleen mensen gebruiken sliders om hun websites slechter te maken, maar ze nemen dit verder door ze automatisch af te spelen.
het probleem met schuifregelaars voor Automatisch afspelen is dat ze erg vervelend zijn. Als web design was rond in de 15e eeuw, autoplaying sliders zou de 8e doodzonde net als center-uitgelijnde tekst.
gebruikers moeten de volledige controle over de website hebben. Er mag niets bewegen of veranderen. Websites zijn niet een diavoorstelling presentatie dus stop met het behandelen als een.
een andere reden waarom sliders meer zuigen dan stofzuigers is dat ze websites vertragen, met name WordPress-websites. Met WordPress websites, het is zo gemakkelijk toe te voegen in sliders met de klik van een knop met plugins.
2 plugins in het bijzonder, Slider revolution en Smart Slider 3 hebben grote negatieve gevolgen voor de snelheid van uw website:
- ik liep een test op een WordPress website en liep een Google speed audit van de voor en na snelheid score van het hebben en niet met slider revolutie geactiveerd. Nadat de Slider Revolution geactiveerd was, sprong de audit score 10 punten en verhoogde de snelheidsindex met 1,7 seconden.
- met smart slider activeren had geen invloed, maar wanneer u een slider op de pagina het effect van de audit score met 20 op mobiel en 3 op desktop en verhoogde de snelheid index met 1,4 seconden.
dus dat zijn 2 goede en 4 slechte redenen voor een slider, maar wat zijn de gegevens erachter?
de gegevens achter sliders
ik heb 7 studies om te back-uppen hoe alleen ineffectieve sliders werkelijk zijn. Ik zal praten over 3 van hen, maar alle 7 zal worden verwezen .
het eerste onderzoek werd uitgevoerd door Erik Runyon aan de Notre Dame University. Deze test was om de verdeling van de kliks van de verschillende dia ‘ s in een slider te meten. Het toonde aan dat de eerste dia had de overgrote meerderheid van de klikken en conversies. Hij beoordeelde 5 sites; de eerste site had 84% van de klikken met slide 1 en de andere slides hadden ongeveer 4% van de klikken. Zijn andere 4 sites toonden aan dat 48% -62% van de totale kliks in de sliders waren van de eerste slide, en de rest van de klikken gelijkmatig verdeeld over de rest van de andere slides.
de tweede studie werd uitgevoerd door Conversionista, een bedrijf dat de omrekeningskoersen optimaliseert in Zweden. Deze test was om het verschil in klikken voor een beeld carrousel versus een statisch beeld te meten. Ze deden heat map testen die eye-tracking technologie gebruikt en ook gemeten klikken voor elke soort slider. De resultaten toonden aan dat gebruikers ” leek de slider te vermijden en klikte er niet op.”, wat hoogstwaarschijnlijk te wijten was aan bannerblindheid. Het toonde ook aan dat de statische afbeelding werd geklikt 40% van de tijd, terwijl de afbeelding slider werd geklikt slechts 2% van de tijd.
de laatste studie die Ik zal noemen is van Blair Keen, een Adobe optimalisatie Manager. Zijn studie was om het verschil in conversies tussen het hebben van een slider en helemaal niet te laten zien. Hij vond dat toen hij de schuifregelaar die boven de vouw werd geplaatst, dat het leidt tot een stijging van 23% in de verkoop.
wat betekent dit allemaal?
het betekent 3 dingen:
- als het gaat om sliders, zal de eerste dia altijd out-uitvoeren van de andere dia ‘ s. De andere dia ‘ s hebben meestal rond een gelijke CTR.
- statische afbeeldingen zullen altijd schuifregelaars overtreffen. En sliders worden soms gezien als banners, die banner blindheid kan veroorzaken.
- zelfs het hebben van de slider op uw website in de bovenstaande sectie fold vermindert conversies en verkopen. Hoewel u hetzelfde effect kunt voorspellen als ergens anders op de website geplaatst.
Hoe maak je een slider effectiever
maar er is goed nieuws! Ik kan je stap voor stap laten zien hoe je een slider effectiever kunt maken:
- eerst moet je ervoor zorgen dat het niet automatisch wordt afgespeeld. Omdat Automatisch afspelen neemt de controle weg van gebruikers en het is echt frustrerend.
- verwijder vervolgens alle dia ‘ s behalve de eerste. Het heeft geen zin om er meer dan één te hebben, want mensen zullen er niet naar kijken.
- dan wilt u de navigatiepijlen verwijderen, we hebben maar één dia, dus die hebben we niet nodig.
- als laatste verwijder je gewoon de navigatiekogels.
concluderend kunnen schuifregelaars niet worden gebruikt. De enige keer dat ze moeten worden gebruikt is voor productafbeeldingen op een productpagina. Behalve dat, sliders statistisch gezien niet interactie met. Niet veel mensen geven genoeg om tijd te besteden aan het klikken door uw mooie PowerPoint-presentatie. Als het ontwerp van uw website vereist dat u een slider gebruiken dan uw ontwerp is mislukt.
Deactiveer uw 18 slider plugins, ontkoppel uw owl.js-bestand, en stoppen met het gebruik van SLIDERS.
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/