Sliders, sau cum îmi place să le numesc, orașe fantomă interacționabile, sunt comune în site-urile web, în special cele construite cu WordPress, deoarece există atât de ușor de adăugat. Dar dacă sunt atât de moderne și comune, trebuie să fie un lucru bun, nu?
Ei bine, pentru a ajunge la subiect, glisoarele sunt de rahat și nu ar trebui să le folosești și din mai multe motive.
dar mai întâi, de ce le folosesc oamenii? La ce sunt bune?
de ce glisoarele sunt bune în designul web
am venit cu 2 motive încapsulate pentru care oamenii ar dori să folosească un glisor:
primul motiv încapsulator pentru care oamenii ar dori să folosească glisoare și carusele pe site-ul lor web este fie că nu cunosc defectele experienței utilizatorului, fie că par să urmeze credința că UI este mai important decât UX, sau cu alte cuvinte, oamenii neexperimentați pun glisoare pe site – ul lor web pentru că arată frumos, ceea ce este destul de sigur că pot fi făcute corect.
un alt motiv pentru care cred că oamenii folosesc glisoare este că oamenii simt că derularea este înfricoșătoare, astfel încât să încadreze conținutul site-ului lor într-un glisor pentru a ocupa mai puțin spațiu.
ceea ce, desigur, este ironic, deoarece glisoarele funcționează fundamental pe defilare, care este chiar lucrul pe care încercați să îl reduceți.
cred că aceste 2 motive încapsulează majoritatea motivelor pentru care cineva ar dori să folosească un glisor.
de exemplu, motivul cuiva pentru utilizarea unui glisor (conform beaconfire-red.com/) ar putea fi „promovarea conținutului și anunțurilor importante” – Ei bine, asta încearcă doar să economisească spațiu.
sau „arătați imagini convingătoare, legate de misiune” și „stabiliți o personalitate sau o estetică pentru site”-care încearcă să vă facă site – ul mai frumos.
de ce glisoarele sunt rele în designul web
în primul rând, să vorbim despre teoria despre motivul pentru care glisoarele nu sunt bune și apoi să explorăm mai târziu statisticile din spatele glisoarelor care dovedesc că fac un design web rău.
oricât de frumoase sunt, glisoarele rănesc mai mult decât ajută un site web și ar fi plăcerea mea absolută să vă spun de ce. Nu știu dacă îți dai seama, dar urăsc glisoarele.
primul motiv pentru care glisoarele sunt rele este că nu puteți conta pe cineva care să parcurgă sau să interacționeze cu glisorul dvs., oamenii pur și simplu nu o fac (pe care o vom face mai târziu).
trebuie să vă amintiți că timpul este prețios atunci când oamenii sunt pe un site web. Vizitatorii sări de pe site-uri la o rată ridicată , ei , de obicei, răsfoiesc peste text în loc de lectură tot de ea, și primele 10 secunde sunt critice pentru dacă au de gând să rămână sau nu .
și astfel, atunci când puneți conținutul într – un cursor-aceasta este o barieră pentru intrare. Asta ești tu, ceea ce face mai greu și mai consumator de timp pentru un utilizator să ajungă la conținutul site-ului tău.
următorul motiv este că glisoarele sunt icrele Satanei, este că oamenii au adesea ceva numit „orbire banner”, în special glisoarele de imagine.
cu orbirea Bannerului, deoarece oamenii sunt atât de obișnuiți să vadă reclame și bannere mari pe site-uri web, utilizatorii ignoră și derulează pe lângă ele. Deci, dacă glisorul dvs. arată aproximativ ca un banner, există șanse mari ca oamenii să deruleze inconștient chiar pe lângă.
apoi, glisoarele preiau adesea controlul de la utilizatori. Nu numai că oamenii folosesc glisoare pentru a-și înrăutăți site-urile web, dar duc acest lucru mai departe făcându-le să joace automat.
problema cu glisoarele de redare automată este că sunt foarte enervante. În cazul în care Web design a fost în jurul în secolul al 15-lea, slidere autoplaying ar fi al 8-lea păcat de moarte la fel ca textul aliniat la centru.
utilizatorii ar trebui să aibă control complet asupra site-ului. Nimic nu ar trebui să se miște sau să se schimbe. Site-urile web nu sunt o prezentare de diapozitive, așa că nu mai tratați-o ca una.
un alt motiv pentru care glisoarele suge mai mult decât aspiratoarele este că tind să încetinească site-urile web, în special Site-urile WordPress. Cu site-urile WordPress, este atât de ușor să adăugați glisoare cu un clic pe un buton cu pluginuri.
2 pluginuri în special, Slider revolution și Smart Slider 3 au un impact negativ mare asupra vitezei site-ului dvs. web:
- am rulat un test pe un site web WordPress și am efectuat un audit de viteză Google al scorului de viteză înainte și după, de a avea și de a nu avea Revoluția slider activată. După activarea Slider Revolution, scorul de audit a sărit cu 10 puncte și a crescut indicele de viteză cu 1,7 secunde.
- cu activarea Smart slider nu a avut niciun impact, dar atunci când puneți un slider pe pagină, acesta a afectat scorul de audit cu 20 pe mobil și 3 pe desktop și a crescut indicele de viteză cu 1,4 secunde.
deci, acestea sunt 2 motive bune și 4 rele pentru un cursor, dar care sunt datele din spatele ei?
datele din spatele cursoarelor
am 7 studii pentru a face backup cât de ineficiente sunt glisoarele. Voi vorbi despre 3 dintre ele, dar toate 7 vor fi menționate .
primul studiu a fost realizat de Erik Runyon la Universitatea Notre Dame. Acest test a fost de a măsura distribuția clicurilor diferitelor diapozitive într-un cursor. A arătat că primul diapozitiv a avut majoritatea covârșitoare a clicurilor și conversiilor. El a revizuit 5 site-uri; primul site a avut 84% din clicuri cu diapozitivul 1, iar celelalte diapozitive având în jur de 4% din clicuri. Celelalte 4 site-uri ale sale au arătat că 48% -62% din totalul clicurilor din glisoare au fost din primul diapozitiv, iar restul clicurilor s-au distribuit uniform între restul celorlalte diapozitive.
al doilea studiu a fost realizat de Conversionista, o firmă de optimizare a ratei de conversie din Suedia. Acest test a fost de a măsura diferența de clicuri pentru un carusel de imagine față de o imagine statică. Au efectuat teste de hartă a căldurii care au folosit tehnologia de urmărire a ochilor și, de asemenea, au măsurat clicurile pentru fiecare tip de glisor. Rezultatele au arătat că utilizatorii „păreau să evite glisorul și nu au făcut clic pe el.”, care s-a datorat cel mai probabil orbirii Bannerului. De asemenea, a arătat că imaginea statică a fost făcută clic 40% din timp, în timp ce glisorul de imagine a fost făcut clic doar 2% din timp.
ultimul studiu pe care îl voi menționa este de Blair Keen, un manager de optimizare Adobe. Studiul său a fost să arate diferența de conversii între a avea un glisor și a nu avea deloc unul. El a constatat că, atunci când a scos cursorul care a fost plasat deasupra ori, că aceasta duce la o creștere de 23% în vânzări.
ce înseamnă toate astea?
înseamnă 3 lucruri:
- când vine vorba de glisoare, primul diapozitiv va efectua întotdeauna celelalte diapozitive. Celelalte diapozitive au de obicei în jurul unui CTR egal.
- imaginile statice vor depăși întotdeauna glisoarele. Și glisoarele sunt uneori văzute ca bannere, ceea ce poate provoca orbirea Bannerului.
- chiar și doar având cursorul pe site-ul dvs. în secțiunea de mai sus ori scade conversii și vânzări. Deși puteți prezice același efect dacă este plasat oriunde altundeva pe site.
cum să faci un slider mai eficient
dar există vești bune! Vă pot arăta pas cu pas cum să faceți un glisor mai eficient:
- în primul rând, ar trebui să vă asigurați că nu joacă automat. Deoarece redarea automată preia controlul de la utilizatori și este foarte frustrant.
- apoi, eliminați toate diapozitivele, cu excepția primului. Nu are rost să ai mai mult de unul pentru că oamenii nu se vor uita la ei.
- apoi, veți dori să eliminați săgețile de navigare, avem doar un singur diapozitiv, astfel încât nu vom avea nevoie de acestea.
- în cele din urmă, trebuie doar să eliminați gloanțele de navigare.
în concluzie, glisoarele nu trebuie utilizate. Singura dată când acestea ar trebui să fie utilizate este pentru imagini de produs pe o pagină de produs. În afară de asta, glisoarele statistic nu interacționează. Nu mulți oameni de îngrijire suficient pentru a petrece timp făcând clic prin prezentarea PowerPoint destul. Dacă designul site-ului dvs. web necesită utilizarea unui glisor, atunci designul dvs. a eșuat.
dezactivați cele 18 pluginuri slider, deconectați bufnița.fișier js, și nu mai utilizați cursoare.
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/