Sliders, ou como eu gosto de chamá-los, Cidades Fantasmas interagíveis, são comuns em sites, especialmente aqueles construídos com WordPress porque há tão fácil de adicionar. Mas se eles são tão modernos e comuns, eles têm que ser uma coisa boa, certo?
bem, para chegar ao ponto, os controles deslizantes são uma merda e você não deve usá-los e por vários motivos.
mas primeiro, por que as pessoas os estão usando? Para que servem?
Por que carros são bons em web design
eu vim com 2 encapsulamento razões por que as pessoas gostariam de utilizar um controlo de deslize:
O primeiro encapsulamento razão pela qual as pessoas gostariam de usar controles deslizantes e carrosséis em seu site é que eles não sabem a Experiência do Usuário falhas ou que eles parecem seguir uma crença de que a INTERFACE de usuário é mais importante do que UX, ou, em outras palavras, pessoas inexperientes colocar barras em seu site, porque eles parecem muito, que com certeza eles podem ser, se feito corretamente.
outra razão pela qual acho que as pessoas usam controles deslizantes é que as pessoas sentem que a rolagem é assustadora, então elas encaixam o conteúdo de seu site em um controle deslizante para ocupar menos espaço.
o que, claro, é irônico porque os controles deslizantes funcionam fundamentalmente na rolagem, o que é exatamente o que você está tentando reduzir.
acho que esses 2 motivos encapsulam a maioria dos motivos pelos quais alguém gostaria de usar um controle deslizante.
por exemplo, o motivo de alguém usar um controle deslizante (de acordo com beaconfire-red.com/) poderia ser “promover conteúdo e anúncios importantes” – bem, isso está apenas tentando economizar espaço.
ou “mostre visuais atraentes e relacionados à missão “e” estabeleça uma personalidade ou estética para o site ” – isso está tentando tornar seu site mais bonito.
por que os controles deslizantes são ruins em web design
Primeiro, vamos falar sobre a teoria sobre por que os controles deslizantes não são bons e depois explorar as estatísticas por trás dos controles deslizantes que provam que são ruins para o design da web.
por mais bonitos que sejam, os controles deslizantes doem mais do que ajudam um site, e seria um prazer absoluto dizer o porquê. Não sei se podes dizer, mas detesto sliders.
a primeira razão pela qual os controles deslizantes são ruins é que você não pode contar com alguém para percorrer ou interagir com seu controle deslizante, as pessoas simplesmente não fazem isso (o que faremos backup mais tarde).
você tem que lembrar, que o tempo é precioso quando as pessoas estão em um site. Os visitantes saltam de sites em uma taxa alta, eles geralmente deslizam sobre o texto em vez de ler tudo isso , e os primeiros 10 segundos são críticos para se eles vão ficar ou não .
e assim, quando você coloca seu conteúdo em um controle deslizante-isso é uma barreira para a entrada. É você, tornando mais difícil e demorado para um usuário acessar o conteúdo do seu site.
a próxima razão é que os controles deslizantes são a geração de Satanás, é que as pessoas muitas vezes têm algo chamado de “cegueira de banner”, especialmente os controles deslizantes de imagem.
com cegueira de banner, porque as pessoas estão tão acostumadas a ver anúncios e banners grandes em sites, os usuários ignoram e rolam por eles. Então, se o seu controle deslizante se parece mais ou menos com um banner, há uma boa chance de as pessoas estarem inconscientemente passando.
em seguida, os controles deslizantes geralmente assumem o controle dos usuários. Não apenas as pessoas usam controles deslizantes para piorar seus sites, mas eles levam isso adiante, tornando-os em reprodução automática.
o problema com os controles deslizantes de reprodução automática é que eles são muito irritantes. Se o web design estivesse por volta do século 15, Os controles deslizantes de reprodução automática seriam o 8º pecado mortal, assim como o texto alinhado ao centro.
os usuários devem ter controle total do site. Nada deve estar se movendo ou mudando. Os sites não são uma apresentação de slides, então pare de tratá-la como uma.
outra razão pela qual os controles deslizantes sugam mais do que os aspiradores é que eles tendem a desacelerar sites, particularmente sites WordPress. Com sites WordPress, é tão fácil adicionar controles deslizantes com o clique de um botão com plugins.
2 plugins em particular, Slider revolution e Smart Slider 3 têm grandes impactos negativos na velocidade do seu site:
- eu executei um teste em um site WordPress e executei uma auditoria de Velocidade do Google da pontuação de velocidade antes e depois de ter e não ter a revolução do controle deslizante ativada. Depois de ativar o Slider Revolution, a pontuação de auditoria saltou 10 pontos e aumentou o índice de Velocidade em 1,7 segundos.
- com Smart slider ativando não teve impacto, mas quando você coloca um controle deslizante na página, ele impactou a pontuação de auditoria em 20 no celular e 3 no desktop e aumentou o índice de Velocidade em 1,4 segundos.
portanto, essas são 2 boas e 4 más razões para um controle deslizante, mas quais são os dados por trás disso?
os dados por trás sliders
eu tenho 7 estudos para fazer backup de como apenas sliders ineficazes realmente são. Vou falar sobre 3 deles, mas todos os 7 serão referenciados .
o primeiro estudo foi de Erik Runyon, da Universidade Notre Dame. Este teste foi para medir a distribuição de cliques dos diferentes slides em um controle deslizante. Ele mostrou que o primeiro slide teve a esmagadora maioria dos cliques e conversões. Ele revisou 5 sites; o primeiro site teve 84% dos cliques com o slide 1 e os outros slides com cerca de 4% dos cliques. Seus outros 4 sites mostraram que 48% -62% do total de cliques nos controles deslizantes foram do primeiro slide, e o resto dos cliques distribuindo uniformemente entre o resto dos outros slides.
o segundo estudo foi realizado pela Conversionista, Empresa de otimização da taxa de conversão na Suécia. Este teste foi para medir a diferença de cliques para um carrossel de imagem versus uma imagem estática. Eles realizaram testes de mapa de calor que usaram tecnologia de rastreamento ocular e também mediram cliques para cada tipo de controle deslizante. Os resultados mostraram que os usuários ” pareciam evitar o controle deslizante e não clicaram nele.”, o que provavelmente foi devido à cegueira da bandeira. Também mostrou que a imagem estática foi clicada 40% do tempo, enquanto o controle deslizante de imagem foi clicado apenas 2% do tempo.
o último estudo que mencionarei é por Blair Keen, um gerente de otimização da Adobe. Seu estudo foi mostrar a diferença nas conversões entre ter um controle deslizante e não ter um. Ele descobriu que, quando removeu o controle deslizante colocado acima da dobra, isso leva a um aumento de 23% nas vendas.
então, o que tudo isso significa?
significa 3 coisas:
- quando se trata de Controles deslizantes, o primeiro slide sempre executará os outros slides. Os outros slides geralmente têm em torno de uma CTR igual.
- imagens estáticas sempre executarão Controles deslizantes. E os controles deslizantes às vezes são vistos como banners, o que pode causar cegueira de banner.
- mesmo apenas ter o controle deslizante em seu site na seção acima, a dobra diminui as conversões e as vendas. Embora você possa prever o mesmo efeito se colocado em qualquer outro lugar no site.
como tornar um controle deslizante mais eficaz
mas há boas notícias! Posso mostrar passo a passo como tornar um controle deslizante mais eficaz:
- primeiro, você deve se certificar de que não é autoplay. Porque a reprodução automática tira o controle dos usuários e é realmente frustrante.
- em seguida, remova todos os slides, mas o primeiro. Não adianta ter mais do que um porque as pessoas não vão olhar para eles.
- então, você vai querer remover as setas de navegação, temos apenas um slide para que não precisemos deles.
- por último, basta remover os marcadores de navegação.
em conclusão, os controles deslizantes não devem ser usados. A única vez que eles devem ser usados é para imagens de produtos em uma página de produto. Além disso, os controles deslizantes estatisticamente não são interagidos. Poucas pessoas se importam o suficiente para gastar tempo clicando em sua bonita apresentação do PowerPoint. Se o design do seu site exigir que você use um controle deslizante, seu design falhou.
desative seus 18 plugins deslizantes, desvincule sua coruja.arquivo js e pare de usar controles deslizantes.
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/