Sliders, eller som jag vill kalla dem, interactable ghost towns, är vanliga på webbplatser, särskilt de som är byggda med WordPress eftersom det är så lätt att lägga till. Men om de är så moderna och vanliga, de måste vara en bra sak rätt?
Tja, för att komma till saken är reglagen skit och du borde inte använda dem och av flera skäl.
men först, varför använder folk dem? Vad är de bra för?
varför reglagen är bra i webbdesign
jag har kommit upp med 2 inkapsling skäl till varför folk skulle vilja använda ett reglage:
den första inkapsling anledningen till att folk skulle vilja använda reglagen och karuseller på deras hemsida är att de antingen inte vet användarupplevelsen brister eller att de verkar följa en tro på att UI är viktigare än UX, eller med andra ord, oerfarna människor sätta reglagen på deras hemsida eftersom de ser ganska, som säker nog de kan vara om.
en annan anledning till att jag tror att folk använder skjutreglage är att människor känner att rullning är skrämmande, så de passar webbplatsens innehåll i en skjutreglage för att ta mindre plats.
vilket naturligtvis är ironiskt eftersom reglagen slags fundamentalt fungera på rullning som är just det du försöker minska.
jag tror att dessa 2 skäl inkapslar de flesta anledningarna till att någon skulle vilja använda en skjutreglage.
till exempel någons anledning att använda en skjutreglage (enligt beaconfire-red.com/ ) kan vara att ”främja viktigt innehåll och meddelanden” – ja det försöker bara spara på utrymme.
eller ”visa upp övertygande, uppdragsrelaterade bilder” och ”skapa en personlighet eller estetik för webbplatsen”-det försöker göra din webbplats vackrare.
varför reglagen är dåliga i webbdesign
Låt oss först prata om teorin om varför reglagen inte är bra och sedan utforska statistiken bakom reglagen som bevisar att de gör för dålig webbdesign.
så vackra som de är, sliders skadar mer än de hjälper en webbplats, och det skulle vara mitt absoluta nöje att berätta varför. Jag vet inte om du kan berätta, men jag hatar sliders.
den första anledningen till att reglagen är dåliga är att du inte kan räkna med att någon ska bläddra igenom eller interagera med din reglage, folk gör det bara inte (vilket vi kommer att säkerhetskopiera senare).
du måste komma ihåg, den tiden är dyrbar när människor är på en webbplats. Besökare studsar webbplatser i hög takt , de brukar skumma över text istället för att läsa allt, och de första 10 sekunderna är kritiska för om de ska stanna eller inte .
och så, när du lägger ditt innehåll i en skjutreglage – det är ett hinder för inträde. Det är du, vilket gör det svårare och mer tidskrävande för en användare att komma åt innehållet på din webbplats.
nästa anledning är att skjutreglagen är Satans spawn, är att människor ofta har något som kallas ”bannerblindhet”, särskilt bildreglagen.
med bannerblindhet, eftersom människor är så vana vid att se annonser och stora banners på webbplatser, ignorerar och bläddrar användare förbi dem. Så om din skjutreglage ser ungefär ut som en banner, finns det en god chans att människor omedvetet rullar förbi.
därefter tar reglagen ofta kontroll från användare. Inte bara människor använder reglagen för att göra sina webbplatser värre, men de tar detta vidare genom att göra dem autoplaying.
problemet med autoplaying reglagen är att de är mycket irriterande. Om webbdesign var runt i den 15: e århundradet, autoplaying reglagen skulle vara den 8: e dödssynd precis som center-justerad text.
användare bör ha fullständig kontroll över webbplatsen. Ingenting ska röra sig eller förändras. Webbplatser är inte ett bildspel presentation så sluta behandla det som en.
en annan anledning till att reglagen suger mer än dammsugare är att de tenderar att sakta ner webbplatser, särskilt WordPress-webbplatser. Med WordPress-webbplatser är det så enkelt att lägga till reglagen med ett klick på en knapp med plugins.
2 plugins i synnerhet Slider revolution och Smart Slider 3 har stora negativa effekter på hastigheten på din webbplats:
- jag körde ett test på en WordPress-webbplats och körde en Google speed audit av före och efter hastighetspoäng för att ha och inte ha slider revolution aktiverad. Efter att ha Slider Revolution aktiverat hoppade revisionspoängen 10 poäng och ökade hastighetsindexet med 1,7 sekunder.
- när smart slider aktiverades hade det ingen inverkan, men när du satte ett reglage på sidan påverkade det revisionspoängen med 20 på mobilen och 3 på skrivbordet och ökade hastighetsindexet med 1,4 sekunder.
så det är 2 bra och 4 dåliga skäl till en skjutreglage, men vad är data bakom det?
data bakom reglagen
jag har 7 studier för att säkerhetskopiera hur bara ineffektiva reglagen verkligen är. Jag kommer att prata om 3 av dem men alla 7 kommer att refereras .
den första studien var av Erik Runyon vid Notre Dame University. Detta test var att mäta fördelningen av klick på de olika bilderna i en skjutreglage. Det visade att den första bilden hade den överväldigande majoriteten av klick och konverteringar. Han granskade 5 Webbplatser; den första webbplatsen hade 84% av klicken med bild 1 och de andra bilderna hade cirka 4% av klicken. Hans andra 4 platser visade att 48% -62% av de totala klick i reglagen var från den första bilden, och resten av klick jämnt fördela bland resten av de andra bilderna.
den andra studien gjordes av Conversionista, ett företag för konverteringsoptimering i Sverige. Detta test var att mäta skillnaden i klick för en bildkarusell jämfört med en statisk bild. De körde värmekartestning som använde ögonspårningsteknik och mätte också klick för varje typ av skjutreglage. Resultaten visade att användarna ” tycktes undvika skjutreglaget och inte klickade på det.”, vilket troligen berodde på bannerblindhet. Det visade också att den statiska bilden klickades 40% av tiden, medan bildreglaget klickades bara 2% av tiden.
den sista studien jag kommer att nämna är av Blair Keen, en Adobe Optimization Manager. Hans studie var att visa skillnaden i omvandlingar mellan att ha en skjutreglage och inte ha en alls. Han fann att när han tog bort reglaget som placerades ovanför vecket, att det leder till en ökning med 23% i försäljningen.
så vad betyder allt detta?
det betyder 3 saker:
- när det gäller reglagen kommer den första bilden alltid att utföra de andra bilderna. De andra bilderna har vanligtvis runt en lika stor CTR.
- statiska bilder kommer alltid att utföra skjutreglage. Och reglagen ses ibland som banners, vilket kan orsaka bannerblindhet.
- även om du bara har skjutreglaget på din webbplats i avsnittet ovan minskar konverteringar och försäljning. Även om du kan förutsäga samma effekt om de placeras någon annanstans på webbplatsen.
hur man gör en skjutreglage effektivare
men det finns goda nyheter! Jag kan visa dig steg för steg om hur man gör en skjutreglage effektivare:
- först bör du se till att det inte spelar upp automatiskt. Eftersom autoplaying tar kontroll bort från användare och det är verkligen frustrerande.
- ta sedan bort alla bilder utom den första. Det finns ingen mening med att ha mer än en eftersom människor inte kommer att titta på dem.
- då vill du ta bort navigationspilarna, vi har bara en bild så att vi inte behöver dem.
- slutligen, ta bara bort navigationskulorna.
Sammanfattningsvis bör reglagen inte användas. Den enda gången de ska användas är för produktbilder på en produktsida. Annat än det blir reglagen statistiskt inte interagerade med. Inte många bryr sig tillräckligt för att spendera tid på att klicka igenom din vackra PowerPoint-presentation. Om designen på din webbplats kräver att du använder en skjutreglage har din design misslyckats.
inaktivera dina 18 slider plugins, koppla bort din owl.js-fil, och sluta använda reglagen.
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/