Los deslizadores, o como me gusta llamarlos, los pueblos fantasmas interactivos, son comunes en los sitios web, especialmente los construidos con WordPress porque son muy fáciles de agregar. Pero si son tan modernos y comunes, tienen que ser algo bueno, ¿verdad?
Bueno, para ir al grano, los deslizadores son una mierda y no deberías usarlos y por múltiples razones.
Pero primero, ¿por qué las personas las usan? ¿Para qué sirven?
Por qué los deslizadores son buenos en diseño web
Se me han ocurrido 2 razones de encapsulación por las que las personas querrían usar un deslizador:
La primera razón de encapsulación por la que las personas querrían usar deslizadores y carruseles en su sitio web es que no conocen los defectos de la experiencia del usuario o que parecen seguir una creencia de que la interfaz de usuario es más importante que la experiencia de usuario, o en otras palabras, las personas sin experiencia ponen deslizadores en su sitio web porque se ven bonitos, lo que seguramente puede ser si se hacen correctamente.
Otra razón por la que creo que la gente usa deslizadores es que la gente siente que el desplazamiento es aterrador, por lo que caben el contenido de su sitio web en un deslizador para ocupar menos espacio.
Lo que, por supuesto, es irónico porque los deslizadores funcionan fundamentalmente en el desplazamiento, que es lo que está tratando de reducir.
Creo que estas 2 razones encapsulan la mayoría de las razones por las que alguien querría usar un deslizador.
Por ejemplo, la razón de alguien para usar un deslizador (de acuerdo con beaconfire-red.com/) podría ser «Promover contenido y anuncios importantes», bueno, eso es solo tratar de ahorrar espacio.
O «Mostrar imágenes atractivas y relacionadas con la misión» y «Establecer una personalidad o estética para el sitio», que está tratando de hacer que su sitio web sea más bonito.
Por qué los deslizadores son malos en el diseño web
Primero, hablemos de la teoría sobre por qué los deslizadores no son buenos y luego exploremos las estadísticas detrás de los deslizadores que demuestran que hacen un mal diseño web.
Por muy bonitos que sean, los deslizadores duelen más de lo que ayudan a un sitio web, y sería un placer para mí decirte por qué. No se si puedes decirlo, pero odio los deslizadores.
La primera razón por la que los deslizadores son malos es que no puedes contar con que alguien se desplace o interactúe con tu deslizador, la gente simplemente no lo hace (de lo que haremos una copia de seguridad más adelante).
Tienes que recordar que el tiempo es precioso cuando las personas están en un sitio web. Los visitantes rebotan en los sitios web a un ritmo alto, generalmente hojean el texto en lugar de leerlo todo , y los primeros 10 segundos son críticos para si se van a quedar o no .
Y así, cuando pones tu contenido en un deslizador, eso es una barrera de entrada. Ese eres tú, lo que hace que sea más difícil y más lento para un usuario acceder al contenido de tu sitio web.
La siguiente razón es que los deslizadores son el engendro de satanás, es que la gente a menudo tiene algo llamado «ceguera de banderas», especialmente los deslizadores de imágenes.
Con la ceguera de banners, debido a que las personas están tan acostumbradas a ver anuncios y banners grandes en sitios web, los usuarios los ignoran y los pasan por alto. Por lo tanto, si su deslizador se parece aproximadamente a un banner, es muy probable que la gente esté pasando por delante inconscientemente.
A continuación, los deslizadores a menudo le quitan el control a los usuarios. No solo las personas usan controles deslizantes para empeorar sus sitios web, sino que lo llevan más lejos al hacerlos reproducir automáticamente.
El problema con los deslizadores de reproducción automática es que son muy molestos. Si el diseño web existiera en el siglo XV, los deslizadores de reproducción automática serían el octavo pecado mortal al igual que el texto alineado al centro.
Los usuarios deben tener el control total del sitio web. Nada debería moverse o cambiar. Los sitios web no son una presentación de diapositivas, así que deja de tratarla como tal.
Otra razón por la que los deslizadores chupan más que las aspiradoras es que tienden a ralentizar los sitios web, particularmente los sitios web de WordPress. Con los sitios web de WordPress, es muy fácil agregar deslizadores con el clic de un botón con complementos.
2 complementos en particular, Slider revolution y Smart Slider 3 tienen grandes impactos negativos en la velocidad de su sitio web:
- Realicé una prueba en un sitio web de WordPress y una auditoría de velocidad de Google de la puntuación de velocidad antes y después de tener y no tener activada la revolución deslizante. Después de activar la Revolución deslizante, la puntuación de auditoría aumentó 10 puntos y aumentó el índice de velocidad en 1,7 segundos.
- Con la activación del control deslizante inteligente, no tuvo ningún impacto, pero cuando colocaste un control deslizante en la página, impactó en la puntuación de auditoría en 20 en el móvil y 3 en el escritorio, y aumentó el índice de velocidad en 1,4 segundos.
Así que esas son 2 razones buenas y 4 malas para un deslizador, pero ¿cuáles son los datos detrás de él?
Los datos detrás de los deslizadores
Tengo 7 estudios para respaldar lo ineficaces que son realmente los deslizadores. Hablaré de 3 de ellos, pero se hará referencia a los 7 .
El primer estudio fue realizado por Erik Runyon en la Universidad de Notre Dame. Esta prueba fue para medir la distribución de clics de las diferentes diapositivas en un deslizador. Mostró que la primera diapositiva tenía la abrumadora mayoría de los clics y conversiones. Revisó 5 sitios; el primer sitio tuvo el 84% de los clics con la diapositiva 1 y las otras diapositivas tuvieron alrededor del 4% de los clics. Sus otros 4 sitios mostraron que el 48% -62% del total de clics en los deslizadores eran de la primera diapositiva, y el resto de los clics se distribuían uniformemente entre el resto de las otras diapositivas.
El segundo estudio fue realizado por Conversionista, una empresa sueca de Optimización de Tasas de conversión. Esta prueba fue para medir la diferencia en clics para un carrusel de imágenes frente a una imagen estática. Realizaron pruebas de mapas de calor que utilizaron tecnología de seguimiento ocular y también midieron clics para cada tipo de control deslizante. Los resultados mostraron que los usuarios » parecían evitar el control deslizante y no hacían clic en él.», que probablemente se debió a la ceguera de banner. También mostró que se hizo clic en la imagen estática el 40% del tiempo, mientras que el control deslizante de la imagen solo se hizo clic el 2% del tiempo.
El último estudio que mencionaré es de Blair Keen, un Administrador de optimización de Adobe. Su estudio fue para mostrar la diferencia en las conversiones entre tener un deslizador y no tener uno en absoluto. Descubrió que cuando eliminó el control deslizante que se colocaba encima del pliegue, esto conduce a un aumento del 23% en las ventas.
¿Qué significa todo esto?
Significa 3 cosas:
- Cuando se trata de deslizadores, la primera diapositiva siempre superará a las otras diapositivas. Los otros portaobjetos suelen tener alrededor de un CTR igual.
- Las imágenes estáticas siempre superarán a los controles deslizantes. Y los deslizadores a veces se ven como pancartas, lo que puede causar ceguera de pancartas.
- Incluso tener el control deslizante en su sitio web en la sección superior del pliegue disminuye las conversiones y las ventas. Aunque puede predecir el mismo efecto si se coloca en cualquier otro lugar del sitio web.
Cómo hacer un deslizador más efectivo
¡Pero hay buenas noticias! Puedo mostrarte paso a paso cómo hacer que un deslizador sea más efectivo:
- Primero, debes asegurarte de que no se reproduzca automáticamente. Porque la reproducción automática le quita el control a los usuarios y es realmente frustrante.
- A continuación, elimine todas las diapositivas excepto la primera. No tiene sentido tener más de uno porque la gente no va a mirarlos.
- Luego, querrá eliminar las flechas de navegación, solo tenemos una diapositiva, por lo que no las necesitaremos.
- Por último, simplemente elimine las viñetas de navegación.
En conclusión, no se deben usar deslizadores. La única vez que se deben usar es para imágenes de productos en una página de productos. Aparte de eso, los deslizadores estadísticamente no interactúan con ellos. No mucha gente se preocupa lo suficiente como para pasar tiempo haciendo clic en su bonita presentación de PowerPoint. Si el diseño de su sitio web requiere que use un deslizador, entonces su diseño ha fallado.
Desactive sus 18 complementos deslizadores, desvincule su búho.archivo js, y DEJAR 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/