Conectar con los usuarios a través de nuestras páginas web es probablemente la misión más importante y a la vez más complicada a la que nos enfrentamos día a día.
Hay tantas maneras tanto de enviar, como de recibir un mismo mensaje ¿verdad?
Probablemente, si te paras a pensar por un momento, te vienen a la mente un montón de páginas donde nos encontramos con diferentes CTAs que te invitan a interactuar con el contenido que te ofrecen para distintos fines, de ahí la importancia de tener unos CTAs correctamente definidos con los que conseguir 2 objetivos principales:
- Captar la atención de nuestros usuarios.
- Transmitir un mensaje que incite a hacer clic.
¿Qué debe tener un CTA para que funcione?
- Ubicación: Debe situarse en un lugar visible para que sea fácil de localizar por los usuarios.
- Diseño: Debe tener un diseño acorde con los colores de marca. Tanto el contraste de colores, como el tamaño del CTA debe cumplir criterios de accesibilidad para que los usuarios no se encuentren con dificultades a la hora de interactuar con ellos.
- Copy: Debe ser un mensaje corto y directo con el que los usuarios puedan identificar fácilmente la acción a realizar.
¿Cuál es la ubicación más adecuada para un CTA?
Antes de decidir la ubicación de un CTA debemos tener en cuenta el objetivo que persigue, pudiendo así priorizar los contenidos de la página.
Cuanto mayor sea la visibilidad de nuestro CTA, más fácil será de localizar por nuestros usuarios.
Situarlos en un lugar visible en el aterrizaje en página es un factor muy importante para evitar que queden ocultos bajo el scroll pudiendo pasar desapercibidos.
El formato sticky es una muy buena opción para conseguir que estén visibles en todo momento y acompañen al usuario durante toda su navegación.
¿Cómo debe ser el diseño de un CTA?
El diseño de un CTA es el factor más importante para captar la atención de los usuarios.
Tal y como hemos comentado, debe de tener un diseño que se corresponda con los colores de la marca, pero que consiga destacar respecto al resto del contenido de la página.
Debemos asegurarnos de que el tamaño del CTA se ajusta a los criterios de usabilidad, por experiencia, nuestra recomendación es que la zona pulsable tenga una altura mínima en torno a 40px-45px (puedes encontrar más información al respecto en las fuentes mencionadas al final del post).
Es importante facilitar la accesibilidad en cualquier tipo de dispositivo, pero principalmente en dispositivo mobile, ya que si mostráramos un CTA con una altura inferior a la indicada los usuarios podrían tener problemas a la hora de interactuar con el elemento.
¿Cómo definir el copy de un CTA?
Probablemente la estrategia que se lleva a cabo para definir el copy de un CTA es uno de los aspectos más complicados a realizar.
Debemos de ser capaces de transmitir un mensaje claro y directo, fácil de interpretar por nuestros usuarios, el cual, a su vez, resulte representativo teniendo en cuenta el objetivo que se persigue.
Algunos de los aspectos más relevantes que se deben tener en cuenta para definir un copy de un CTA son los siguientes:
- Infinitivo: Se trata del tiempo verbal más adecuado para transmitir un mensaje: Calcular, Obtener, Saber…
- Descriptivo: Debe aportar información sobre lo que va a suceder con la acción realizada.
- Primera persona: Se consigue que el usuario empatice con el contenido que se le ofrece.
Algo que no podemos pasar por alto a la hora de definir el copy más apropiado para nuestro CTA es el tipo de usuario al que vamos a impactar, así como el momento en el que se encuentra dentro de nuestra estrategia de negocio (como de cualificado está, punto del proceso, fuente de acceso…).
El Método de las 4 UUUU nos permite analizar y definir el copy más adecuado teniendo en cuenta el mensaje que se quiere transmitir y a quien va dirigido
¡Sigue estos Tips y consigue que tus CTAs conquisten a tus usuarios!
Os indico algunas fuentes de datos para consultar últimas tendencias y ampliar información, ¡si conoces alguna más no dudes en dejárnosla en comentarios!:
https://www.nngroup.com/articles/touch-target-size/
https://material.io/components/buttons#specs
https://uxmovement.medium.com/5-rules-for-choosing-the-right-words-on-button-labels-dc3f74c2c2a3
https://medium.com/ux-naranjax/c%C3%B3mo-mejoramos-nuestros-botones-con-ux-writing-e454ce484893
Autor :
Publicado en : Agosto 18, 2021
Post por temática
