Er glidebrytere og karuseller gode eller dårlige i webdesign?

Glidere, eller som jeg liker å kalle dem, interactable spøkelsesbyer, er vanlige på nettsteder, spesielt de som er bygget Med WordPress fordi det er så lett å legge til. Men hvis de er så moderne og vanlige, må de være en god ting riktig?

vel, for å komme til poenget, er glidebryterne skit, og du bør ikke bruke dem og av flere grunner.

men først, hvorfor bruker folk dem? Hva er de gode for?

Hvorfor glidere er gode i webdesign

jeg har kommet opp med 2 innkapslende grunner til at folk ønsker å bruke en glidebryter:

den første innkapslende grunnen til at folk ønsker å bruke glidere og karuseller på deres hjemmeside er at de enten ikke kjenner brukeropplevelsen feil eller at de synes å følge en tro PÅ AT UI er viktigere ENN UX, eller med andre ord, uerfarne folk sette glidere på deres hjemmeside fordi de ser pen, som sikkert nok de kan være hvis det gjøres riktig.

En annen grunn til at jeg tror folk bruker glidebrytere, er at folk føler at rulling er skummelt, slik at de passer til nettstedets innhold i en glidebryter for å ta opp mindre plass.

Som selvfølgelig er ironisk fordi glidere slags fundamentalt operere på rulling som er selve tingen du prøver å redusere.

jeg tror disse 2 grunnene innkapsler de fleste grunnene til at noen vil bruke en glidebryter.

for eksempel, noen grunn til å bruke en glidebryter (ifølge beaconfire-red.com/) kan være å » Fremme viktig innhold og kunngjøringer – – vel det er bare å prøve å spare på plass.

Eller «Vis frem overbevisende, oppdragsrelaterte bilder» og » Opprett en personlighet eller estetikk for nettstedet – – det prøver å gjøre nettstedet ditt vakrere.

Hvorfor glidere er dårlige i webdesign

Først, la oss snakke om teorien om hvorfor glidere ikke er gode, og senere utforske statistikken bak glidere som viser at de gjør for dårlig webdesign.

så pen som de er, gjør glidebryterne mer vondt enn de hjelper et nettsted, Og det ville være min glede å fortelle deg hvorfor. Jeg vet ikke om du kan fortelle, men jeg hater glidebrytere.

den første grunnen til at glidere er dårlige er at du ikke kan stole på at noen skal bla gjennom eller samhandle med glidebryteren din, folk gjør det bare ikke (som vi sikkerhetskopierer senere).

du må huske at tiden er dyrebar når folk er på et nettsted. Besøkende spretter av nettsteder med høy hastighet, de skummer vanligvis over tekst i stedet for å lese alt , og de første 10 sekundene er kritiske for om de skal bli eller ikke .

og så, når du legger innholdet i en skyveknapp – det er en barriere for oppføring. Det er deg, noe som gjør det vanskeligere og mer tidkrevende for en bruker å få på innholdet på nettstedet ditt.

den neste grunnen er at glidere er satans gyte, er at folk ofte har noe som kalles «bannerblindhet», spesielt bildeskyvene.

med bannerblindhet, fordi folk er så vant til å se annonser og store bannere på nettsteder, ignorerer brukerne og ruller forbi dem. Så hvis glidebryteren din ser omtrent ut som et banner, er det en god sjanse for at folk ubevisst ruller rett forbi.

deretter tar glidebryterne ofte kontroll fra brukere. Ikke bare folk bruker glidere for å gjøre sine nettsteder verre, men de tar dette videre ved å gjøre dem autoplaying.

problemet med autoplaying glidere er at de er veldig irriterende. Hvis webdesign var rundt i det 15.århundre, ville autoplaying glidere være den 8. dødelige synden akkurat som midtjustert tekst.

Brukere bør ha full kontroll over nettstedet. Ingenting skal bevege seg rundt eller forandre seg. Nettsteder er ikke en lysbildefremvisning, så slutte å behandle det som en.

En annen grunn til at glidere suger mer enn støvsugere er at de har en tendens til å senke nettsteder, spesielt WordPress-nettsteder. Med WordPress nettsteder, det er så enkelt å legge i glidere med et klikk på en knapp med plugins.

2 plugins Spesielt Slider revolution og Smart Slider 3 har store negative virkninger på hastigheten på nettstedet ditt:

  • jeg kjørte en test På Et WordPress-nettsted og kjørte En Google speed audit av før og etter speed score for å ha og ikke ha slider revolution aktivert. Etter Å ha Slider Revolution aktivert, hoppet revisjonspoenget 10 poeng og økte hastighetsindeksen med 1,7 sekunder.
  • med smart slider aktivert det hadde ingen innvirkning, men når du setter en glidebryter på siden det påvirket revisjon score med 20 på mobil og 3 på skrivebordet og økt hastighetsindeksen med 1,4 sekunder.

så det er 2 gode og 4 dårlige grunner til en glidebryter, men hva er dataene bak den?

dataene bak glidere

jeg har 7 studier for å sikkerhetskopiere hvor bare ineffektive glidere egentlig er. Jeg vil snakke om 3 av dem, men alle 7 vil bli referert .

Den første studien var Av Erik Runyon Ved Notre Dame University. Denne testen var å måle fordelingen av klikk på de forskjellige lysbildene i en glidebryter. Det viste at det første lysbildet hadde det overveldende flertallet av klikk og konverteringer. Han gjennomgikk 5 nettsteder; det første nettstedet hadde 84% av klikkene med lysbilde 1 og de andre lysbildene hadde rundt 4% av klikkene. Hans andre 4 nettsteder viste at 48% -62% av de totale klikkene i glidebryterne var fra det første lysbildet, og resten av klikkene fordeler seg jevnt blant resten av de andre lysbildene.

Den andre studien var Av Conversionista, Et Konverteringsoptimaliseringsfirma i Sverige. Denne testen var å måle forskjellen i klikk for en bildekarusell vs et statisk bilde. De kjørte varmekarttesting som brukte øye-sporingsteknologi og også målte klikk for hver type glidebryter. Resultatene viste at brukerne » syntes å unngå glidebryteren og ikke klikket på den.», som mest sannsynlig skyldes bannerblindhet. Det viste også at det statiske bildet ble klikket 40% av tiden, mens bildeskyveknappen ble klikket bare 2% av tiden.

den siste studien jeg vil nevne er Av Blair Keen, En Adobe Optimalisering Manager. Hans studie var å vise forskjellen i konverteringer mellom å ha en glidebryter og ikke ha en i det hele tatt. Han fant at når han fjernet glidebryteren som ble plassert over brettet, fører det til en økning på 23% i salget.

Så hva betyr alt dette?

det betyr 3 ting:

  • når det gjelder glidere, vil det første lysbildet alltid utføre de andre lysbildene. De andre lysbildene har vanligvis rundt en lik CTR.
  • Statiske bilder vil alltid utføre glidere. Og glidere er noen ganger sett på som bannere, som kan føre til banner blindhet.
  • selv om du bare har glidebryteren på nettstedet ditt i ovennevnte fold-delen, reduseres konverteringer og salg. Selv om du kan forutsi den samme effekten hvis plassert noe annet sted på nettstedet.

hvordan lage en glidebryter mer effektiv

men det er gode nyheter! Jeg kan vise deg trinnvis om hvordan du gjør en skyveknapp mer effektiv:

  1. Først bør du sørge for at det ikke autoplay. Fordi autoplaying tar kontroll bort fra brukere, og det er veldig frustrerende.
  2. Fjern deretter alle lysbildene, men den første. Det er ikke noe poeng i å ha mer enn en fordi folk ikke kommer til å se på dem.
  3. da vil du fjerne navigasjonspilene, vi har bare ett lysbilde, slik at vi ikke trenger dem.
  4. Til Slutt fjerner du bare navigasjonskulene.

til slutt bør glidebrytere ikke brukes. Den eneste gangen de skal brukes er for produktbilder på en produktside. Annet enn det, glidere statistisk ikke får interaksjon med. Ikke mange bryr seg nok til å bruke tid på å klikke gjennom din Vakre PowerPoint-presentasjon. Hvis utformingen av nettstedet ditt krever at du bruker en glidebryter, har designet ditt mislyktes.

Deaktiver dine 18 skyveplugger, koble fra uglen din.js fil, OG SLUTTE Å BRUKE GLIDERE.

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/

Legg igjen en kommentar

Din e-postadresse vil ikke bli publisert.