Si el link es el rey de Internet, el call-to-action no se queda lejos. Estamos rodeados de botones y cada dia pulsamos unos cuantos con esa mano virtual llamada cursor. “Buscar”, “Comprar”, “Aceptar”, “Cancelar”, “Descargar”, “Iniciar sesión”, “Enviar”, “Pulsa aquí”, ¿Por qué?, “Tú pulsa”, etc.
Los hay de mil colores y estilos pero ¿Cómo debe ser el botón ideal? Con este post aprenderemos las 4 reglas que configurarían el botón perfecto. Vamos a ello…
Las 4 claves platinium
- Que aparente ser un elemento pulsable
El affordance es aquella cualidad que un objeto tiene para autodescribir las posibilidades que ofrece y hacerlo de forma perceptible para el usuario. Por ejemplo, el pomo de una puerta y la maneta de otra son mecanismos de apertura que cumplen un mismo cometido, sin embargo y únicamente con su apariencia intuimos que ambos mecanismos requieren diferentes formas de interacción. Es decir, ofrecen affordance diferentes. Así que la primera regla es conseguir que todo call-to-action tenga un affordance correcto. Un efecto 3D es la clave para conseguir una apariencia pulsable.
- Copys descriptivos
Por norma general el texto que incluyen la mayoría de los call-to-action es aquella palabra que describe la acción. Por ejemplo: “Comprar”, “Descargar”, “Suscríbete”, etc. Pese a que estos literales son bastante descriptivos, aún podemos reforzarlos si además incluimos el objeto sobre el que recae la acción. Por ejemplo: “Comprar entrada”, “Descargar catálogo”, “Suscríbete al RSS”, etc. Contar un botones que contengan el contexto de manera explícita facilitará el uso sin dar pie a posibles ambigüedades.
- Refuerzo cromático
Sucede que como usuarios procesamos e interpretamos el significado de un color mucho más rápido que leemos el texto que pueda contener el botón. Así, utilizar el recurso del color resultará en una mayor eficiencia al uso. No hay una norma estándar para este punto, pues está lleno de matices. Un consejo es diferenciar los call-to-action de acción neutral (p.e: “Añadir a favoritos”) de aquellos call-to-action cuya acción puede afectar al flujo de un proceso (p.e: “Ir al paso 2? o “Cancelar compra”).
- Potenciar la estética
El punto estético tiene una influencia directa sobre la percepción de las cosas. Si algo está cuidado a nivel visual automáticamente cautivará nuestra atención, nos persuadirá, y nos transmitirá confianza.
Nombre de la imagen: eye-candy-button.png, colored-button1.png , contextual-button.png, affordance-button.png
La apariencia importa, somos así.
Publi en Internet 