liukusäätimet, tai kuten minä niitä kutsun, Interaktiiviset aavekaupungit, ovat yleisiä verkkosivustoilla, erityisesti WordPress-ohjelmalla rakennetuilla, koska niihin on niin helppo lisätä. Mutta jos ne ovat niin moderneja ja yleisiä, niiden pitää olla hyvä asia.
No, jotta päästään asiaan, liukusäätimet ovat paskaa, eikä niitä kannata käyttää ja monestakin syystä.
mutta ensin, miksi ihmiset käyttävät niitä? Mitä hyötyä niistä on?
miksi liukusäätimet ovat hyviä web-suunnittelussa
olen keksinyt 2 kapseloivaa syytä, miksi ihmiset haluaisivat käyttää liukusäätimiä ja karuselleja verkkosivustollaan:
ensimmäinen kapseloiva syy, miksi ihmiset haluaisivat käyttää liukusäätimiä ja karuselleja verkkosivuillaan on, että he eivät joko tiedä käyttäjäkokemuksen puutteita tai että he näyttävät noudattavan uskomusta siitä, että käyttöliittymä on UX: ää tärkeämpi, tai toisin sanoen, kokemattomat ihmiset laittavat liukusäätimiä verkkosivuilleen, koska ne näyttävät nätiltä, mikä varmasti onnistuu, jos ne tehdään oikein.
toinen syy, miksi ihmiset käyttävät liukusäätimiä, on se, että ihmiset kokevat rullaamisen pelottavaksi, joten he sovittavat verkkosivustonsa sisällön liukusäätimeen viedäkseen vähemmän tilaa.
mikä tietysti on ironista, koska liukusäätimet tavallaan toimivat pohjimmiltaan vierityksessä, jota juuri yrität vähentää.
mielestäni nämä 2 syytä kiteyttävät suurimman osan syistä, miksi kukaan haluaisi käyttää liukusäädintä.
esimerkiksi jonkun syy käyttää liukusäädintä (mukaan beaconfire-red.com/) voisi olla ”edistää tärkeää sisältöä ja ilmoituksia” – no se on vain yrittää säästää tilaa.
tai ” keuliminen pakottavia, missioon liittyviä grafiikka ”ja” luoda persoonallisuus tai esteettinen sivuston ” – joka yrittää tehdä sivuston kauniimpi.
Why sliders are bad in web design
First, let ’ s talk about the theory about why sliders are not good and then later later explore the stats behind sliders that provide they make for bad web design.
niin kauniita kuin ne ovatkin, liukusäätimet sattuvat enemmän kuin auttavat verkkosivustoa, ja olisi ehdoton iloni kertoa, miksi. En tiedä, huomaatko, mutta vihaan slidereitä.
ensimmäinen syy, miksi liukusäätimet ovat huonoja, on se, että et voi luottaa siihen, että joku selaa läpi tai on vuorovaikutuksessa liukusäätimesi kanssa, ihmiset eivät vain tee sitä (johon palaamme myöhemmin).
pitää muistaa, että aika on arvokasta, kun ihmiset ovat nettisivuilla. Vierailijat pomppivat pois sivustot suurella nopeudella, he yleensä skim yli tekstiä sijaan lukeminen kaikki se, ja ensimmäiset 10 Sekuntia ovat kriittisiä, jos he aikovat pysyä vai ei .
ja niin, kun laittaa sisältönsä liukusäätimeen – se on sisäänpääsyn este. Se olet sinä, mikä vaikeuttaa ja enemmän aikaa vievää käyttäjä saada sisältöä sivustosi.
seuraava syy on se, että liukusäätimet ovat Saatanan sikiöitä, on se, että ihmisillä on usein jotain niin sanottua ”bannerisokeutta”, erityisesti kuvan liukusäätimiä.
bannerinsokeus, koska ihmiset ovat niin tottuneet näkemään mainoksia ja suuria bannereita verkkosivustoilla, käyttäjät jättävät ne huomiotta ja vierittävät niiden ohi. Joten jos liukusäädintä näyttää suurin piirtein banneri, on hyvä mahdollisuus, että ihmiset tiedostamatta vierittää oikealle ohi.
seuraavaksi liukusäätimet vievät usein hallinnan käyttäjiltä. Ei vain ihmiset käyttävät liukusäätimiä tehdä niiden sivustot huonompi, mutta he vievät tämän pidemmälle tekemällä niistä autoplay.
automaattilevyjen ongelma on se, että ne ovat erittäin ärsyttäviä. Jos web design oli noin 15-luvulla, autoplay liukusäätimiä olisi 8. kuolemansynti aivan kuten keskellä-linjassa tekstiä.
käyttäjillä tulee olla sivuston Täydellinen hallinta. Minkään ei pitäisi liikkua tai muuttua. Sivustot eivät ole diaesitys esitys, joten lopeta käsitellä sitä kuin yksi.
toinen syy, miksi liukusäätimet imevät enemmän kuin imurit, on se, että niillä on taipumus hidastaa verkkosivustoja, erityisesti WordPress-sivustoja. WordPress sivustoja, se on niin helppo lisätä liukusäätimiä napin painalluksella plugins.
2 liitännäistä erityisesti Slider revolutionilla ja Smart Slider 3: lla on suuria negatiivisia vaikutuksia verkkosivustosi nopeuteen:
- ajoin testin WordPress verkkosivuilla ja juoksi Google speed audit ennen ja jälkeen nopeus pisteet ottaa ja ei ole slider revolution aktivoitu. Kun Slider Revolution aktivoitiin, audit-pisteet nousivat 10 pisteeseen ja nostivat nopeusindeksiä 1,7 sekunnilla.
- smart slider-aktivoinnilla sillä ei ollut vaikutusta, mutta kun laitoit liukusäätimen sivulle, se vaikutti auditointipisteeseen 20 mobiililaitteella ja 3 työpöydällä ja nosti nopeusindeksiä 1,4 sekunnilla.
eli nuo ovat 2 hyvää ja 4 huonoa syytä liukuhihnalle, mutta mitä tietoja sen takana on?
tiedot liukusäätimien takana
minulla on 7 tutkimusta varmistamassa, kuinka juuri tehottomia liukusäätimet todella ovat. Puhun 3 niistä, mutta kaikki 7 viitataan .
ensimmäisen tutkimuksen teki Erik Runyon Notre Damen yliopistossa. Tällä testillä mitattiin eri diojen klikkausten jakautumista liukusäätimessä. Se osoitti, että ensimmäisellä liukumäellä oli ylivoimainen enemmistö klikkauksista ja muunnoksista. Hän tarkasteli 5 sivustoja; ensimmäinen sivusto oli 84% napsautuksia slide 1 ja muut diat ottaa noin 4% napsautuksia. Hänen muut 4 sivustot osoittivat, että 48% -62% kaikista napsautukset liukusäätimiä olivat ensimmäisestä dia, ja loput napsautukset tasaisesti jakaa muiden muiden dioja.
toisen tutkimuksen teki Ruotsissa toimiva Konversionopeuden Optimointiyritys Conversionista. Tällä testillä mitattiin kuvakarusellin ja staattisen kuvan klikkausten eroa. He tekivät lämpökarttatestejä, joissa käytettiin silmänseurantatekniikkaa ja mitattiin myös klikkauksia jokaiselle liukusäätimelle. Tulokset osoittivat, että käyttäjät ” näyttivät välttävän liukusäädintä eivätkä klikanneet sitä.”, joka johtui todennäköisesti bannerin sokeudesta. Se osoitti myös, että staattista kuvaa klikattiin 40% ajasta, kun taas kuvan liukusäädintä klikattiin vain 2% ajasta.
viimeinen mainitsemani tutkimus on Blair Keen, Adoben Optimointipäällikkö. Hänen tutkimus oli osoittaa ero muunnoksia ottaa liukusäädintä ja ei ole ollenkaan. Hän havaitsi, että kun hän poisti liukusäädintä, joka asetettiin taitoksen yläpuolelle, että se johtaa 23 prosentin kasvuun myynnissä.
Joten mitä tämä kaikki tarkoittaa?
se tarkoittaa 3 asiaa:
- kun se tulee liukusäätimiä, ensimmäinen dia aina out-suorittaa muita dioja. Muilla dioilla on yleensä suunnilleen yhtä suuri TTR.
- staattiset kuvat päihittävät aina liukusäätimet. Ja liukusäätimiä pidetään joskus banderolleina, mikä saattaa aiheuttaa bannerinsokeutta.
- jo pelkkä liukusäätimen käyttäminen sivustossasi yllä olevassa fold-osiossa vähentää konversioita ja myyntiä. Vaikka voit ennustaa saman vaikutuksen, jos sijoitetaan jonnekin muualle verkkosivuilla.
miten liukurista saadaan tehokkaampi
mutta hyviä uutisia! Voin näyttää sinulle askel askeleelta, miten tehdä liukusäädintä tehokkaampi:
- varmista ensin, ettei se pelaa automaattisesti. Koska autoplay vie hallinnan käyttäjiltä ja se on todella turhauttavaa.
- poista seuraavaksi kaikki diat paitsi ensimmäinen. Ei ole mitään järkeä ottaa enempää kuin yksi, koska ihmiset eivät katso niitä.
- sitten haluat poistaa navigointinuolet, meillä on vain yksi liukumäki, joten emme tarvitse niitä.
- lopuksi vain poistetaan suunnistusluodit.
lopuksi, liukusäätimiä ei pidä käyttää. Niitä kannattaa käyttää vain tuotekuviin tuotesivulla. Sen lisäksi, liukusäätimiä tilastollisesti eivät saa vuorovaikutuksessa. Ei monet ihmiset välittävät tarpeeksi viettää aikaa klikkaamalla läpi kaunis PowerPoint esitys. Jos suunnittelu sivuston vaatii sinua käyttämään liukusäädintä sitten suunnittelu on epäonnistunut.
Poista 18 liukusäätimen liitännäistä käytöstä, poista Owl-yhteys.js-tiedosto, ja lopeta liukusäätimiä.
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/