Los controles deslizantes y los carruseles eran una tendencia de diseño hace unos años. Le resultará cada vez más difícil encontrar un blog que no los ofrezca hoy.

Pero algo ha cambiado. Los diseñadores y desarrolladores han comenzado a abandonar los controles deslizantes por imágenes estáticas. A medida que crecía el interés por los diseños minimalistas y los sitios web con desplazamientos largos, los banners deslizantes se convirtieron en una distracción y una amenaza para el diseño súper simple.

Y si los diseñadores hubieran optado por aplicar movimiento a un sitio web, sería en desplazamiento de paralaje, iconos animados o en un reproductor de video.

Aún así, hay algunos diseñadores que argumentan que los controles deslizantes y los carruseles son elementos de diseño efectivos que ayudan a mejorar la participación del usuario, cuando se usan correctamente. Vamos a explorar la validez de ese argumento hoy y le daremos consejos y herramientas que puede usar para garantizar la participación de los usuarios en su blog de WordPress.

En caso de que realmente se utilizan?

Para muchos diseñadores que buscan simplicidad en este momento, puede ser difícil para ellos comprender cómo se puede insertar el contenido giratorio de una manera ideal.

uso de carruseles o no

Inconvenientes

Estos son los argumentos más comunes en los carruseles:

  • carga lenta: Agregar controles deslizantes y carruseles ralentiza el tiempo de carga de un sitio web, lo que puede desanimar a los visitantes.
  • Malo para el SEO : Dado que tanto contenido está abarrotado en un solo control deslizante, es difícil optimizar la página y el SEO para todo ese contenido.
  • distracción innecesaria: deslizadores de rotación mantiene a los visitantes distraídos contenido en torno a ella.
  • Difícil de usar: Varias diapositivas brindan a los visitantes demasiadas opciones para seguir y, a menudo, requieren demasiado esfuerzo, lo que dificulta el acceso a los datos que están buscando.
  • Las interrupciones UX: Para los visitantes que prefieren el desplazamiento vertical rápido del contenido, los controles deslizantes pueden influir en su paciencia, ya que deben sentarse y esperar cada uno. diapositiva "Pergaminos.
  • Pobre porcentaje de clics: Según algunos estudios, los controles deslizantes son ineficaces en la interacción que busca (clics). Si bien los visitantes pueden estar interesados ​​en leer una o incluso algunas diapositivas, la mayoría no realiza ninguna acción.
  • feo : Muchos diseñadores piensan que " deslizadores » y los carruseles son feos, especialmente cuando están acostumbrados a promover imágenes y mensajes publicitarios con visión de futuro.

Ventajas

Ahora, echemos un vistazo a los argumentos de los partidarios del control deslizante:

  • Ahorrador de espacio : Los carruseles pueden mostrar mucha información en un espacio pequeño.
  • Reducir el desorden : Para algunos sitios, es importante mostrar diferentes productos, muestras, miembros del equipo y más. Los controles deslizantes pueden reducir el desorden que sufren los usuarios móviles.
  • Llama la atención Agregar movimiento al control deslizante puede ayudar a atraer la atención de los visitantes.
  • oportunidades proporcionadas : Algunos sitios web tienen un producto o servicio que debe destacarse desde diferentes ángulos. Un buen ejemplo de este caso es un minorista de teléfonos que quiere mostrar una serie de imágenes de sus dispositivos móviles desde múltiples puntos de vista.

Métodos 6 que lo ayudarán a agregar controles deslizantes / carruseles a su blog

Su sitio web está diseñado para funcionar correctamente. Es por eso que muchas de las preocupaciones de los anti-cursores son válidas. Si está utilizando un control deslizante para apaciguar a un cliente solo porque realmente lo quiere, o porque no se ha tomado el tiempo para investigar los consejos y herramientas para usarlo bien, podría terminar poniendo en riesgo el rendimiento de su sitio web.

Si lo que busca es la participación del usuario, la experiencia del usuario siempre debe estar en su mente durante el desarrollo. Por lo tanto, cuando agregue un "control deslizante" a su sitio web, tenga en cuenta los siguientes consejos:

# 1: Maximizar la inversión

Cuando se resaltan los controles deslizantes, se encuentran en la parte superior de la página de inicio, donde la mayoría de los diseñadores colocan actualmente imágenes importantes. Como desarrollador de WordPress, sabe que hay otras áreas del sitio que tienen el potencial de hacer un buen uso del contenido deslizante.

WPmudev deslizador tutorial

# 2: Piensa en el tamaño

¿Necesita incluir un "control deslizante" de ancho completo o ocupará espacio innecesario? Considere siempre el propósito del control deslizante, el tamaño de las imágenes en su interior y el equilibrio que puede crear con el resto de elementos de una página para determinar cuál será su tamaño óptimo.

# 3: Utilice un contenido importante en sus deslizadores

Tus visitantes quieren ver contenido que sea de valor para ellos. Asegúrese de que las imágenes y el contenido utilizados en su control deslizante refuercen la misión de su sitio y motiven a los visitantes a verlo en su totalidad.

Ejemplo deslizante WPMUDEV

# 4: selecciona imágenes de alta resolución

En general, es una mala práctica utilizar imágenes de baja resolución o mala calidad en su sitio web. Lo mismo debería aplicarse a un "control deslizante" o un carrusel sobre todo porque el impacto de estos elementos depende de las fotos incluidas en él.

# 5: Mantenga el texto al mínimo

Los controles deslizantes y los carruseles son fantásticos para mostrar imágenes, pero el texto puede socavar esta experiencia. Las imágenes sobrecargadas a menudo pueden dificultar la lectura de textos superpuestos en ellas. Además, si un cursor gira demasiado rápido, los visitantes no tendrán tiempo suficiente para leerlo. Pero también, también debe considerar que el texto incrustado en una imagen probablemente no se mostrará correctamente en el móvil. Si es posible, no considere usar textos, especialmente si afectarán la calidad.

# 6: presta atención al desplazamiento

Hay varios métodos que puede utilizar para controlar el desplazamiento. La decisión de elegir uno u otro generalmente depende del contenido del " control deslizante ". El desplazamiento automático funciona muy bien para los controles deslizantes de un solo cuadro, siempre que el desplazamiento no sea rápido. Lo mejor que puede hacer es obligar a que la diapositiva se detenga tan pronto como alguien haga clic o coloque el cursor sobre el " control deslizante ". Entonces dependerá de ellos definir cuándo querrán continuar desplazándose.

deslizador ejemplo wpmudev

Entonces, ¿qué debemos hacer?

Nuestro trabajo se limita a presentarle cosas para que pueda tomar una decisión y elegir lo que es adecuado para su blog. Personalmente uso Sliders, pero me aseguro de optimizar tanto las imágenes como el contenido para aprovecharlas al máximo.

¿Qué usas en casa? Tiene alguna preferencia ? No dudes en compartir con nosotros.