¿Cómo usar carruseles de imagen de la manera correcta?

Share on facebook
Share on twitter
Share on linkedin
Share on whatsapp
¿Cómo usar carruseles de imagen de la manera correcta?
Índice del artículo
    Add a header to begin generating the table of contents

    ¿Cómo usar carruseles de imagen de la manera correcta?. Perdí la noción del número de veces que intenté localizar las diapositivas que se ejecutan en un sitio web. Es muy irritante intentar leer apresuradamente lo que se ha escrito antes de que otra diapositiva se haga cargo. Ahora, ni siquiera me molesto en escanear más allá de la primera diapositiva de carruseles de imágenes.

    Pensé que era el único que no podía soportar estos controles deslizantes automáticos. Pero gracias a Dios, ¡hay otros como yo también! Estas diapositivas afectan las conversiones y la experiencia general del usuario en el sitio web, solo de manera negativa.

    Un estudio de usabilidad [1] realizado  por el grupo Nielsen Norman confirmó que los carruseles de reenvío automático molestan a los usuarios y reducen la visibilidad.

    El estudio destaca un par de razones por las cuales estos elementos de diseño «geniales» que se creen no son realmente buenos para la usabilidad o las conversiones de su sitio:

      • La rotación automática hace que el usuario pierda el control de su interacción con el sitio. Esto es especialmente molesto para los usuarios con problemas de habilidades motoras.
      • Crean ceguera de pancartas y, a menudo, los usuarios los ignoran fácilmente. El siguiente ejemplo de seguimiento ocular de otra fuente también valida esto. Puede ver cómo el control deslizante de la imagen (el área negra en la imagen) apenas recibe atención por parte de los visitantes del sitio.

    • Los usuarios de baja alfabetización y los usuarios internacionales (cuyo idioma nativo difiere del idioma de su sitio web) a menudo leen lentamente. Un usuario expresa claramente su frustración en el estudio cuando dice: “No tuve tiempo de leerlo. Sigue parpadeando demasiado rápido».

    Me pregunto si estos controles deslizantes son tan confusos y molestos para tantos otros usuarios, ¿por qué están en casi todas partes? Abra algunos sitios web de comercio electrónico y lo sabrá.

    Como resultado, los carruseles de imágenes o pancartas giratorias a menudo se consideran una solución fácil para proporcionar una mejor navegación a todos los contenidos / ofertas importantes en el sitio. Sin embargo, los datos sugieren lo contrario.

    La Universidad de Notre Dame probó su carrusel. La tabla a continuación muestra los resultados que encontraron. Solo el 1% del total de visitantes hizo clic desde el carrusel, y la mayoría de estos visitantes (84%) interactuaron solo con la primera diapositiva del carrusel.

    Ok, lo entiendo! Cada departamento quiere tener su oferta especial en la página de inicio.

    Y, por supuesto, los carruseles son una manera fácil de hacer felices a todos.

    Pero, francamente, el 1% de la tasa de clics de algo que ocupa los principales bienes inmuebles de la página de inicio es una pérdida de esfuerzos evidente. ¿Todavía crees que los controles deslizantes de imágenes son una buena idea?.

    Además de plantear un desafío de usabilidad, los carruseles ofrecen múltiples ofertas en un solo lugar, lo que es un gran asesino de conversiones. Como sugiere la probada sabiduría de conversión, idealmente debería tener solo una oferta o llamado a la acción por página. Y los carruseles definitivamente son los delincuentes aquí.

    Demasiadas ofertas juntas solo dicen: «No sabemos cuál debería ser nuestra principal prioridad, por lo que las descartamos todas juntas aquí y vemos cuál funciona mejor». ¡Arriba y toma algo de responsabilidad, gente! Decida la prioridad de sus ofertas antes de continuar.

    ¿Hecho?

    Bien, ahora si está listo para superar esta “práctica estándar” bastante perjudicial, aquí hay algunas alternativas de carrusel de imágenes que puede probar…

    Centra tu página de inicio en tu oferta principal

    Pon tu mejor pie adelante. Deje que su oferta más relevante llame la atención de sus visitantes. Y agregué algunas ofertas que siempre funcionan bien para usted durante todo el año. Puedes ver cómo Ben Sherman implementa esto en su página de inicio:

    En la imagen de arriba, solo la oferta de blazer es lo que los visitantes pueden ver arriba del pliegue.

    No haga que su sitio web parezca una acumulación de promociones. No necesita conservar todas las ofertas que ha promocionado anteriormente. Como Paul Phillips mencionó en uno de sus artículos, cada oferta tiene una fecha de vencimiento.

    Convierta cada diapositiva en una página de inicio dirigida para segmentos de visitantes específicos

    Digamos que tienes una tienda de ropa global en línea. Ahora, los países a menudo tienen diferentes tendencias de ropa. Por lo tanto, puede segmentar a sus visitantes en función de su ubicación geográfica con la ayuda de su software de prueba A/B.

    Muéstreles la página de inicio que promueve una oferta sobre la tendencia de ropa más popular en su país. Este es un gran reemplazo para una solución de control deslizante de imagen de «talla única» que muestra 4 diapositivas, de las cuales 3 son más adecuadas para las tendencias en los EE. UU. (Porque el 80% de su tráfico proviene de los EE. UU.), Y 1 diapositiva es para el Reino Unido.

    ¿Pero adivina que? Probablemente esté desmayándose por las preferencias de los visitantes de otros países. Entonces, incluso si ha hecho esfuerzos para enviar todo a esos países, sus conversiones para ellos seguirán siendo pobres.

    En lugar de mostrar a sus visitantes un control deslizante de imágenes en constante rotación que enumera tal vez incluso una oferta por diapositiva para los 5 países principales de donde obtiene la mayor parte de su tráfico, ¿por qué no eliminar ese maldito control deslizante y reemplazarlo con mostrar solo a sus visitantes su oferta específica de ubicación? Puede usar fácilmente segmentos preestablecidos en VWO para configurar esto en solo unos pocos clics.

    Como Depesh Mandalia, el experto en comercio electrónico y digital, ha sido citado correctamente en este artículo de eConsultancy:

    Un mensaje de banner enfocado generará CTR más altos que unos pocos banners desenfocados. Servir al 100% de sus visitantes es casi imposible sin saber algo sobre ellos, sin embargo, parece haber una auto-persuasión con los administradores de contenido de que más opciones son buenas = más clics = más ventas. No funciona de esa manera.

    ¿No es suficiente? Demasiado terco, ¿verdad?

    Entonces, si REALMENTE desea continuar con esto incluso después de escuchar todas esas razones, hágalo de la manera en que lo hizo Sephora:

    Vea la imagen a continuación de la página de inicio de Sephora:

    ¿Cómo usar carruseles de imagen de la manera correcta?
    Ahora bien, esta es una de las mejores ejecuciones de controles deslizantes de imágenes que he visto en Internet. Algunas de las razones por las que es tan genial:

    • Limitan su carrusel a solo 2 toboganes
    • Cargas súper rápidas
    • El control deslizante es manual y no gira automáticamente
    • Limpie los botones de navegación en los lados que se colocan cuidadosamente sobre las superposiciones blancas para que sean fácilmente visibles
    • Las dos ofertas que se muestran en la presentación de diapositivas son relevantes para su mercado objetivo completo, y no solo para una persona de visitante en particular (como adolescentes o mujeres mayores de 40 años)

    Si crees que puedes llevar esto a cabo como Sephora, entonces sigue adelante y pruébalo.

    Aunque todos los expertos en conversión, incluidos Peep Laja [2], Tim Aish [3] y Chris Goward [4], recomiendan estrictamente que debe deshacerse de los controles deslizantes de imagen, creo que hay una pequeña excepción a esta regla. Y eso es sitios web de fotografía donde los controles deslizantes se pueden utilizar para mostrar carteras de imágenes.

    Pero esto no cambia el hecho de que los elementos móviles de la interfaz de usuario son conocidos por su reputación de ser nada más que una distracción. Por lo tanto, incluso cuando planee usar un carrusel de imágenes en un sitio web de fotografía, asegúrese de que su frecuencia de deslizamiento no sea demasiado rápida. Alrededor de 4-5 segundos por diapositiva debería estar bien. Y, por supuesto, capacite a sus visitantes. Dales el control. El carrusel a continuación de Royal Mail es un ejemplo perfecto:

    Vea cómo los botones de pausa y reproducción se proporcionan de manera prominente sobre el carrusel para adaptarse a las preferencias de los usuarios. Un aviso adicional a este para hacer que la llamada a la acción principal sea permanente sobre el control deslizante y no una parte de las imágenes giratorias.

    Para llevar clave

    • No uses controles deslizantes de imagen

    Pero admitámoslo: estas pancartas giratorias no irán a ningún lado pronto. ¡Gracias a la mentalidad de rebaño [5]! Entonces, si realmente tiene que hacerlo, aquí hay un resumen rápido de lo que debe tener en cuenta:

    • Tiempo de carga rápida
    • Mantenga su frecuencia de deslizamiento lenta
    • Permita que los usuarios controlen el espectáculo (ya sea proporcionar botones de pausa y reproducción, o mantener las rotaciones de imagen manuales y no automáticas)
    • Sus opciones de navegación de diapositivas deben ser muy prominentes y obvias (las flechas enormes en ambos lados colocadas sobre la superposición blanca funcionan bien. Los pequeños puntos enterrados en las esquinas de los controles deslizantes de imagen no lo hacen)
    • Las ofertas en las diapositivas deben ser relevantes para todo su público objetivo (y no solo para una persona en particular)
    • Cuanto menor sea el número de diapositivas, mejor.

    No importa cuál de estas alternativas de control deslizante de imagen intente, no olvide probar A/B. Incluso si está 100% seguro de que su página de tratamiento aumentará las conversiones, pruébela solo para ver cuánto porcentaje de mejora significa sobre su página de Control. Y, por supuesto, vuelve aquí y comparte tu experiencia conmigo.

    Referencias:

    1. https://www.nngroup.com/articles/auto-forwarding/
    2. https://cxl.com/blog/dont-use-automatic-image-sliders-or-carousels/
    3. https://www.clickz.com/rotating-banners-just-say-no/45917/
    4. https://www.widerfunnel.com/rotating-offers-the-scourge-of-home-page-design/
    5. https://www.investopedia.com/terms/h/herdinstinct.asp

    Fuente: Artículo original en inglés.

    Share on facebook
    Facebook
    Share on twitter
    Twitter
    Share on linkedin
    LinkedIn
    Share on whatsapp
    WhatsApp
    Share on facebook
    Share on twitter
    Share on linkedin
    Share on whatsapp
    0 0 voto
    Calificar artículo
    Suscribirme
    Notificarme
    guest
    0 Comentarios
    Comentarios en línea
    Ver todos los comentarios
    Índice del artículo
      Add a header to begin generating the table of contents
      Ir arriba

      FAQ's

      Si aún tiene dudas, lo invitamos a revisar nuestras preguntas frecuentes sobre nuestros servicios.

      Diseño Web & Desarrollo

      ¿No encuentra la respuesta que busca para su sitio web? ¡Compartimos algunas de nuestras preguntas más frecuentes para ayudarlo!

      En nuestra agencia seguimos el mismo proceso central de diseño web sin importar el tamaño del proyecto realizado.

      • Paso uno: nos dirá lo que tiene en mente. Elija un sitio web que desee que repliquemos o enumere las características clave que le gustaría tener.
      • Paso dos: redactaremos una estructura alámbrica para poder acordar el diseño de su sitio web antes de que se escriba una sola línea de código.
      • Paso tres: Después de que apruebe el diseño, comenzaremos a trabajar en el diseño real y lo puliremos hasta que esté satisfecho.
      • Paso cuatro: Si hay características personalizadas, lo probaremos durante al menos una semana para asegurarnos de que no haya errores que hagan que se inicie.
      • Paso cinco: Lanzaremos el sitio web en aproximadamente un mes (dependiendo del proyecto) después de la primera reunión, y continuaremos monitoreando y mejorando su desempeño (pero solo si así lo desea).

      Los costos de un sitio web totalmente personalizado varían según las especificaciones. Como guía, la mayoría de los proyectos personalizados de diseño y construcción web comienzan desde Bs. 700. Sin embargo, siempre tratamos de acomodar su presupuesto (si es posible). ¿Por qué no completa nuestro formulario y podemos conversar sobre sus requisitos?

      Absolutamente. Verá un prototipo de diseño completo que también incluye diseños móviles, además tendrá la oportunidad de obtener una vista previa del diseño propuesto antes de que el sitio entre en desarrollo. ¡Solo comenzamos la etapa de desarrollo una vez que esté 100% satisfecho con la apariencia del diseño!

      Los cuatro pasos fáciles que proporcionamos a continuación lo guiarán en la dirección de un sitio web profesionalmente diseñado, desarrollado y comercializado.

      • Paso uno: Registro de nombre de dominio (URL): esta es la dirección que las personas usarán para acceder a su sitio web. Una vez que haya determinado que la URL que desea utilizar está disponible, la tarifa para registrar un nombre de dominio oscila entre $ 14.00 y $ 50.00 por año. Esto necesita ser renovado cada año.
      • Paso dos: Diseño del sitio web: aquí es donde se determina y crea el aspecto y el contenido del sitio web.
      • Paso tres: Hospede su sitio web en un servidor web: aquí es básicamente donde paga por el espacio en un servidor que siempre está conectado a Internet. El precio variará, dependiendo de la cantidad de espacio en disco que tenga y la conexión a Internet.
      • Paso cuatro: ¡comercialización! – Debería pensar en la comercialización de su sitio web mientras se está diseñando. El contenido del sitio debe reflejar los términos de búsqueda si desea que su sitio aparezca en los motores de búsqueda.

      No se preocupe en Creativa.dev, todo se explica de manera fácil. Una vez que comencemos a diseñar un sitio web, investigaremos sus requisitos, le asesoraremos sobre lo que requerimos del cliente y luego le describiremos ideas, alternativas y plazos.

      Una vez que comencemos a diseñar, puede probar todo el trabajo a través de nuestra área de administración de proyectos en línea donde se mantiene actualizado con el flujo de trabajo actual. Siempre le proporcionaremos dos diseños de sitios web para elegir. Luego puede modificar el diseño elegido y una vez que haya cerrado la sesión del diseño, comenzaremos a convertirlo en un sitio web que funcione.

      Lamentablemente no. Si el cliente no se ajusta bien, no se citará la oportunidad. El diseño de un nuevo sitio web es un gran esfuerzo, por lo que el diseñador del sitio web y su cliente necesitan tener sinergias para que el proyecto se inicie con éxito. Lo mismo es cierto para las personalizaciones de temas existentes. Si no creemos que encajamos bien o que WordPress no encaja bien, se lo diremos rápidamente.

      Todo el proceso puede tomar entre 4 y 12 semanas. Realmente depende de cuántas páginas necesite, especialmente cuán profunda debe ser la funcionalidad.

      Siempre tiene plena propiedad sobre sus diseños y sitio web. Aunque odiamos ver que suceda, puede mover su sitio web a una empresa externa. Dado que su sitio web está construido con WordPress, puede transferirlo a casi cualquier proveedor de alojamiento web.

      ¡Sí! Somos excelentes para comunicarnos por Internet, correo electrónico y teléfono, y nuestros clientes provienen de toda Bolivia, Estados Unidos y del mundo entero.

      ¡Será mejor que lo creas! El móvil es clave en 2020. Nuestros diseños web son totalmente responsivos, lo que significa que ahora son compatibles con dispositivos móviles y tabletas, lo que garantiza que se vean bien en cualquier tamaño de pantalla que se use para ver su sitio web.

      Muchos procesos entran en la producción de un sitio web, en general, si todos estos procesos se ejecutan correctamente, producirá un sitio web que trabajará con usted para mejorar las ventas, el marketing y la imagen de su negocio. Esto se logra con un excelente diseño del sitio web, navegación del usuario y optimización del motor de búsqueda del sitio web.

      Básicamente, debe considerar qué es lo que USTED está buscando al tener un sitio web. Si está buscando un sitio web de estilo folleto que haga notar su negocio, nuestra agencia ha diseñado cientos de sitios web así.

      Branding & Diseño Gráfico

      ¿Quiere un logotipo, una ilustración o un diseño pero no puede encontrar la respuesta que está buscando? Eche un vistazo a nuestras preguntas frecuentes.

      Nuestros pasos son simples como:

      • Paso uno: Compartirá su historia con nosotros: su visión, quién compra sus productos y qué hace que su negocio sea diferente.
      • Paso dos: investigaremos su mercado y haremos una lluvia de ideas hasta que tengamos los mensajes clave de su marca y los perfiles de clientes objetivo.
      • Paso tres: según los mensajes de la marca, nuestros diseñadores crearán su kit de marca (esto incluye el logotipo, las fuentes y la combinación de colores).
      • Paso cuatro: presentaremos al menos cuatro opciones de diseño, tomaremos sus comentarios y las revisaremos hasta que esté satisfecho.
      • Paso cinco: Finalizaremos el diseño y enviaremos las plantillas que puede usar para promocionar su marca, todo dentro de un mes después de nuestra primera reunión.

      El diseño de su logotipo es la imagen de su empresa, el rostro público que constituye el núcleo de cualquier identidad de marca corporativa exitosa. La calidad y la profesionalidad del diseño de su logotipo tienen un efecto directo en la forma en que se percibe su organización.

      Un logotipo hábilmente diseñado puede convertirse en un activo extremadamente valioso que distingue los productos y servicios de su empresa de la competencia. Una imagen corporativa profesional, anclada con un diseño de logotipo de alta calidad consolidará el reconocimiento de la marca y forjará su nicho en el mercado.

      Sí, esto es exactamente lo que hacemos. Brindamos servicios de diseño de logotipos personalizados basados ​​en el perfil de su empresa, ideas de diseño y preferencias de estilo. Podemos crear un logotipo personalizado basado en su idea y / o proporcionar nuestros propios conceptos únicos.

      Hay una gran diferencia entre una imagen corporativa y una ilustración. Las imágenes corporativas son muy simples, lo que las hace únicas, memorables y altamente reconocibles desde cualquier distancia y en cualquier tamaño. Las ilustraciones tienden a estar en un lado pesado de detalles, con multitud de colores, sombras y detalles de imagen.

      Las ilustraciones son generalmente una obra de arte muy complicada que pierde su calidad cuando se reduce su tamaño. Las imágenes muy ocupadas como estas son difíciles de leer y reconocer.

      Su logo debe:

      • Refleja los valores de marca de tu producto o servicio
      • Diferenciarte de tus competidores
      • Ser estéticamente agradable
      • Obtenga reconocimiento rápidamente
      • Sé único y construido desde cero solo para ti
      • Impulsa tus ventas

      Durante nuestra reunión inicial de logotipos, primero comenzamos discutiendo las ideas del cliente, el mercado objetivo y los usos de este logotipo. Luego solicitamos muestras de logotipos existentes que le gusten o no le gusten al cliente para tener una idea de su gusto.

      A veces el cliente ya tiene un concepto de diseño en mente. Otras veces, no tienen idea de lo que quieren. De cualquier manera, nos aseguramos de haber recopilado suficiente información antes de comenzar a trabajar.

      Nuestro servicio de diseño de logotipos es muy sencillo. Si desea ver conceptos adicionales después de nuestras tres ideas iniciales o si necesita un par de diseños de logotipos para varias compañías, nuestro servicio puede tener un precio según sus necesidades.

      Muchos de nuestros clientes no están seguros de lo que quieren o de lo que causará mejores impresiones. Danos tanta información como puedas sobre lo que te gusta en el formulario de pedido. O bien, puede decirnos "que lo hagamos" y hacemos nuestras mejores estimaciones de lo que puede necesitar.

      En la mayoría de los casos, nos llevaría de 5 a 10 días hábiles enviarle la primera fase del diseño del logotipo de borrador. Si no recibe noticias nuestras dentro de este período, contáctenos.

      Una vez que se completa la primera fase, esperamos comentarios. Luego usaremos estos comentarios para llegar a la segunda fase del diseño del logotipo (si es necesario). Por lo general, nuestros clientes están satisfechos con los diseños iniciales. Muchos obtienen su logotipo final en esta fase.

      A través del proceso de admisión, intentamos alinearnos con la dirección deseada para el logotipo y ofrecer conceptos únicos y de calidad para su consideración.

      Esperamos que haya un concepto de la presentación que al menos le guste lo suficiente como para avanzar a través de nuestro proceso de revisión para llegar exactamente a donde lo desea. Creativa.dev ofrece revisiones ilimitadas a su concepto seleccionado como una representación de nuestro compromiso de entregar un diseño final que le encante.

      Tu.

      Marketing Digital

      ¿Estás listo para impulsar tu negocio pero no encuentras la respuesta que estás buscando? Echa un comentario a nuestras preguntas frecuentes.

      Brindamos asistencia con el SEO en la página, incluidas las meta descripciones, el análisis de palabras clave, la creación de backlinks y el SEO fuera de la página, como las estrategias de creación de enlaces.

      El contenido debe estar escrito y formado de tal manera que los rastreadores web pueden analizarlo y convertirlo en resultados de motores de búsqueda. Un buen diseño implica un código de carga rápida y un diseño de página claro que ayuda a que su página funcione mejor. Esto, a su vez, aumenta aún más su clasificación.

      Si bien no hay garantías de alcanzar un cierto ranking, la inversión que realiza para optimizar su contenido nunca es una pérdida de tiempo. Un buen posicionamiento web para descubrir su sitio web. No te preocupes, podemos ayudarte.

      El rendimiento de una estrategia PPC se reduce a elegir las palabras clave adecuadas. ¡No desea pagar por los clics de clientes potenciales no calificados! Podemos ayudarlo a desarrollar una estrategia que maximice su inversión publicitaria en palabras clave que traigan a sus personas objetivo a su sitio

      Absolutamente Asistiremos con la investigación necesaria para identificar frases de palabras clave de cola corta y larga que arrojarán resultados.

      Si aún no ha estado usando PPC, nos complace ayudarlo a comenzar. Si ya lo está utilizando, podemos proporcionarle información sobre cómo maximizar su eficiencia.

      A menudo, la oferta de palabras clave demasiado amplia o poco relevante para su audiencia es la razón por la que gasta demasiado. Podemos ayudarlo a elegir las palabras clave óptimas para sus estrategias.

      Cuando se hace bien, el marketing en redes sociales puede generar mucho más tráfico en su sitio web. Sin embargo, las personas que visitan su sitio web a través de las redes sociales a menudo tienen expectativas diferentes a las de la búsqueda de Google. Podemos ayudarlo a mapear sus canales digitales para optimizar las conversaciones.

      Solo comuníquese con nosotros con su presupuesto público, su lista actual de palabras clave y sus objetivos de clics, ¡y lo analizaremos!