La importancia de diseñar y posicionar bien un CTA o botón
- Paul López
- 7 ene 2021
- 3 Min. de lectura
Actualizado: 9 ene 2021
En las páginas web o en las apps los botones o CTA (call to Action) pasan desapercibidos y casi ocultos para la mayoría de personas, pero son extremadamente importantes, ya que son el vínculo con el que el usuario se comunica con tú pág. web, ellos te comunican a donde te mueves o en que lugar de la app te encuentras.
Cuando un CTA está bien diseñado y pensado pasa desapercibido como cualquier objeto que está bien pensado y parece tan normal las acciones que realizas a presionar ese botón que no notas que está ahí, pero si por el contrario está mal diseñado se puede convertir una pesadilla para el usuario, ya que no realiza las acciones que él espera al presionarlo.
Un CTA que está bien diseñado toma en cuenta las siguientes partes
Tamaño
Color
Forma
Lugar o Posición en la página web
Texto
Es impresionante como una parte tan pequeña requiere tanta atención.
LUGAR
Cada una de las partes tienen que trabajar en conjunto con las otras si una falla por lo general las otras no van a comunicar lo que requieres.
Empecemos por el lugar en el que vas a posicionar un CTA, todo va a depender de lo que quieres transmitir siempre tomando en cuenta que la lectura de las personas es de izquierda a derecha y de arriba a abajo así que no es irrelevante el lugar del CTA entre más arriba más importancia.
Por otro lado tiene que estar cerca de lo que estamos ofreciendo si es un CTA para leer más de un artículo debe estar cerca del artículo que vamos a leer. Otra parte importante es mantener una coherencia de la posición de los botones en toda la web es decir si tenemos el botón de “Siguiente” al lado derecho y abajo lo vamos a mantener así en toda la web
TAMAÑO
El tamaño influye mucho en que tanto va a resaltar del resto y cuál es el uso que se le va a dar o a donde quieres que tu usuario vaya por ejemplo los botones de siguientes en los tutoriales siempre tienen más tamaño para que el usuario pueda seguir descubriendo una herramienta.
También te puedes ayudar del tamaño para jerarquizar la información que no todos sean CTA enormes por lo general un CTA de comprar siempre se va a ver más y va a atener más tamaño que uno de Leer más (no en todos los casos pero es un ejemplo)
COLOR
El color es tan importante como el texto para entender lo que dice el botón y cuál es la acción que realiza, esto se debe a que el cerebro primero hace un análisis rápido de las cosas y luego las lee así ya tiene un preconcepto de lo que se va a encontrar, por esta razón las señales de tránsito tienen colores que las representan antes que el texto.
Es muy importante que evites las contradicciones con el color que le pones a los botones y evitar que botones que ayudan o guían al usuario tengan colores de advertencia o peligro.
En este parte tenemos que encontrar la forma correcta de introducir los colores corporativos pero que siga manteniendo una coherencia de colores en todo el diseño.
Un punto muy importante del color es el correcto contraste con el texto esto ya habla más de la accesibilidad del sitio pero no sirve de nada si el color del CTA queda bien pero no te deja leer nada.
FORMA
La forma del CTA va ligada a la forma en la que la empresa o persona se comunica con sus clientes, es decir que si la empresa quiere transmitir seriedad por ejemplo un banco tradicional los botones y las formas en general van a ir más a lo rectangular.
De lo contrario si quieres comunicar o transmitir algo más suave o juvenil menos serio vamos a ir por líneas curvas.
Con esto puedes ir jugando hasta que la identidad de la empresa se vea totalmente identificada.
TEXTO
El texto es la parte final del CTA es el que va a terminar de cerrar todo el concepto, el que te va a informar a donde te estás dirigiendo o lo que vas a hacer, para esta parte es muy importante el Storytelling que hagas en tu web el texto y la forma en la que dices las cosas puede cambiar por completo la experiencia, no es lo mismo decir: Ver más que Leer más
Por ejemplo todas estas opciones pueden finalizar una compra pero solo una te va a dejar totalmente claro cuál es la acción
Piensa que todo tiene que estar pensado que el éxito de un producto está en los detalles.
Si quieres aprender más sobre el tema mira los siguientes artículos:
Comentarios