CTA, call to action, llamada a la acción, botones de acción, diferentes nombres para el mismo elemento. Seguramente, a lo largo del día, te topas con muchos de ellos. De hecho, en entornos digitales, es común que interactúes gran cantidad de veces con estos botones. Incluir este tipo de elementos en la interfaz de un producto digital es imprescindible. Sea para aplicaciones móviles, landing pages, webs, newsletters, notas de blog, una llamada a la acción es una impronta digital de buen uso. Es decir, ¿cómo confirmaríamos el envío de un formulario si no fuera por un botón que nos deje realizar dicha acción? 

En esta nota te contaremos cómo mejorar la UX mediante el buen uso de llamadas a la acción. Pero primero, un panorama para entender bien de qué estamos hablando.

¿Qué es una llamada a la acción o CTA?

Su nombre ya lo indica, por lo tanto, encontrar su significado es tarea sencilla.

Una llamada a la acción es una imagen, botón, link o texto que indica a los visitantes de una página web, tienda online, blog, app o red social que realice cierta acción. 

La utilidad de un CTA

La llamada a la acción tiene que focalizar la propuesta de valor de una marca, producto y/o servicio de forma clara y sencilla. Nada de textos largos dentro del botón ni de palabras extrañas, la claridad debe primar.

Lo mismo sucede con el diseño. Tengamos en cuenta que muchas acciones de marketing digital no cumplen sus objetivos y fracasan porque no le dicen al usuario exactamente lo que tienen que hacer o, aunque sea, lo que esperan que haga. 

Para que funcione, hay que saber qué es lo que queremos que haga el usuario y, sobre todo, saber a qué personas irá dirigida esa llamada a la acción.

En tanto, los botones pueden diseñarse de diferentes formas y tamaños.

Y lo ideal es que estén precedidos por una explicación que hará que el recorrido del contenido a mostrar, finalice con un clic.

Por supuesto, estos son solo ejemplos y hay muchas formas de presentarlos, pero hay algo que es inherente a todos: son esenciales en toda estrategia de marketing digital y eficaces para lograr una buena Experiencia de Usuario. 

¿Cómo deben ser las llamadas a la acción o CTA?

Como hemos mencionado antes, hay diferentes formas de realizar un CTA y eso dependerá tanto del diseñador que esté a cargo como del look & feel de la marca.

¿Cómo deben ser? Lo recomendable es que sean:

• Simples
• Claros
• Usables
• Accesibles

Cuando hablamos de botones, la estructura básica del formato de botón clásico es la que funciona: bordes definidos, colores que sobresalgan y un texto conciso y claro. 

Ahora que sabes un poco más acerca de los botones de acción, queremos brindarte algunos tips para mejorar la UX de un producto digital utilizándolos de manera correcta.

4 consejos para mejorar la UX de tu producto digital con CTA

1 - Define a tu buyer o user persona para saber a quién irá destinado el CTA

Con este primer paso en claro, tendrás el 50% del trabajo hecho. Sabiendo a quién te diriges, podrás diseñar la llamada a la acción (en imagen y contenido) con un objetivo y buscando las palabras adecuadas para acompañar al usuario en su viaje. 

Por supuesto que la acción que buscamos que el usuario realice al colocar una llamada de acción dependerá del momento en el que se encuentre dentro del customer journey. No es lo mismo un CTA para una persona que transite la fase inicial de nuestro recorrido (como por ejemplo, un visitante ocasional) que alguien que ya está listo para comprar.

Tener en cuenta en qué fase del funnel se encuentra nuestro buyer persona es indispensable para saber utilizar las técnicas adecuadas. La UX es necesaria para todo tipo de llamadas a la acción, ya que la claridad y la simpleza en el diseño y en el contenido hacen “magia”.

Más adelante, veremos los diferentes wordings que podemos utilizar para enamorar a clientes y usuarios, y generar leads, conversaciones y ventas. 

2 - Usa el UX writing y el copywriting

Ambas técnicas son recomendables. 

Para diferenciarlas, el UX writing es uno de los grandes elementos de la Experiencia de Usuario, y se encarga de diseñar conversaciones útiles entre los usuarios y una plataforma digital. Hablamos de comunicación directa, humana y simple, que tiene en cuenta los principios de usabilidad y accesibilidad y se focaliza en que las personas logren sus objetivos como usuarios. 

¿Cómo puedes usar el UX writing en llamadas a la acción?

• Usa frases cortas con un máximo de 4 palabras. 
• Imprímeles un objetivo. Si son para generar leads, que el wording sea adecuado. Por ejemplo, si tu llamada a la acción está dentro de una landing page que tiene como objetivo descargar un e-book, que los textos acompañen esa acción a realizar. Si tu CTA está dentro de una app en una pantalla de registro, sé claro y conciso.
• Define las palabras que usarás. ¿El texto del botón de acción estará escrito en infinitivo, en imperativo, en forma de pregunta? ¿Hablará en primera o en tercera persona?. Siempre ten en claro eso y sé consistente. Tomemos el ejemplo del e-book. Si tu botón dirá “Descargar el e-book” sonará diferente a “Descárgalo ahora”. Es por eso que es necesario que estudies a tus buyer o user persona y, a través de un manual de voz y tono, definas estos conceptos. 
• Pon solo una acción en el botón. “Confirmar y continuar” no es recomendable. O confirma o continúa. No confundamos al usuario.

3 - Diseña para que vean tu llamada a la acción y no pase desapercibida

Para que los usuarios hagan clic en tu botón a la acción, tendrás que llamar su atención a través del diseño.  ¿Te han dicho que el tamaño no es importante? Pues lo es en lo que refiere a CTA’s. 

¿Qué pasaría si estás navegando por un sitio web y no encuentras esa llamada de acción para, por ejemplo, comprar un libro? ¿Qué sucedería si un usuario de la app que diseñaste siente temor de hacer clic en el botón porque es demasiado grande y no cabe dentro de la pantalla del móvil?. Así es, será un fracaso.

La recomendación es que toda llamada a la acción debe ser pulsable: ni muy grande ni muy pequeña. Tiene que mantener una consistencia de tamaño. Un punto intermedio que vislumbrarás al momento de diseñar y, por supuesto, realizar pruebas de usabilidad.

Y otras recomendaciones a tener en cuenta:

• El mensaje en forma de texto debe ocupar el espacio necesario. Si hace falta es mejor agrandar el botón pero la legibilidad con un primer vistazo es fundamental.

• Cuida que la relación entre los diferentes elementos sea la adecuada. Los contrastes entre los elementos también ayudan a resaltar la llamada a la acción y captar la atención de tus usuarios.

• Si ubicas la llamada a la acción en la parte izquierda de la pantalla, será más accesible para los usuarios, debido al orden de la lectura occidental y al llamado “Patrón F”, que afirma que el recorrido visual de las personas comienza de izquierda a derecha y ubica las partes principales en este primer punto. 

• La forma, el color, el tono del microcopy y la textura son componentes indispensables para que una llamada a la acción se destaque. 

4 - Prueba con los test A/B e itera contenidos y diseños

¿El equipo de marketing quiere que coloques un botón color verde con el texto “Sí, cancelar” pero tus conocimientos indican que un CTA violeta, que va más con el look & feel de la marca, y un microcopy que diga “Cancelar” es más directo y conciso? ¡Puedes hacer una prueba A/B !

¿En qué consiste esto? En realizar dos versiones diferentes que verán distintos grupos de personas. Luego, al analizar, se medirá qué llamada a la acción tuvo mejores resultados.

La iteración es parte importante para mejorar la UX a través de llamadas de acción. Esperamos que estos consejos te hayan sido útiles. ¿Quieres mencionar alguno más?