suwaki, lub jak lubię je nazywać, interaktywne miasta duchów, są powszechne w witrynach internetowych, zwłaszcza tych zbudowanych z WordPressa, ponieważ tak łatwo je dodać. Ale jeśli są tak nowoczesne i powszechne, muszą być dobre, prawda?
cóż, aby przejść do rzeczy, suwaki są gówno warte i nie powinieneś ich używać i z wielu powodów.
ale po pierwsze, dlaczego ludzie ich używają? Do czego służą?
dlaczego suwaki są dobre w projektowaniu stron internetowych
wymyśliłem 2 enkapsulujące powody, dla których ludzie chcieliby użyć suwaka:
pierwszym enkapsulującym powodem, dla którego ludzie chcieliby używać suwaków i karuzel na swojej stronie internetowej, jest to, że albo nie znają wad doświadczenia użytkownika, albo wydają się podążać za przekonaniem, że UI jest ważniejszy niż UX, lub innymi słowy, niedoświadczeni ludzie umieszczają suwaki na swojej stronie internetowej, ponieważ wyglądają ładnie, co na pewno może być, jeśli zrobi się to poprawnie.
innym powodem, dla którego myślę, że ludzie używają suwaków, jest to, że ludzie czują, że przewijanie jest przerażające, więc dopasowują zawartość swojej witryny do suwaka, aby zająć mniej miejsca.
co oczywiście jest ironiczne, ponieważ suwaki działają zasadniczo na przewijaniu, co właśnie próbujesz zmniejszyć.
myślę, że te 2 powody zawierają większość powodów, dla których ktoś chciałby użyć suwaka.
na przykład czyjś powód użycia suwaka (zgodnie z beaconfire-red.com/) może być ” promowaniem ważnych treści i ogłoszeń – – cóż, to tylko próba zaoszczędzenia miejsca.
lub „Pochwal się atrakcyjnymi, związanymi z misją wizualizacjami” i „stwórz osobowość lub estetykę witryny”-to stara się uczynić Twoją stronę ładniejszą.
dlaczego suwaki są złe w projektowaniu stron internetowych
najpierw porozmawiajmy o teorii o tym, dlaczego suwaki nie są dobre, a następnie zbadaj statystyki za suwakami, które dowodzą, że robią złe projektowanie stron internetowych.
mimo, że są ładne, suwaki bardziej bolą niż pomagają stronie internetowej. z przyjemnością powiem ci dlaczego. Nie wiem, czy wiesz, ale nienawidzę suwaków.
pierwszym powodem, dla którego suwaki są złe, jest to, że nie możesz liczyć na kogoś, kto przewija lub wchodzi w interakcję z suwakiem, ludzie po prostu tego nie robią (co cofniemy później).
musisz pamiętać, że czas jest cenny, gdy ludzie są na stronie internetowej. Odwiedzający odbijają się od stron internetowych w wysokim tempie, Zwykle przeglądają tekst zamiast czytać wszystko, a pierwsze 10 sekund ma kluczowe znaczenie dla tego, czy zamierzają zostać, czy nie .
i tak, gdy umieszczasz treść w suwaku – to bariera wejścia. To Ty, co utrudnia i bardziej czasochłonne dla użytkownika, aby dostać się do treści witryny.
kolejnym powodem jest to, że suwaki są odrodzeniem szatana, jest to, że ludzie często mają coś, co nazywa się „ślepotą banerów”, zwłaszcza suwaki obrazów.
ze ślepotą banerów, ponieważ ludzie są tak przyzwyczajeni do oglądania reklam i dużych banerów na stronach internetowych, użytkownicy ignorują je i przewijają. Więc jeśli twój suwak wygląda mniej więcej jak baner, istnieje duża szansa, że ludzie nieświadomie przewijają obok.
następnie suwaki często przejmują kontrolę od użytkowników. Nie tylko ludzie używają suwaków, aby pogorszyć swoje strony internetowe, ale idą dalej, czyniąc je automatycznym odtwarzaniem.
problem z automatycznym odtwarzaniem suwaków polega na tym, że są bardzo irytujące. Gdyby projektowanie stron internetowych istniało w XV wieku, automatyczne odtwarzanie suwaków byłoby ósmym grzechem śmiertelnym, podobnie jak tekst wyrównany do środka.
użytkownicy powinni mieć pełną kontrolę nad stroną. Nic nie powinno się poruszać ani zmieniać. Strony internetowe nie są prezentacją pokazu slajdów, więc przestań traktować ją jak prezentację.
innym powodem, dla którego suwaki ssą więcej niż odkurzacze, jest to, że mają tendencję do spowalniania stron internetowych, szczególnie stron WordPress. Dzięki witrynom WordPress tak łatwo jest dodawać suwaki za pomocą kliknięcia przycisku z wtyczkami.
2 wtyczki w szczególności, Slider revolution i Smart Slider 3 mają duży negatywny wpływ na szybkość witryny:
- przeprowadziłem test na stronie WordPress i przeprowadziłem audyt prędkości Google przed i po wyniku prędkości posiadania i nie posiadania aktywowanej rewolucji suwaka. Po aktywacji Slider Revolution wynik audytu skoczył o 10 punktów i zwiększył wskaźnik prędkości o 1,7 sekundy.
- aktywacja smart slidera nie miała wpływu, ale po umieszczeniu suwaka na stronie wpłynęła na wynik audytu o 20 na urządzeniach mobilnych i 3 na komputerach oraz zwiększyła indeks prędkości o 1,4 sekundy.
więc to są 2 dobre i 4 złe powody do suwaka, ale jakie są za tym dane?
dane za suwakami
mam 7 badań, aby wykonać kopię zapasową, jak tylko nieskuteczne suwaki naprawdę są. Będę mówić o 3 z nich, ale wszystkie 7 będzie odwołuje .
pierwsze badania przeprowadził Erik Runyon na Uniwersytecie Notre Dame. Test ten miał na celu pomiar rozkładu kliknięć różnych slajdów w suwaku. Pokazało to, że pierwszy slajd miał przytłaczającą większość kliknięć i konwersji. Przeglądał witryny 5; Pierwsza strona miała 84% kliknięć w slajdzie 1, a inne slajdy miały około 4% kliknięć. Jego pozostałe 4 strony pokazały, że 48% -62% wszystkich kliknięć w suwakach pochodziło z pierwszego slajdu, a reszta kliknięć równomiernie rozkładała się między Pozostałe slajdy.
drugie badanie zostało przeprowadzone przez Conversionistę, szwedzką firmę zajmującą się optymalizacją współczynnika konwersji. Ten test polegał na zmierzeniu różnicy kliknięć dla karuzeli obrazu w porównaniu do obrazu statycznego. Przeprowadzili testy mapy termicznej, które wykorzystywały technologię śledzenia wzroku, a także mierzyli kliknięcia dla każdego rodzaju suwaka. Wyniki pokazały, że użytkownicy ” unikali suwaka i nie klikali na niego.”, co było najprawdopodobniej spowodowane ślepotą bannera. Pokazało również, że statyczny obraz był klikany przez 40% czasu, podczas gdy suwak obrazu był klikany tylko przez 2% czasu.
ostatnie badanie, o którym wspomnę, jest autorstwa Blaira Keena, Menedżera optymalizacji Adobe. Jego badanie miało pokazać różnicę w konwersji między posiadaniem suwaka, a jego brakiem. Odkrył, że po usunięciu suwaka, który został umieszczony nad krotnie, że prowadzi to do wzrostu sprzedaży o 23%.
Co to wszystko znaczy?
to znaczy 3 rzeczy:
- jeśli chodzi o suwaki, pierwszy slajd zawsze wykona inne slajdy. Pozostałe slajdy mają zwykle równy CTR.
- obrazy statyczne zawsze będą wykonywać suwaki. Suwaki są czasami postrzegane jako banery, które mogą powodować ślepotę banerów.
- nawet sam suwak na swojej stronie w powyższej sekcji fold zmniejsza konwersje i sprzedaż. Chociaż można przewidzieć ten sam efekt, jeśli umieszczone gdziekolwiek indziej na stronie internetowej.
jak zrobić suwak bardziej efektywny
ale jest dobra wiadomość! Pokażę Ci krok po kroku, jak sprawić, by slider był bardziej efektywny:
- po pierwsze, upewnij się, że nie działa automatycznie. Ponieważ automatyczne odtwarzanie odbiera kontrolę użytkownikom i jest to naprawdę frustrujące.
- następnie usuń wszystkie slajdy z wyjątkiem pierwszego. Nie ma sensu mieć więcej niż jednego, ponieważ ludzie nie będą na nie patrzeć.
- wtedy będziesz chciał usunąć strzałki nawigacyjne, mamy tylko jeden slajd, więc nie będziemy ich potrzebować.
- na koniec po prostu usuń kule nawigacyjne.
podsumowując, suwaki nie powinny być używane. Należy ich używać tylko w przypadku zdjęć produktów na stronie produktu. Poza tym, suwaki statystycznie nie wchodzą w interakcję. Niewiele osób obchodzi na tyle, aby spędzić czas klikając swoją ładną prezentację PowerPoint. Jeśli projekt Twojej strony internetowej wymaga użycia suwaka, Twój projekt nie powiódł się.
Wyłącz 18 wtyczek suwaka, odłącz sowę.plik js i przestań używać suwaków.
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/