Los carruseles o sliders de página de inicio están perdiendo popularidad, según estudios recientes de UX, 2023 solo el 28% de los principales sitios de comercio electrónico en EE. UU y Europa cuentan con carruseles, frente al 32% en 2016 y al 52% en 2013. Aunque a los usuarios les gustan las grandes imágenes, los carruseles pueden tener serios problemas de usabilidad 🔥🔥

En este artículo, veremos resultados de pruebas y estudios relacionados con los carruseles, analizando si son una opción correcta, los desafíos en sitios móviles y los requisitos de UX para su diseño eficiente, así podrás definir si es algo que puedes aplicar en tu tienda  Shopify.

Considerando si el carrusel en la página de inicio es la opción correcta

La elección del carrusel de página de inicio en sitios web es un dilema complejo. Si se implementa con cuidado, puede ser útil para promocionar funciones y ofertas a través de imágenes atractivas y rotación automática. Sin embargo, la mayoría de las implementaciones presentan problemas graves de usabilidad. Los especialistas han encontrado una alternativa de rendimiento: secciones de contenido estático con categorías destacadas, que brindan una interacción más sencilla y eficiente.

Antes de optar por un carrusel, considera esta opción y evita los dolores de cabeza asociados con su implementación y mantenimiento. Además, asegúrate de contar con contenido relevante y de alta calidad, ya que el carrusel sólo será tan bueno como su contenido. Si aún optas por un carrusel, lee nuestro artículo para descubrir los requisitos para una implementación exitosa basados en pruebas de usabilidad a gran escala en dispositivos móviles y de escritorio.

Desafíos del diseño de carruseles o sliders en sitios móviles

En los sitios de escritorio, la rotación automática de diapositivas es útil para distribuir la exposición y destacar que es un carrusel. Sin embargo, en sitios móviles, la falta de movimiento del mouse puede causar frustración a los usuarios al cambiar las diapositivas antes de que terminen de leer. Aunque la mayoría se recupera rápidamente, algunos malinterpretan el contenido tras tocar una diapositiva. Por tanto, se recomienda evitar la rotación automática en sitios móviles. 

Esto priva a los carruseles móviles de su principal beneficio, exponer contenido variado. En cambio, se sugiere considerar secciones de contenido estático como alternativa o, en caso de usar carruseles, hacerlos manuales y seguir principios de UX específicos.

Requisitos para garantizar una experiencia óptima con carruseles

1) Esencialmente, la secuencia de diapositivas seleccionada debe ser meticulosamente escogida, ya que la primera obtiene una mayor exposición. Durante las pruebas, la mayoría de  los usuarios no llegaban a ver todas las diapositivas, lo que subraya la importancia de una selección cuidadosa.

2) Evitar que las diapositivas sean la única ruta hacia funciones o contenido vital es crucial, pues muchos usuarios podrían nunca verlas. La "ceguera del banner" y la prisa de los usuarios por buscar productos inmediatamente, especialmente en dispositivos móviles, pueden hacer que pasen por alto el contenido del carrusel. Por tanto, se recomienda proporcionar accesos alternativos a las funciones clave.

3) Los controles manuales deben ser prominentes y claros. Asegurarse de que los puntos indicadores sean visibles y no se mezclen con el contenido de las diapositivas. Las flechas de navegación también pueden ser útiles para guiar a los usuarios. Pruebas de alto contraste y ubicación estratégica ayudarán a asegurar que los controles sean fáciles de detectar y utilizar por todos los usuarios.

Al seguir estos tres requisitos de UX, podrás mejorar significativamente la experiencia de tus usuarios con carruseles de página de inicio, maximizando su efectividad y garantizando que el contenido clave llegue a la audiencia prevista.

Requisitos para la rotación automática de carrusel en sitios de escritorio

Para una rotación automática efectiva del carrusel en sitios de escritorio, es fundamental cumplir con tres detalles de implementación específicos:

1) Establecer una velocidad adecuada de rotación, evitando cambios demasiado rápidos o lentos, generalmente entre 5 a 10 segundos por diapositiva, según el contenido.

2) Pausar la rotación cuando el usuario pasa el cursor del mouse sobre el carrusel para permitir que se enfoque en el contenido sin cambios inesperados.

3) Detener la rotación después de cualquier interacción activa del usuario con el carrusel, como hacer clic en las diapositivas "siguiente" o "anterior", para respetar sus selecciones intencionales. 

Estos detalles críticos aseguran una experiencia de usuario positiva y evitan frustraciones al interactuar con el carrusel.

Requisitos adicionales para carruseles móviles

Para dispositivos móviles, se recomienda implementar un carrusel manual en lugar de uno de rotación automática. Además, hay tres aspectos cruciales para garantizar un buen rendimiento del carrusel en dispositivos móviles:

1) Compatible con gestos móviles: Los usuarios esperan poder deslizar y pellizcar para navegar por el carrusel junto con los controles tradicionales.

2) Legibilidad del texto: El texto en las diapositivas debe permanecer legible incluso en pantallas móviles más pequeñas, evitando incrustarlo en imágenes.

3) Carga rápida del contenido: Los usuarios tienen menos paciencia con el contenido que se carga lentamente en dispositivos móviles, por lo que es esencial asegurar que el contenido del carrusel cargue rápidamente, evitando elementos gráficos o animados que ralentice la carga. Al cumplir con estos aspectos, se mejora la experiencia del usuario y el rendimiento del carrusel en dispositivos móviles.

Los carruseles pueden causar más daño que beneficio debido a problemas de implementación y usabilidad. 

El 41% de las implementaciones en sitios de comercio electrónico presentan problemas importantes. Para garantizar un buen rendimiento, 👉los sitios de escritorio deben cumplir 3 detalles adicionales: una secuencia cuidadosa de diapositivas, acceso alternativo al contenido y controles claros. 

👉Los carruseles móviles deben ser manuales y cumplir 3 detalles más: gestos móviles compatibles, texto legible y carga rápida del contenido. Optar por secciones de contenido estático también es una opción. La elección cuidadosa entre carruseles y contenido estático es clave para una experiencia de usuario exitosa. 

Si la implementación de carruseles con los requisitos que te hemos mencionado anteriormente resulta complicada o costosa, te recomendamos optar por secciones de contenido estático en ambos sitios, especialmente en el móvil. Para evaluar y mejorar el rendimiento de tu sitio web, considera una auditoría de UX con profesionales de  Tasky.