skydere, eller som jeg gerne kalder dem, interaktive spøgelsesbyer, er almindelige på hjemmesider, især dem, der er bygget med ordtryk, fordi der er så let at tilføje. Men hvis de er så moderne og almindelige, de skal være en god ting rigtigt?
nå, for at komme til det punkt, skydere er lort, og du bør ikke bruge dem og af flere grunde.
men først, hvorfor bruger folk dem? Hvad er de gode til?
hvorfor skydere er gode i internetdesign
jeg har fundet 2 indkapslende grunde til, at folk ønsker at bruge en skyder:
den første indkapslende grund til, at folk ønsker at bruge skydere og karruseller på deres hjemmeside, er, at de enten ikke kender brugeroplevelsesfejl, eller at de ser ud til at følge en tro på, at UI er vigtigere end UF, eller med andre ord, uerfarne mennesker sætter skydere på deres hjemmeside, fordi de ser smukke ud, hvilket sikkert nok de kan være, hvis de gøres korrekt.
en anden grund til, at jeg tror, at folk bruger skydere, er, at folk føler at rulle er skræmmende, så de passer deres hjemmesides indhold i en skyder for at tage mindre plads.
hvilket selvfølgelig er ironisk, fordi skydere slags fundamentalt opererer på rulning, hvilket er netop det, du forsøger at reducere.
jeg tror, at disse 2 grunde indkapsler de fleste af grundene til, at nogen vil bruge en skyder.
for eksempel en persons grund til at bruge en skyder (ifølge beaconfire-red.com/) kunne være at “fremme vigtigt indhold og meddelelser” – Det er bare at forsøge at spare på plads.
eller “Vis overbevisende, mission-relaterede visuals” og “etablere en personlighed eller æstetik for sitet” – der forsøger at gøre din hjemmeside smukkere.
hvorfor skydere er dårlige i internetdesign
lad os først tale om teorien om, hvorfor skydere ikke er gode, og derefter senere udforske statistikken bag skydere, der beviser, at de skaber Dårligt internetdesign.
så smukke som de er, skydere ondt mere end de hjælper en hjemmeside, og det ville være min absolutte glæde at fortælle dig hvorfor. Jeg ved ikke, om du kan se det, men jeg hader skydere.
den første grund til, at skyderne er dårlige, er, at du ikke kan stole på, at nogen ruller igennem eller interagerer med din skyder, folk gør det bare ikke (som vi sikkerhedskopierer senere).
du skal huske, at tiden er dyrebar, når folk er på en hjemmeside. Besøgende hoppe fra hjemmesider med en høj hastighed , de normalt skimme over tekst i stedet for at læse det hele, og den første 10 sekunder er afgørende for, hvis de kommer til at bo eller ej .
og så, når du lægger dit indhold i en skyder – det er en adgangsbarriere. Det er dig, hvilket gør det sværere og mere tidskrævende for en bruger at få på indholdet af din hjemmeside.
den næste grund er, at skydere er Satans gyde, er, at folk ofte har noget, der hedder “bannerblindhed”, især billedskyderne.
med bannerblindhed, fordi folk er så vant til at se annoncer og store bannere på hjemmesider, ignorerer brugerne og ruller forbi dem. Så hvis din skyder ser stort set ud som et banner, er der en god chance for, at folk ubevidst ruller lige forbi.
dernæst tager skydere ofte kontrol væk fra brugerne. Ikke kun folk bruger skydere til at gøre deres hjemmesider værre, men de tager dette videre ved at gøre dem autoplaying.
problemet med automatisk afspilning af skydere er, at de er meget irriterende. Hvis internetdesign var omkring i det 15.århundrede, ville autoplaying skydere være den 8. dødssynd ligesom centerjusteret tekst.
brugere skal have fuld kontrol over hjemmesiden. Intet skal bevæge sig rundt eller ændre sig. Hjemmesider er ikke en præsentation, så stop med at behandle det som en.
en anden grund til, at skydere suger mere end støvsugere, er, at de har tendens til at bremse hjemmesider. Det er så nemt at tilføje i skydere med et klik på en knap med plugins.
2 plugins især Slider revolution og Smart Slider 3 har store negative virkninger på hastigheden på din hjemmeside:
- jeg kørte en test på en hjemmeside og kørte en Google speed revision af før og efter hastighed score for at have og ikke have slider revolution aktiveret. Efter at have Slider Revolution aktiveret, sprang revisionsresultatet 10 point og øgede hastighedsindekset med 1,7 sekunder.
- med smart slider-aktivering havde den ingen indflydelse, men når du satte en skyder på siden, påvirkede den revisionsscore med 20 på mobil og 3 på skrivebordet og øgede hastighedsindekset med 1,4 sekunder.
så det er 2 gode og 4 dårlige grunde til en skyder, men hvad er dataene bag det?
dataene bag skydere
jeg har 7 undersøgelser til backup, hvordan bare ineffektive skydere virkelig er. Jeg vil tale om 3 af dem, men alle 7 vil blive henvist til .
den første undersøgelse var af Erik Runyon ved Notre Dame University. Denne test var at måle fordelingen af klik på de forskellige dias i en skyder. Det viste, at det første dias havde det overvældende flertal af klik og konverteringer. Han gennemgik 5 steder; det første sted havde 84% af klikene med slide 1, og de andre dias havde omkring 4% af klikene. Hans andre 4 steder viste, at 48% -62% af de samlede klik i skyderne var fra det første dias, og resten af klikene jævnt fordelt blandt resten af de andre dias.
den anden undersøgelse var af Conversionista, et Konverteringsoptimeringsfirma i Sverige. Denne test var at måle forskellen i klik for et billede karrusel vs et statisk billede. De kørte heat map test, der brugte eye-tracking teknologi og også målte klik for hver slags skyder. Resultaterne viste, at brugerne “syntes at undgå skyderen og ikke klikkede på den.”, hvilket sandsynligvis skyldtes bannerblindhed. Det viste også, at det statiske billede blev klikket 40% af tiden, mens billedskyderen kun blev klikket 2% af tiden.
den sidste undersøgelse, jeg vil nævne, er af Blair Keen, en Adobe Optimeringschef. Hans undersøgelse var at vise forskellen i konverteringer mellem at have en skyder og slet ikke have en. Han fandt ud af, at da han fjernede skyderen, der var placeret over folden, fører det til en stigning på 23% i salget.
så hvad betyder alt dette?
det betyder 3 ting:
- når det kommer til skydere, vil det første dias altid udføre de andre dias. De andre dias har normalt omkring en lige CTR.
- statiske billeder vil altid udføre skydere. Og skydere ses undertiden som bannere, hvilket kan forårsage bannerblindhed.
- selv bare at have skyderen på din hjemmeside i ovenstående fold sektion reducerer konverteringer og salg. Selvom du kan forudsige den samme effekt, hvis den placeres andre steder på hjemmesiden.
Sådan gør du en skyder mere effektiv
men der er gode nyheder! Jeg kan vise dig trin for trin om, hvordan du gør en skyder mere effektiv:
- først skal du sørge for, at den ikke afspilles automatisk. Fordi autoplaying tager kontrol væk fra brugerne, og det er virkelig frustrerende.
- fjern derefter alle dias, men den første. Der er ingen mening i at have mere end en, fordi folk ikke vil se på dem.
- derefter vil du fjerne navigationspile, vi har kun et dias, så vi ikke har brug for dem.
- endelig skal du bare fjerne navigationskuglerne.
afslutningsvis skal skydere ikke bruges. Den eneste gang, de skal bruges, er til produktbilleder på en produktside. Bortset fra det bliver skydere statistisk ikke interageret med. Ikke mange mennesker bryr sig nok om at bruge tid på at klikke gennem din smukke præsentation. Hvis designet af din hjemmeside kræver, at du bruger en skyder, er dit design mislykkedes.
Deaktiver dine 18 slider plugins, Fjern linket til din ugle.JS fil, og stoppe med at bruge skydere.
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/