Revista Blog

Técnica BFB. Aumenta la eficacia de los botones de tu web

Por Javier Riestra @Javier_Riestra

Hace unas pocas semanas te hablé de AIDA, la fórmula para conseguir más clientes.

Por si no leiste el post o ya lo has olvidado, AIDA es el acrónimo de:

  • A: Atención – Captura la atención de tus clientes
  • I: Interés – Despierta su interés
  • D: Deseo – Consigue su deseo
  • A: Acción – Llamada a la acción. ¿Qué quieres que haga el usuario?

Es increíble como muchas webs cumplen a la perfección con los tres primeros puntos de AIDA, pero justo fracasan estrepitosamente en el cuarto punto: “Acción”, también conocido como “Call To Action” o llamada a la acción.

En este artículo te cuento como utilizando la sencilla técnica (muy sencilla) BFB en tus Call To Action conseguirás aumentar la tasa de conversión en tu web.

Técnica BFB. Aumenta la eficacia de los botones de tu web

Supongamos que te vas de vacaciones a Japón, llegas al aeropuerto y necesitas conectarte a la Wifi.

Accedes a su web y te encuentras algo como esto:

Aumenta tu tasa de conversion con esta tecnica absurdamente sencilla

Aunque no tengas ni idea de japonés seguro que ya has adivinado cual es el botón “No” y cual es el botón “Si”.

Este es un buen ejemplo de una buena interfaz y de un Call To Action bien diseñado, y podríamos decir que cumple bastante bien la técnica BFB que te explicaré a continuación.

La técnica B.F.B

(Técnica Big Fucking Button)

:-)

Bastian es un amigo, experto en UX,  y que ha trabajado en la parte de diseño de algunas empresas importantes como PayPal o Google.
Bastian utiliza la técnica BFB en su trabajo diario. De hecho esta técnica es la primera validación que Bastian utiliza al diseñar páginas que contienen un Call To Action, páginas donde el usuario tiene que llevar a cabo alguna acción.

Esto es lo que Bastian me dijo cuando me explicó su técnica:

1. Carga la página que has diseñado, en una pantalla estándar;  un portátil sirve en la mayor parte de los casos.

2. Aléjate de la pantalla a una distancia de 10 pasos largos y cierra los ojos.

3. Abre los ojos y mira la pantalla durante 2 segundos.

4. Si no eres capaz de ver  con claridad en dónde se supone que el usuario tiene que hacer click en la página, entonces ese diseño no vale.

El consejo de Bastian es simple,  crea botones lo suficientemente GRANDES y que además DIGAN que es lo que tienes que hacer en esa página, para que no exista ningún tipo de confusión y el usuario pueda llevar a cabo la acción esperada sin problemas.

Después de contarme en que consistía la técnica BFB, y cómo la usaba en su trabajo diario, me enseñó algunos diseños de botones y  Call To Action que utilizan algunas de las grandes empresas en sus páginas y lo que vi es que casi todos son IGUALES y todas ellas cumplen la BFB.

PayPal

Tecnica BFB. Aumenta la eficacia de los botones de tu web paypal

Yahoo

Tecnica BFB. Aumenta la eficacia de los botones de tu web yahoo

Chrome

Tecnica BFB. Aumenta la eficacia de los botones de tu web chrome

Ebay

Tecnica BFB. Aumenta la eficacia de los botones de tu web ebay

Ya lo sabes, ¿estás utilizando botones pequeños y poco visibles en partes importantes de tu web o tienda online?
Cámbialos por unos GRANDES y que DESTAQUEN del resto de la página.

Si te surgen dudas y no sabes si serán lo suficientemente visibles, recuerda los 4 pasos que Bastian recomendaba seguir en su técnica BFB.


Volver a la Portada de Logo Paperblog