Las diapositivas no son desagradables y es por eso que su sitio de WordPress necesita uno

Los toboganes y los carruseles fueron una tendencia de diseño muy caliente hace unos años. Hubiera sido difícil encontrar un sitio web que no tenga un tipo de elemento giratorio en la página inicial, especialmente por encima de la página. Pero entonces algo cambió. Los diseñadores y desarrolladores han comenzado a abandonar las diapositivas para imágenes estáticas. A medida que aumentó el interés en los diseños minimalistas y los sitios web más largos, los pancartas deslizantes se han convertido en una distracción percibida y una amenaza para el resto del diseño súper simple. Y si los diseñadores eligieron aplicar cualquier sentimiento de movimiento a un sitio web, estaba contenido en un desfile de Paralax, íconos animados o un reproductor de video.
Sin embargo, hay algunos diseñadores que argumentarán que las diapositivas y los cartuchos son elementos de diseño eficientes que ayudan a mejorar el compromiso del usuario cuando se usan correctamente. Exploraremos la validez de este argumento hoy y le daremos a los desplazadores algunos consejos y herramientas útiles para utilizar para garantizar la participación de los usuarios en los elementos deslizantes de su sitio web. Deslizándose o no deslizándose, esta es la pregunta que la mayoría de las tendencias de diseño enfrentarán dudas o críticos en un momento, ya que las formas más nuevas y más frescas de diseño web se harán cargo. Por lo tanto, para muchos diseñadores que se centran en la simplicidad en este momento, puede ser difícil para ellos comprender cómo el contenido giratorio puede encajar en ese ideal.

Carrusel o no?
¿No resbalar? Estos son algunos de los argumentos más comunes que escuchamos del campamento de los críticos:
Carga lenta: Agregar diapositivas y carrusels ralentiza la carga de un sitio web, que no solo eliminará a los visitantes, sino que afectará negativo y SEO: Debido a que tanto contenido está lleno en un solo control deslizante, es difícil optimizar la página y SEO para todo eso contenido.
Distracción innecesaria: girar las diapositivas mantiene a los visitantes del contenido a su alrededor.
Difícil de usar: múltiples diapositivas ofrecen a los visitantes demasiadas opciones para mantener sus registros y requerirán demasiado esfuerzo para mirar hacia atrás entre las diapositivas para encontrar la que desean.
Gire UX: para los visitantes que prefieren un desarrollo vertical rápido para su contenido, las diapositivas pueden consumir su paciencia, porque tienen que quedarse y esperar a que cada uno gire.
Baja tasa de clics: según los estudios, las diapositivas son ineficaces al hacer que los visitantes hagan clic. Si bien los visitantes pueden estar interesados ​​en leer una o tal vez incluso algunas diapositivas, la mayoría no toma ninguna medida.
INDRIVANTE: Muchos diseñadores creen que los toboganes y los cartuchos se ven pegajosos, especialmente cuando se usan para promover imágenes y mensajes con aspecto de publicidad.
A menudo, los oponentes de Slider y Carousel citarán el estudio de 2013 realizado por Erik Runyon en el sitio web de Notre Dame. En su estudio, buscó información sobre la cantidad de clics para cada diapositiva, rotación manual de diapositivas, así como el rendimiento de las diapositivas de redirección automática. Estos son los números que traerán la mayoría de los antiglisters:
Del número total de visitantes del sitio, solo el 1% hizo clic en una exhortación (CTA) en la diapositiva. Cuando alguien hizo clic en una diapositiva, el 84% de los clics estaban en el primero. Todas las diapositivas posteriores recibieron 4% cada una de las cantidades totales de clics.
Si lee cuidadosamente el estudio de la página única, verá que Runyon no argumenta que los carruseles son una tendencia de diseño débil o incluso anticuada. De hecho, las otras estadísticas incluidas en su estudio (que la mayoría de las personas dejan fuera de su argumento) han demostrado que los visitantes han sido más receptivos a los carruseles cuando se usan en diferentes tipos de sitios web o cuando se usan de otras maneras (redirección automática versus rotación manual ).
Como en cualquier cosa en el diseño, hay un momento y un lugar adecuado para cualquier cosa. Solo necesitas saber cuándo es adecuado para ti. ¿Deslizar? Ahora echemos un vistazo al argumento para los partidarios de Sliding and Carousels:
Ahorro de ahorro: los carruseles permiten la existencia de una gran cantidad de imágenes o contenido en un solo espacio, en lugar de obligar a los visitantes a marchar en una página demasiado larga.
Reduzca la aglomeración: para algunos sitios web, es importante presentar diferentes productos, muestras de trabajo, miembros del equipo y más. Los portaobjetos pueden reducir el trastorno que inevitablemente puede crear todas esas piezas móviles, sin embargo, empatadas.
Atención para atraer: agregar el tipo de movimiento correcto al diseño de un sitio web puede ayudar a atraer a los visitantes a contenido relevante y de alta calidad.
Proporcionar perspectiva: algunos sitios web tienen un producto o servicio que se destaca desde diferentes ángulos. Un excelente ejemplo a este respecto es un comerciante telefónico que quiere mostrar una serie de imágenes de sus dispositivos móviles desde diferentes puntos de vista. Y otros tipos de negocios que funcionarán. Los minoristas, los trabajadores independientes y otros que desean resaltar sus productos y servicios (en lugar de promociones aleatorias) pueden beneficiarse de un elemento de diseño deslizante.
Reemplazo de video: El video está “en” ahora … pero no es tan accesible como una inversión de marketing para empresas más pequeñas o para aquellos con un presupuesto pequeño. Las presentaciones de diapositivas son una excelente alternativa, que aún permite la creatividad en el diseño y el movimiento.
Para aquellos que apoyan el movimiento del cursor y el carrusel, debe consultar este estudio de Mobify. Aunque los resultados no se pueden colocar junto con el estudio de Notre Dame, debido a que las variables no se alinean, los resultados finales muestran que, cuando se usan en el entorno correcto, los carruseles funcionan muy bien con una audiencia en línea. Estos son algunos de los resultados resultantes de este experimento:
La naturaleza misma de los sitios comerciales electrónicos en sí misma es un caldo de cultivo para carruseles que en los sitios web de educación.
Los usuarios de teléfonos móviles pueden ser más receptivos a un carrusel, ya que es más fácil deslizarse en un dispositivo que hacer clic o esperar la redirección automática en un escritorio.
Los visitantes encuentran los carruseles que tienen una variedad de mensajes de marketing como irrelevantes y demasiado vendidos en el marco incorrecto. Solo tienes que tener una comprensión sólida de lo que realmente pretenden lograr.
Aunque los resultados de las pruebas de Mobify y Notre Dame no son una prueba definitiva del rendimiento de los carruseles y diapositivas en un sitio web, demuestran un hecho muy importante: los diseñadores y desarrolladores deben conocer a su público antes de aplicar cualquier principio de diseño de principios en un sitio web. Finalmente, los dolores y objetivos de sus clientes y potenciales determinan que visitan el sitio, en primer lugar. Si un carrusel se puede usar de manera efectiva para proporcionar contenido en torno a estas ideas, entonces hay altas posibilidades de que se reciban bien.
15 formas de agregar valor a un sitio web con una diapositiva o un carrusel espera que su sitio funcione correctamente. Por lo tanto, muchas de las preocupaciones anti-Glister son válidas. Si usa un cursor en aras de tranquilizar a un cliente solo porque realmente quiere uno o simplemente no se dedicó a investigar los consejos y las herramientas que necesita para obtenerlo correctamente, podría poner el rendimiento y la recepción de su sitio. peligro. Si lo que está buscando es la participación de los usuarios, entonces la experiencia del usuario siempre debe ser la más importante en el desarrollo web. Por lo tanto, al agregar una diapositiva en su sitio web, tenga en cuenta los siguientes consejos:
#1: Optimizar la ubicación cuando las diapositivas se hicieron prominentes, se habrían establecido en la parte superior de la página inicial, donde la mayoría de los diseñadores están colocando imágenes heroicas. Sin embargo, como desarrollador de WordPress, usted sabe que hay otras áreas del sitio web que tienen el potencial de usar bien el contenido deslizante. El sitio web de Zappos tiene una diapositiva central. #2: Considere el tamaño ¿Debe incluir una diapositiva de ancho completa u ocupar un espacio innecesario? Considere el propósito de la diapositiva, el tamaño de las imágenes en ella y el equilibrio que puede crear con el resto de los elementos en una página para determinar cuál será el mejor tamaño para él.#3: Use contenido de alto valor si el anterior Estudios que demostraron algo, fue el hecho de que sus visitantes quieren ver contenido que les brinde algún tipo de valor. Asegúrese de que las imágenes y la copia utilizadas en su control deslizante fortalezcan la misión y los mensajes de su sitio y ofrezcan a los visitantes la motivación para buscarlo por completo. La visita al sitio Filadelfia ofrece fotos de la ciudad tomadas profesionalmente. #4: Seleccione imágenes de alta resolución en general, es una práctica deficiente usar imágenes de resolución de baja o baja calidad en su sitio web. Lo mismo debe aplicarse para una diapositiva o carrusel, especialmente porque la gran atracción para este tipo de elemento de diseño suele ser las fotos incluidas en el interior.
#5: Mantenga el texto al mínimo de diapositivas y carruseles son fantásticos cuando se muestran imágenes, pero el texto puede disminuir esta experiencia.Las imágenes ocupadas a menudo pueden hacer que el texto se coloque encima de ellas sea difícil de leer.Además, si una diapositiva gira demasiado rápido, los visitantes pueden no tener suficiente tiempo para leer.Y luego también debe considerar que el texto integrado en una imagen probablemente no se mostrará correctamente en dispositivos móviles.Si es posible, evite usar el texto, porque solo complicará las cosas.Si no se puede evitar, intente mantenerlo al mínimo.
#6: Presta atención al pergamino Hay varias formas en que puedes abordar los comandos del desfile. La decisión de elegir entre sí generalmente depende del contenido del contenido en el control deslizante. Los desfiles automáticos funcionan bien para diapositivas solo para imágenes, siempre que el desarrollo no ocurra demasiado rápido. La mejor apuesta podría detener por la fuerza el deslizamiento tan pronto como alguien haga clic o vea la diapositiva. Luego dependerá de ellos hacer clic o deslizarse cuando estén listos para la siguiente diapositiva. Usamos una diapositiva en nuestra página de inicio (cuando está desconectado) para mostrar los testimonios. #7: Dé el control de los visitantes si el control deslizante es un desfile automático o manual, asegúrese de que haya comandos deslizantes para cuando sus visitantes estén listos para hacerse cargo de la experiencia del desfile. Tenga en cuenta que las flechas, los botones y los puntos pueden distraer la atención del contenido de la diapositiva, por lo que puede ver si puede encontrar una manera de mostrarlas solo una vez que un visitante va con el mouse o haga clic en una diapositiva. #8: Crear un sutil diapositivas de diapositivas no deberían ser impactantes en sus movimientos para ganar atención. Hay una variedad de movimientos de transición que son mucho sutiles, como un desenfoque, que aún atraerá suficiente atención para ver su contenido. #9: Subraye las cosas importantes en los estudios contrastantes mencionados anteriormente, ambos notaron que la primera diapositiva es siempre la más vista y se hace clic. Por eso es importante ordenar sus diapositivas estratégicas. Si hay un artículo de producto o servicio que es más importante para ver para su audiencia, póngalo en la primera posición. #10:
Limite las diapositivas en una nota relacionada, habrá algunos visitantes que deseen ver más que la primera diapositiva o imagen. Sin embargo, esto no significa que su paciencia no se usará después de un tiempo. Use las diapositivas para compartir su mensaje, pero sea corto. Cúbrelo en cuatro diapositivas, cuando sea apropiado. # 11: El enfoque en la velocidad siempre es difícil estar emocionado de agregar más imágenes en su sitio web cuando ya sabe cuánto la velocidad de su sitio. Entonces, si usa una diapositiva, asegúrese de tener una buena herramienta de optimización de imágenes para evitar que se desaceleren las cosas. # 12: Personalice cada diapositiva si tiene la intención de incluir un CTA en las diapositivas, intente mantener el diseño y colocar coherente para cada uno de los CTA. Sin embargo, si cada diapositiva envía un servicio o producto diferente, es posible que desee aplicar un color único a cada uno. Si alguien quiere volver corriendo por las diapositivas y encontrar la que le interesaba, los colores se distinguirán fácilmente. #13: Considere los obstáculos de accesibilidad Hay una serie de consideraciones de accesibilidad que deberá tener en cuenta antes de agregar un carrusel a su sitio web. W3C ha hecho un gran trabajo en detallar lo que necesitará hacer para que sus carruseles sean fáciles de leer para el teclado y la pantalla. # 14:
Recibe que los carruseles y las diapositivas pueden ser difíciles de hacer en dispositivos móviles si tiene la intención de incluir texto, imágenes de gran tamaño o botones de desplazamiento. Sin embargo, hay formas de hacer esto, así que asegúrese de comenzar a usar un enchufe deslizante que sea “receptivo”. #15: Use complementos por último, pero no menos importante, necesitará complementos para ayudarlo a crear el control deslizante de su sitio, capturar los efectos deseados que desea tener y optimizar el contenido para un alto rendimiento. Estas son algunas de nuestras mejores opciones: WP Smush
Si aún no tiene una forma de comprimir las imágenes de su sitio, este es un gran lugar para comenzar. Este complemento reducirá y optimizará automáticamente las imágenes que usa dentro y fuera de su diapositiva y se asegurará de que nunca evitarán el tiempo de carga o el rendimiento de su sitio. ¿Está interesado en WP Smush?

Detalles
Postes de carrusel horizontales de control deslizante de contenido
Los diseños de sitios web típicos requieren como máximo 3 o 4 columnas de widgets horizontales o bloques de contenido. Sin embargo, con un carrusel, ahora puede presentar más lotes de contenido en un solo espacio. Además, este complemento ofrece varios efectos de transición, opciones de paginación y es completamente receptivo. ¿Estás interesado en el control deslizante de contenido para publicaciones en Horiztonal Carousel?
Detalles
Carrusel con logotipo de Kiwi

Si tiene la intención de usar su carrusel para mostrar logotipos, ya sean sus socios, clientes, patrocinadores o algo más, este complemento hará el trabajo. También puede jugar con coloración en tonos grises si desea darle a todos sus logotipos un aspecto desactivado pero consistente (lo cual es excelente si desea concentrarse en su propio logotipo y marca de sitio web). Con una interfaz de arrastrar por caída, este complemento es fácil de usar si todo lo que desea hacer es presentar los logotipos. ¿Está interesado Kiwi Logo Carousel? Detalles
Enorme
Este es, con mucho, el enchufe deslizante más popular disponible en WordPress en este momento. Si está buscando un control deslizante receptivo para los videos e imágenes de su sitio, así como uno que esté lleno de personalizaciones, vaya con él. ¿Estás interesado en un gran deslizante?

Detalles
Prueba del tema A/B
Supongamos que puede agregar una diapositiva o un carrusel a su sitio web de WordPress, pero le preocupa que solo tenga espacio o haga que la gente haga clic. Es posible que no haya utilizado los efectos de transición, los colores, las imágenes, el tamaño o la colocación, ¿verdad? Con la prueba A/B, puede probar diferentes versiones del cursor antes de tirarlo por completo y saltar al tren anti-deslizamiento. ¿Estás interesado en probar el A/B?

Detalles
Terminar lo más importante para recordar en todo esto es que si elige usar una diapositiva o un carrusel en su sitio web, debe responder a las necesidades de su audiencia no solo es espesar muchas imágenes o testimonios de los productos en un espacio pequeño en la barra lateral.Todo sobre el elemento deslizante debe diseñarse estratégicamente, desde colocarlo hasta el estilo de transición.Si tiene contenido digno en rotación en su sitio, asegúrese de usar el elemento de diseño correcto para dejarlo brillar. Ahora vaya a usted: en el argumento si se desliza o no, de qué lado se queda y por qué?Nos gustaría escuchar sus opiniones sobre el tema a continuación.
Etiquetas:

carrusel
toboganes
la participación del usuario