¿Qué tan efectivos son los carruseles como una forma de mostrar el contenido del sitio web?

Ok, seré el contrario aquí y diré que realmente depende de qué tipo de contenido esté hablando en el carrusel, cómo se prioriza el contenido y cómo se presenta visualmente.

Lideré el rediseño de la página de inicio Audible (registrada), donde hacemos un uso EXTENSIVO de varios tipos de patrones de carrusel con portadas de libros (parte inferior de la publicación).

En comparación con el control, el nuevo diseño superó los KPI de la versión anterior de la página (con carruseles limitados) entre un 18% en el extremo inferior y más del 50% en el extremo superior, según la métrica. (Lo siento, no puedo ser más específico con los datos, su información confidencial).

Hicimos varias elecciones al diseñar los carruseles:
1) Contenido primero. Deje que las portadas cuenten la historia y limiten los metadatos
2) Variar el tamaño de la portada atrae la atención a través del diseño y prioriza lo que el usuario está mirando. Si todo es importante, entonces nada es importante.
3) En carruseles que hacen la transición automática, hágalo después de un retraso y sin mucho movimiento. El movimiento desencadena lo que se conoce como una “respuesta de orientación” que causa distracciones frustrantes para los usuarios.
4) Variedad: la creación de varios diseños diferentes les da a los usuarios un descanso. Pueden escanear la página sin tener que elegir un solo elemento en una cuadrícula de igualdad.

También contamos con una serie de tecnologías diferentes, como recomendaciones, que ayudan a priorizar la información en la página.

En lugar de sondear la sabiduría de las multitudes, o confiar en volver a pisar, recibió la sabiduría de “expertos” (tomando ejemplos específicos y tratando de aplicarlo al general). Le animo a que haga dos cosas al considerar la idoneidad de un patrón para un sitio / producto específico:

¿Qué utilizan las empresas muy exitosas? ¿Por qué lo están usando? ¿Qué lo hace poderoso / útil para ellos?

Amazon hace, Apple, etc. todos toman la decisión intencional de usar carruseles para su contenido. ¿Por qué el patrón es tan popular en el comercio electrónico y los medios? Porque funciona, muy, muy bien.

Les puedo asegurar que grandes cantidades de pruebas multivariadas (a escala) informaron esas opciones de patrones.

En segundo lugar, te sugiero que hagas tu propia prueba. ¿Qué significaría el éxito para el contenido que está poniendo en el carrusel? ¿Cómo puedes medirlo? ¿Cuál sería una alternativa justa? Pruébalo.

Finalmente, hay algunas cosas que debe esperar para sus carruseles.

La prioridad es importante. Al igual que el contenido inferior de la página (en general) tendrá un rendimiento pobre en comparación con el contenido que se encuentra más arriba en la página, el contenido del carrusel en la segunda, tercera, etc. sección de un carrusel tendrá una cantidad decreciente de clics.

La calidad del contenido es importante. El viejo adagio de “nunca juzgues un libro por su portada”, es BS completo. Puedo asegurarte que los usuarios lo hacen todo el tiempo. Las historias pueden inspirar, pero las portadas se venden.

Los carruseles son un patrón que se basa en imágenes fuertes para que sea convincente (una de las razones por las que las galerías de fotos hacen un uso extensivo de los carruseles). Si solo vomitas un montón de texto en un carrusel, no esperes que la gente lo lea. Los usuarios escanean carruseles antes de orientarse en una elección.

Use carruseles para mostrar variedad mientras restringe la elección. Los carruseles son buenos para mostrar variedad a los clientes, pero también centran su atención en un número limitado de opciones. A la gente no le gusta sentirse abrumada con opciones, use carruseles para mostrarles una variedad de opciones, pero en trozos pequeños.

Buena suerte.

Los carruseles, especialmente el tipo de reenvío automático al que parece referirse, no son una forma efectiva de mostrar el contenido del sitio web según los estudios de Jakob Nielsen, explicados en esta publicación del cuadro de alerta: El reenvío automático de carruseles y acordeones molesta a los usuarios y reduce la visibilidad

Requieren un comportamiento aprendido de sentarse y ver el contenido del carrusel, y nadie en estos días realmente quiere hacer eso. O bien, deben molestarse en voltear manualmente el carrusel, y eso no siempre es posible. Las personas conectan este tipo de contenido con comerciales y anuncios: no se puede hacer nada al respecto, no se sabe lo que vendrá después, es probable que no tengan información importante. En una palabra, es una forma de ceguera de estandarte .

En mi humilde opinión, si los carruseles se relacionan con cualquier tipo de experiencia televisiva, es el comercial. ¿Quieres ir ahí?

La gente aterriza en su página con un propósito. Es probable que su carrusel de reenvío automático oculte la información que el usuario está buscando, así como para mostrarla. La gente no espera primero para ver si hay un carrusel interesante para escanear la página, comienzan a escanear en el instante en que se carga la página. Mirar un carrusel es el tipo de comportamiento pasivo que a las personas generalmente no les gusta disfrutar en un sitio, quieren escanear activamente la página. Si lo que están buscando no aparece, se irán. Debe saber POR QUÉ las personas están llegando a su página y darles las cosas que están buscando.

Dicho esto, si está tratando de hacer algo que cierra la brecha entre la televisión y la Web, es posible que tenga un caso para los carruseles. Si las personas acceden a su sitio para verificar si tiene los programas o películas más recientes u otro contenido interesante allí, podría hacerlo bien con un carrusel que muestra todo su contenido más popular / más nuevo.

Pero tenga en cuenta que el carrusel no debe mostrar características de su sitio, sino contenido, y el contenido debe ser de cierto tipo y del mismo tipo. Por lo tanto, es posible que tenga un carrusel que muestre los mejores hoteles, o un carrusel de las mejores películas, o lo que sea. Entonces el usuario puede decir: “Oh, tienen hoteles / películas / lo que sea en este sitio”, en función de los elementos que vean, y no perder ninguna característica vital al no ver todo el carrusel.

Pero aún así, ¿no habría una forma más moderna de lograr el efecto de exhibición? ¿Cuál es la razón más importante por la que una persona estaría en esa página? Haz que se destaque y mantén las otras cosas secundarias. La gente siempre escanea su página , lo que pasa es que lo hacen en muy poco tiempo. Si su página logra captar su atención con lo que está buscando (o alguna otra cosa que sea REALMENTE interesante), se quedarán. Si no es así, se irán. 🙂

En el mundo de la educación superior, como se señala en “Estadísticas de interacción de carrusel” de Erik Runyon, los carruseles tienen tasas de conversión extremadamente decepcionantes. La conclusión es que uno debe exponer contenido para el usuario en lugar de enterrarlo en un carrusel. Llano y simple.

Mi experiencia con los clientes me dice que la razón principal por la que se prefieren los carruseles es doble. Primero (mencionado en otra parte) es de naturaleza espacial: los carruseles ‘traen contenido’ y desordenan efectivamente la página. Yo diría que el sector inmobiliario no es un problema en el ámbito digital, especialmente dada la rápida evolución de la tecnología. Deslizar se está convirtiendo en un gesto familiar para los usuarios, tanto gracias a las interfaces táctiles como a accesorios como el Magic Mouse y el Trackpad de Apple, sin mencionar las compilaciones de sitios web receptivos que se adaptan al contenido y capacitan a los usuarios para desplazarse.

En segundo lugar, la perfecta integración del contenido a lo largo del tiempo. Un diseño único, con sus parámetros fijos, promete acomodación sin esfuerzo del contenido futuro sin preocuparse de ’empujar’ el contenido antiguo (o eliminarlo, para el caso). Veo esto como el mayor yay en un mar de nays.

Creo que también sería bueno destacar la diferencia entre carruseles y presentaciones de diapositivas, que están completamente separadas. Si mi memoria no funciona, Apple ha usado presentaciones de diapositivas para resaltar sus productos en pantallas promocionales durante bastante tiempo (es decir, http://www.apple.com/iphone/ ). A diferencia de un carrusel, este es un mecanismo de narración de historias en capas que utiliza múltiples marcos para comunicar una historia frente a un carrusel, donde cada marco presenta contenido independiente del último. El hecho de que Apple todavía confíe en esta técnica de diseño después de todos estos años es revelador.

Rompiendo respuestas, todo! Lo único que me gustaría agregar es mi conclusión sobre este asunto y una mejor alternativa a los carruseles.

Conclusión

“La razón número 1 por la que solo el 1% de las personas hace clic en los carruseles es este simple hecho: ocultan sus productos”. [1]

Una mejor alternativa a los carruseles

A partir de estas respuestas, no parecía haber una alternativa clara a los carruseles aparte de “No lo use” o “Pruébelo”.

Pero hay una mejor alternativa a los carruseles. Es un patrón que ha existido durante bastante tiempo y ahora es famoso por Amazon. Lo llamo un control deslizante de producto (ejemplo en vivo aquí) y se ve más o menos así:

Hay 4 características que hacen de esta una mejor alternativa:

1. Los productos son más visibles y tienen áreas interactivas más grandes.
2. Es totalmente sensible y resuelve problemas únicos para diferentes dispositivos.
3. El texto y los botones claros permiten una lectura y conversión óptimas
4. Facilidad de uso mejorada para resolver todos los problemas principales mencionados en esta pregunta

Entonces, ¿debería usar un carrusel o un control deslizante de producto? Bueno, en realidad solo hay una respuesta: si es adecuada para sus usuarios. Y en realidad solo hay una forma de saber y es probar las cosas.

Si no tiene tiempo para realizar pruebas, aquí hay una regla general simple que puede usar con su próximo proyecto:

Obvio siempre gana.

Por esta simple verdad, junto con algunas matemáticas básicas, estoy bastante seguro de que un control deslizante de producto superará a un carrusel cada vez.

Recreé este control deslizante de producto para que sea más accesible para todos. Puede descargar el código en thispattern.com.

Notas al pie

[1] Control deslizante del producto | Una mejor alternativa a los carruseles.

Algunas excelentes respuestas ya están aquí. Recientemente leí este artículo sobre el mismo tema, que fue muy bueno: no use deslizadores de imagen automáticos o carruseles, ignore la moda

En mi propia experiencia, no funcionan particularmente bien. Los carruseles solo funcionan realmente cuando un usuario participa activamente en la exploración de contenido: tome, por ejemplo, el carrusel Watch / Listen en la esquina superior derecha de la página de inicio de BBC News. Si un usuario quiere contenido de video, es mucho más probable que interactúe con el carrusel. Sin embargo, el problema principal sigue siendo que los usuarios se dan cuenta (o incluso quieren) hacer clic adelante / atrás dentro del carrusel.

Si tiene más contenido oculto dentro de un carrusel u otro dispositivo, asegúrese de insinuar tanto como sea posible que hay más contenido disponible: muestre un poco de una miniatura para indicar que hay más contenido disponible. Las aplicaciones móviles de Facebook hacen esto para las galerías de fotos: la ‘última’ imagen sale de los márgenes para sugerir que hay más si un usuario interactúa con las fotos.

Creo que realmente depende de cómo se use.

El malo:

Como muchas personas señalaron en el caso en el que tiene algunas características, puntos de venta, beneficios o lo que sea, y muestra el primero y oculta el resto detrás de flechas y puntos con un control deslizante / carrusel es una mala idea. Esto es lo que quiero decir:

Lamento usar una compañía tan increíble (con un sitio web bien diseñado) como Stripe (compañía) para mi mal ejemplo, pero creo que este es el caso donde los carruseles no funcionan y el 90% de las personas solo verán el primera diapositiva, a menos que sea auto deslizante, lo cual es realmente muy molesto y en muchos casos oculta el contenido que el usuario está leyendo / viendo en este momento.

En este caso, el objetivo de la página, que podría ser algo como “Explicar lo que hacemos: 1. Esto, 2. Esto, 3. Eso …” no se logra, porque el 90% de las personas solo verá “1. Esto “.

El bueno:

El otro caso, cuando un carrusel es una buena idea, es cuando desea mostrar tantos elementos del mismo tipo como sea posible, pero solo puede tener unos pocos en una línea.

En este caso, las personas verán sus artículos y, si están interesados, verán más de ellos, lo que solo puede ser algo bueno. El objetivo de esta sección de la página es mostrar productos relacionados y ayudar al usuario a hacer una mejor elección, y se logra incluso si el usuario no desliza / desliza para obtener más productos. Si lo hacen, increíble, pero si no lo hacen, sigue siendo lo suficientemente bueno. Misión cumplida.

Un carrusel es un llamado a la acción diseñado por un comité.

Un carrusel es tan ineficaz en la mayoría de los casos que generalmente significa que el equipo detrás del sitio web no tiene experiencia o es ineficaz para dirigir a los clientes hacia una solución sólida.

Cuando las personas no pueden ponerse de acuerdo sobre el llamado a la acción principal y / o segmentaciones efectivas de usuarios, recurren a carruseles y nadie gana.

En pocas palabras: los amigos no dejan que los amigos usen carruseles, excepto en algunos casos raros, como en las galerías de fotos.

Para obtener fuentes y evidencia de las deficiencias de los carruseles, consulte la respuesta de Luke Bornheimer al diseño web: ¿Qué tan efectivos son los carruseles como una forma de mostrar el contenido del sitio web?

Solo hay dos razones por las que puedo pensar por qué los carruseles son buenos para usar:

– Economía de espacio: si tiene alguna información más importante que desea que el visitante descubra de un vistazo, sin necesidad de ninguna acción, el carrusel de diapositivas es una buena solución.

– La animación seguramente atraerá la atención. No hay mejor reclamo de atención que el movimiento.

Un consejo muy importante sería usar solo un carrusel si es realmente necesario (solo mire lo que DISQUS hizo con la presentación de su servicio, mucho más efectivo y directo que un carrusel). Optar por un carrusel solo porque es popular podría no ser una buena decisión.

Creo que la razón principal por la que los carruseles son tan ineficaces se reduce a las primeras impresiones.

La investigación muestra que los primeros segundos de la experiencia de un usuario tienen un impacto dramático en su comportamiento. Cada vez que actualiza un carrusel, está alterando por completo su experiencia inicial, sin siquiera pensarlo. Peor aún, a menudo es solo para apaciguar a varias partes interesadas internas.

Mi colega escribió un artículo interesante que analizaba algunos de los principales sitios web de comercio electrónico con carruseles y algunos datos de investigación de usuarios para mostrar cuán diferente es la impresión que cada banner puede dejar en un usuario.

No. No son muy efectivos. He leído algunas investigaciones en contra de ellos recientemente.

Alguien había escrito y tomado sobre las pruebas que se hicieron y cómo los usuarios perdieron información importante que estaba en 2ed o 3rd o cualquier diapositiva.

Actualmente no tengo el enlace para compartir, pero si googleas esto, estoy seguro de que lo encontrarás.

Supongo que están bien si no cuenta con que los usuarios realmente los revisen y encuentren información importante …

Mejor

Según Google Analytics, los datos de impresiones y clics que he observado en un carrusel que se ejecuta en nuestra página de inicio (sitio web corporativo de B a B), la mayoría de los visitantes solo ven y hacen clic en el primer paso del carrusel. Este fue un resultado consistente independientemente del contenido del carrusel.

Recomiendo evitar los carruseles para el contenido de la página de inicio, excepto por el primer paso, el contenido en otros pasos del carrusel puede ver pocas impresiones / clics.

Parece que cada respuesta aquí está condenando el carrusel, y probablemente con una buena razón. La mayoría de las que veo están mal implementadas y solo sirven para confundir y / o molestar al usuario.

Sin embargo, mi consejo es un poco diferente, un alcance un poco más amplio, pero no menos valioso: use las pruebas A / B para determinar qué funciona para su combinación única de audiencia, contenido e implementación. Pruébelo usted mismo y decídase. Preste atención a lo que funciona y lo que no funciona, y aprenda qué lecciones podrían aplicarse en otros lugares de su sitio web, ¡luego pruebe esas hipótesis también!

Las pruebas A / B están demostrando ser la empresa más valiosa en mis sitios web.

Si eres nuevo en esto (y para ser justos, todavía estoy aprendiendo), recomiendo mirar:
http://www.optimizely.com (Gran software de prueba A / B)
http://www.youshouldtestthat.com (excelente libro sobre el tema)
http://www.conversionxl.com (blog de Optimización de conversión)

¡Disfrutar!

Me alegro de que los carruseles se rompan en esta respuesta. Sin embargo, a pesar de que están siendo filtrados, y no son una gran experiencia para el usuario … Creo que son buenos para la experiencia del usuario para el cliente final. Si tiene un sitio complejo, y es algo así como una institución gubernamental o un cliente con múltiples divisiones que se reúnen para obtener bienes raíces en la pantalla de inicio, permite que múltiples grupos puedan compartir ese espacio, incluso si no es óptimo para el usuario final.

Es una especie de respuesta de policía. Pero creo que la realidad de los clientes que siempre escuchan a los diseñadores o la reestructuración de su organización para que los grupos internos laterales cedan poder o posición en el sitio puede ser poco práctica.

Los carruseles o los controles deslizantes de contenido pueden ser efectivos si se usan adecuadamente. En general, esto es bueno para los sitios móviles porque ocupa la mayor parte del espacio de visualización y permite un flujo constante de imágenes y / o texto rotativos. Esto es mejor para los sitios web que actualizan su contenido a menudo (como noticias) o que tienen mucho inventario de productos.

Por ejemplo: una empresa que vende ropa puede ofrecer a sus clientes un “recorrido virtual por el armario” usando un carrusel. Es una forma simple pero estratégica de mostrar múltiples imágenes en tan poco espacio. Otro buen ejemplo es la empresa de diseño wearinteractive.com. Utiliza un carrusel como encabezado para mostrar sus servicios.

Dos grandes inconvenientes para los controles deslizantes de contenido son el tiempo de carga y el movimiento. Algunos usuarios informan estar molestos con los controles deslizantes de contenido. Entonces, para aquellos que quieran agregar esto a su página, tengan la opción de desactivarlo; O hágalo interactivo permitiendo que los usuarios lo examinen. Asegúrese de considerar su servidor y el tamaño del archivo para acelerar la carga también.

Y mucho menos que sea popular, pero funcionan en el mundo real. Los anuncios de carruseles deben definirse en base:

• Crear historias con esos anuncios (por ejemplo: cómo mueren las empresas de comercio electrónico en estos días)
• Creando impacto a través de imágenes / creativos que funcionan en la mente del consumidor. No puedes mostrar cualquier creatividad, pero esas cosas deberían conectarse con la persona o el consumidor final (por ejemplo: cómo Bewakoof usó carruseles para promocionar su gama de camisetas que tenía “Aao Kabhi Haveli Pe”, solo mostraron algunas personas de Bollywood y diálogos y al final camiseta con un enlace comprar ahora
• Haciendo uso de cada enlace que está disponible y no solo usando un enlace para todos los carruseles. Puedes crear múltiples historias

Al final me gustaría concluir que los carruseles dan el mejor CTR al menor costo posible. Depende de cómo lo optimices.

¡Espero que esto ayude!

Es posible como una solución para alguien que está buscando pasivamente elementos, como una alternativa a una lista o una cuadrícula, o algo más.

Por ejemplo, en el sitio web de una biblioteca, puede haber un carrusel de nuevos títulos de libros. O puede haber un carrusel de inventario nuevo de zapatos. El usuario puede hacer clic, pero puede que no, así que tendrás que estar de acuerdo con eso.

“Uno de los elementos más comunes con los que nos encontramos es el banner rotativo de oferta de la página de inicio o presentación de diapositivas. Es un gran ejemplo de cómo los sitios web típicos desarrollan características comunes que son perjudiciales para los resultados comerciales. Hemos probado las ofertas rotativas muchas veces y descubrimos que son una mala manera de presentar el contenido de la página de inicio “. – Chris Goward