Artículo original de Francisco Merelo en Medium
¿Qué hace exactamente el botón Cancelar?
Sale de la pantalla actual del usuario y la regresa a la anterior. Este botón desdeñoso es una protección para evitar cambios no deseados en el sistema. Pero cuando parece un botón de llamada a la acción, es difícil de reconocer.
El botón Cancelar debe significar un retroceso a la seguridad, no una llamada a la acción. En otras palabras, su botón Cancelar nunca debe tener un color.
Un color neutro para un botón neutro
Un botón de color señala una llamada de acción. Un botón Cancelar no es una llamada a la acción porque no se producen cambios en el sistema después de que los usuarios lo presionan. No debes enfatizarlo con color, o darás esa impresión a los usuarios. En su lugar, debe hacerles saber que el botón no hará ningún cambio.
Cuantos más botones haya en una pantalla, más necesaria será una salida. Cuando todos los botones tienen un mismo color, la salida no está clara. Pero cuando el botón Cancelar es de un color neutro, hace que las opciones del botón sean más intuitivas.
Un gris bastante oscuro
Cuando se usa gris en un botón, es esencial que el gris sea lo suficientemente oscuro. De lo contrario, el botón no es legible y puede parecer que está deshabilitado.
Para asegurarse de que su botón sea legible, verifique el contraste de color con una herramienta de relación de contraste WCAG 2.0 como Color Review. Esta herramienta le indica si su gris supera los estándares de accesibilidad para el color del texto.
Neutraliza tu botón de cancelar
Cuando la mayoría de los usuarios activan una pantalla de confirmación, están listos para actuar. Pero para aquellos que lo activan por error o cambian de opinión acerca de tomar medidas, el botón Cancelar es su seguridad.
Un botón Cancelar de color envía las señales equivocadas. Esto hace que los usuarios lo perciban como una llamada de acción en lugar de un respaldo a la seguridad. Neutralice el botón Cancelar, para que los usuarios tengan la facilidad de salir de las pantallas de confirmación.
