En una interfaz web, los botones call-to-action son aquellos que invitan al usuario a realizar una acción determinada. Botones con leyendas como «Leer más», «Agregar al carrito», «Descargar archivo», «Suscribirse», «Publicar comentario» y «Comprar ahora», al ser cliqueados, provocan eventos cuyo resultado puede interesarnos obtener: el usuario terminará sumándose a nuestra comunidad de clientes o brindándonos una ganancia.
La cantidad de usuarios que realizan una acción deseada dividida por la cantidad de usuarios total se conoce como tasa de conversión, y la optimización de los botones call-to-action puede ayudar a incrementarla. ¿Qué debe tener un botón call-to-action para que los usuarios quieran cliquear en él?
- Color. El botón debe destacarse del resto de los elementos, por lo que no puede tener un color similar al del fondo. El rojo, el verde y el naranja son los colores más atractivos, mientras que el negro, el blanco y el marrón son los que menos llaman la atención. El diseño plano puede resultar una complicación: el botón debe «salir» de la pantalla para destacarse.
- Texto. Debe ser claro sin ser excesivamente detallista. El usuario quiere saber qué le espera luego de cliquear el botón, por lo que puede desconfiar de botones que sólo dicen «Comprar» o «Descargar». Pero si a esos textos se les agregan subtítulos como «Plan completo. $300 al año» o «Versión para Windows. Gratis», el usuario sabrá con exactitud lo que obtendrá luego del clic. Además, es importante el uso de la primera persona: «Activar su cuenta» es mucho menos atractivo que «Activar mi cuenta».
- Tamaño. Los botones con fuentes diferentes a la del resto del texto, gran tamaño y mucho margen interno (padding) se destacan sobre el contenido y capturan la mirada del usuario.
- Ubicación. El botón debe estar ubicado en un sector de la pantalla fácilmente visible para el usuario, que puede determinarse a través de pruebas de eye tracking. El header y el centro absoluto de la página son buenas opciones.
Diseñando de manera inteligente nuestros call-to-action buttons lograremos que más usuarios hagan exactamente lo que queremos cuando navegan por nuestro sitio web.