Example of CTA


Nada es más monótono y desmotivador para un usuario que ver un gran enlace «Haga clic aquí» o «Más información».

Como usuario, ya está investigando un producto o un servicio que desea comprar. Por supuesto, van a hacer clic en los enlaces para obtener más información.

Ir más allá de «Haga clic aquí» o «Más información»

Entonces, ¿cómo motivamos a los usuarios para que tomen las medidas que queremos que tomen?

Comienza por:

  • Entender los objetivos del usuario y comportamiento del usuario.
  • Estableciendo confianza.
  • Crear direcciones accesibles y claramente etiquetadas que inspiren interés.

Suena tan fácil en teoría, pero en realidad, ¿por qué nuestras páginas web solo se convierten en un promedio de 2,8% ¿en los EE.UU?

Obviamente, algo falta en nuestras páginas web. Si el 97,2 % de nosotros no genera conversiones en una página web, es probable que, hasta cierto punto, estemos confundiendo a nuestros usuarios sobre lo que queremos que hagan.

Profundicemos en cómo podemos lograr esto.

Mientras estés aquí, ve allí ahora

El truco para optimizar las llamadas a la acción es presentar la acción en el momento preciso en que el visitante de su sitio web está más interesado en dar el siguiente camino.

Si un usuario se encuentra con una llamada a la acción anticipadamente a cualquier información, ¿crees que va a hacer clic en ella?

Tiene que haber contenido atractivo que precede al enlace, así como una descripción precisa del página de destino.

Si la página de destino no es lo que esperaba un usuario, cada vez que presente otra oportunidad para abandonar la página, es posible que su usuario no confíe en que puede ayudarlo a hallar su problema.

La llamada a la acción está claramente etiquetada en el siguiente ejemplo.

Aún mejor, es obvio que los diseñadores comprenden los temores de sus clientes sobre el dinero, la facilidad de uso, la confianza del cliente y el uso del color.

Ejemplo de llamada a la acciónCaptura de pantalla de TurboTax.Intuit.com, junio de 2022

Enlaces para la primera cita

Cuando el visitante de su página web esté listo para tomar acción, debe sentirse seguro de que la invitación al enlace vale la pena, es creíble y constructiva.

Cuando presenta una nueva oferta de productos, nada debe impedir que su visitante vea de inmediato de qué se trata.

Podemos empezar siendo astutos, especialmente si queremos algo. Los llamo «Enlaces para la primera cita».

Ejemplo de CTA sin productos ni contenido.Captura de pantalla del autor, junio de 2022

La captura de pantalla anterior se tomó de un sitio web de comercio electrónico. Lo que ves aquí es toda la mitad superior de la página de inicio.

No hay texto. No hay imágenes del producto.

Los visitantes primerizos necesitarían saber de antemano qué está vendiendo la empresa.

Con este sitio web, los visitantes primerizos deben desplazarse hacia debajo, esperar a que se carguen las imágenes gigantes y escanear un texto mínimo para comprender mejor la marca y sus productos.

La parte divertida de este ejemplo de «Enlaces para la primera cita» es saber que esta marca en particular ofrece este especial o algo similar todos los días.

No hay ningún incentivo para «comprar ahora» para los clientes habituales y los visitantes primerizos no tienen idea de adónde los lleva el botón «comprar ahora».

Se les ha presentado este enlace que probablemente los abrumará con una parálisis de elección y decisión, y lo más probable es que abandonen el sitio.

Intente agregar promociones específicas para sus clientes leales, o incluso para los clientes nuevos, en su estrategia de marketing.

Al crear promociones específicas segmentadas por tipo de cliente, estás demostrando que entiendes lo que están buscando.

La confianza, la credibilidad y la franqueza de su historia agregan sabor a las llamadas a la acción en los sitios web y también en la vida real.

Enlaces de espantapájaros

Si ha visto la película original, «El mago de Oz», comprenderá por qué me refiero a estos llamados a la acción como «Enlaces de espantapájaros».

Estos son llamados a la acción que brindan muchas opciones, generalmente con etiquetas vagas y, a menudo, al mismo destino.

En la película, cuando Dorothy viaja por Yellow Brick Road para encontrar a Oz, se encuentra con el Espantapájaros y le pide direcciones.

dorotea: Ahora, ¿hacia dónde vamos?
Espantapájaros: Perdóname. Esa manera es una muy buena manera… [pointing]
dorotea: ¿Quien dijo que?
[Toto barks at the Scarecrow]
dorotea: No seas tonto, Totó. ¡Los espantapájaros no hablan!
Espantapájaros: ¡También es apacible bajar por ese camino! [pointing in another direction]
dorotea: Eso es gracioso. ¿No estaba señalando hacia el otro lado?
Espantapájaros: Por supuesto, la gente va en ambos sentidos. [pointing in both directions]. Ese es el problema. No puedo decidirme. No tengo cerebro. Solo paja.

A veces, las llamadas a la acción se colocan dentro del contenido de la página web en un momento en el que realmente no queremos opciones. Solo queremos ser dirigidos a esa cosa genial que acabas de mostrarnos.

En el siguiente ejemplo, la CTA superior es la mejor opción porque el destino está claramente definido y es la tarea deseada por el usuario.

Ejemplo de 3 botones de llamada a la acción seguidos.Captura de pantalla del autor, junio de 2022

Si la empresa quiere que los clientes aprendan más sobre los jeans con curvas, pueden proporcionar esta información en el página de destino que presenta opciones de clasificación cuando hacen clic para comprar todos los jeans con curvas.

El enlace más pequeño a los detalles tendría más sentido si explicara de qué se tratan los detalles.

¿Es una tabla de tallas? Precios?

¿Qué hace ese enlace por nosotros que «Más información» no ofrece?

¿Qué es lo que realmente quiere hacer el usuario aquí después de que se le hayan mostrado imágenes de jeans con curvas?

La optimización de enlaces es más que una etiqueta

El siguiente ejemplo es una combinación de un botón, una oración de texto y una oración de texto con un ícono en el que se puede hacer clic superpuesto a una imagen de encabezado grande.

Si tuviera que ver a alguien usando su sitio web durante una sesión en vivo, lo más probable es que lo vea pasar el mouse sobre el botón, el texto y el texto con el ícono para ver cuál va a ir a algún lugar al que quiere ir.

Para este ejemplo, la etiqueta del botón «Aprender más» no proporciona información sobre lo que vamos a aprender.

Es el CTA más visible y los ojos de la persona en la imagen miran hacia el botón, lo cual es un truco del diseñador porque los estudios muestran que miramos para ver lo que está mirando la cara.

¿Cómo podemos optimizar el CTA para esta página?

Primero, elimine el botón «Más información». Vamos a darle una actualización.

El texto debajo de la imagen, en letra minúscula, no está vinculado. Hace una pregunta, pero el usuario debe buscar dónde obtener la respuesta.

También hace una pregunta que puede no ser tan importante o interesante como la siguiente. Quitaría toda la oración «Quiero conocernos mejor».

La historia más convincente es por qué.

El botón puede ser más grande y colocarse en línea con la mirada de la modelo. La etiqueta del botón es la invitación a «Ver por qué hacemos lo que hacemos» y vincular eso a su historia.

Esto no solo reduce la elección a un enlace para una tarea principal, sino que también es más fácil para el software de lectura de pantalla anunciar el enlace y liderar a los visitantes que escuchan la página.

La optimización de enlaces es más que una etiqueta.

Los enlaces con etiquetas como «Más información», «Leer más», «Comprar ahora», «Enviar», «Hacer clic aquí», «Descargar» y «Continuar» son comunes.

Sin embargo, es menos probable que se haga clic en estos enlaces que en un enlace más específico e invitador.

No tenga miedo de experimentar para optimizar las llamadas a la acción invitando a la acción. No tenga miedo de decirle al usuario lo que quiere que haga haciendo clic en ese enlace.

En todo caso, los estás guiando en su viaje de decisión de compra.

Ahora, a veces podemos entusiasmarnos demasiado con el texto de nuestro enlace.

Ejemplo de CTA de un sitio de comercio electrónico.Captura de pantalla del autor, junio de 2022

Cada llamada a la acción es un riesgo

Recuerda que al proporcionar una llamada a la acción, debe colocarse en el momento en que inspiraste a tu lector a dejar su línea de pensamiento.

Cada llamado a la acción es un riesgo. Como mínimo, su enlace debe:

  • Tener una etiqueta clara con el destino exacto.
  • Ser fácil de ver y leer.
  • Sea convincente para la persona.
  • Presentarse en el momento exacto en que es más útil.
  • No tener competencia (otros enlaces) cerca.
  • Navegue hasta la tarea deseada que proporcionará un beneficio a su usuario.

Como humanos, nuestra capacidad de atención ya es corta.

Cada vez que un llamado a la acción los lleva adelante, es posible que hayan olvidado dónde estaban.

Es importante apoyar las tareas con bien organizado arquitectura informacional y navegación que proporciona señales para un sentido de lugar.

Las llamadas a la acción a veces son interrupciones molestas.

¿Qué información adicional increíblemente fascinante se esconde detrás de «Más información» que es tan convincente que ha interrumpido su proceso de pensamiento?

Será mejor que valga la pena.

Conclusión

Tenemos una pequeña ventana de tiempo para captar la atención de un usuario.

Usar un lenguaje genérico como «Haga clic aquí» o «Más información» ya no es suficiente. Cuando cree llamadas a la acción para un usuario, intente reiterar qué es exactamente lo que quiere que haga.

No insertes enlaces de CTA para tenerlos o para ocupar espacio.

Reconsidere su estrategia de enlaces viéndola desde el punto de vista de un usuario: ¿Hay más de una opción de enlace? ¿Son necesarios ambos? ¿Son lo suficientemente claros para que un usuario tome medidas?

Además, su contenido que lleve a ese llamado a la acción debería ser lo suficientemente tentador para que ellos quieran tomar acción.

Más recursos:


Imagen destacada: Motortion Films/Shutterstock

Imagen en la publicación n.º 4 creada por el autor, junio de 2022





Consultar el artículo en la publicación original

Mejores alternativas a ‘Haga clic aquí’