4 criterios para crear Call To Actions perfectos

Comparte esto con quien quieras

Las llamadas a la acción o Call To Actions son uno de los elementos más importantes de cara a la optimización de conversiones. A pesar de la importancia de los Call To Actions, cada día veo ejemplos de páginas que no los utilizan correctamente.

Si estás creando o rediseñando tus botones o enlaces de llamada a la acción, ten en cuenta estos 4 criterios para maximizar la conversión en tus páginas.

1. Texto

CTAs de reclamador.es

CTAs de reclamador.es

El texto de un CTA es vital para conseguir que el usuario haga click en él. La principal regla para el texto de un CTA es la siguiente: di lo que va a pasar a continuación.

Si el botón es para apuntarse a un boletín de noticias, puedes usar como texto “Recibir novedades semanales” en lugar de “enviar”.

Otros 2 conceptos a tener en cuenta al diseñar un botón de CTA son el valor percibido por el usuario y la relevancia. El texto del CTA ha de transmitir al usuario el valor que va a obtener al realizar la acción. Por ejemplo, si vendes libros online no es lo mismo “comprar” que “descargar y leer ahora”. Un usuario no aprecia el valor de una compra, pero si que puede apreciar el hecho de descargar y empezar a leer un libro.

Además del valor la relevancia es también importante. Cuando el valor percibido es muy genérico hay que añadir relevancia al texto teniendo en cuenta el contexto del usuario. Si tienes un sitio de productos digitales, donde todos se descargan, es mejor “Descargar ahora con 25% de descuento” que “descargar ahora”.

Para pensar en el texto ideal para tu CTA puedes intentar responder a estas preguntas:

  1. ¿Qué va a pasar al apretar el botón?
  2. ¿Cuál es la principal motivación del usuario al hacer click en el botón?

Si tu CTA está alineada con las respuestas a las preguntas anteriores, es probable que estés acercándote al texto perfecto para tu CTA.

Por ejemplo, en la imagen superior puedes ver los CTAs de la web de reclamador.es, una empresa que consigue indemnizaciones en el 98% de los casos. Hay 4 botones de CTA con exactamente el mismo texto que no siguen los consejos mencionados. Los usuarios no perciben valor en “Reclamar ahora”, y tampoco saben que va a pasar después de hacer click. Seguramente se conseguirían más clicks con textos más adecuados y diferenciados.

2. Tamaño

La ley de Fitt ilustrada

La ley de Fitt ilustrada

El tamaño importa y mucho en cuanto a los CTAsYa hemos hablado de la ley de Fitt anteriormente para explicar que cuanto mayor es el destino menos tiempo tarda un usuario en llegar al mismo.

Esto NO significa que cuanto más grande sea tu CTA más clicks va a conseguir (de hecho hay casos prácticos en los que ha sido exactamente al revés). Como siempre hay que probar diferentes tamaños, pero en general es mejor un botón grande que uno pequeño. El usuario ha de ser capaz de ver el CTA sin problemas.

3. Colores

Color de CTA sin contraste en MUJI

Color de CTA sin contraste en MUJI

Los colores no afectan a la conversión por si mismos. Cuando alguien prueba con 7 colores diferentes para ver si un botón consigue mayor número de conversiones es que no sabe lo que está haciendo.

Lo que SI influye en la conversión es el contraste o la diferenciación con el resto de los elementos de una página.

Si toda tu página es de color amarillo, con menús amarillos y titulares amarillos, es posible que si cambias tus botones de amarillo a rojo consigas más conversiones. ¿Significa eso que el rojo es mejor que el amarillo? NO.

Por ejemplo: fíjate en la imagen de la tienda de MUJI. La página para añadir al carrito utiliza el color granate para separar las secciones y también para el CTA. Si en lugar del mismo color se utiliza otro color (por ejemplo el verde), es posible que contraste más en la página y atraiga más la atención de los usuarios, consiguiendo más clicks.

Cambiando el color de un CTA para aumentar el contraste

Cambiando el color de un CTA para aumentar el contraste

4. Posicionamiento

Posicionamiento de CTAs

Posicionamiento de CTAs

El posicionamiento le da importancia al botón o Call To Action. En general cuanto más arriba está un botón más clicks consigue de los usuarios.

Esto NO significa que siempre sea así. Los usuarios no hacen click cuando todavía tienen dudas. Si colocas un botón gigante en la cabecera de tu sitio para que se apunten a una prueba gratis, los usuarios no se apuntarán en masa si no saben qué es y en qué consiste tu producto.

La norma general del posicionamiento de los botones o CTAs es: un CTA tan pronto como el usuario esté listo.

Por ejemplo: fíjate en el CTA de floqq, una web cuya misión es generar empleo formando a la gente con conocimientos prácticos. Aunque el CTA está posicionado en la parte superior de la página y con una gran visibilidad y contraste con el resto de los elementos de la página, es posible que el usuario todavía no entienda qué es o para que sirve floqq. Si el usuario tiene dudas, no hará click. Aunque la chica está mirando al formulario, lo cual dirige muchísimo la atención de los usuarios, y conecta la información con los brazos, no está claro qué es exactamente floqq.

Conclusión

Piensa en el texto de tu llamada a la acción para que responda a lo que el usuario quiere conseguir. Haz que sea grande y destaque por colores del resto de elementos de la página, y colócalo en un lugar donde el usuario esté preparado y entienda lo que viene a continuación, cuanto más arriba mejor. Si lo haces conseguirás más clicks y seguramente más conversiones, dinero, registros, o lo que sea que quieres conseguir.

Fuentes de los Estudios

 

Si te ha gustado este artículo, apúntate a las novedades

Consigue consejos prácticos que te ayudarán a ganar más con tu web

Deja un comentario