Etiquetas de botones: por qué "OK" es el texto equivocado y qué escribir en su lugar
Un botón debe decir qué pasa cuando lo tocas. Por qué fallan OK, Sí, No y Enviar, la regla del verbo primero detrás de las propias guías de Apple, seis cambios para copiar y una prueba de cinco segundos para cualquier diálogo.
Un botón que dice OK obliga a la gente a releer la pregunta para saber qué significa OK. "¿OK, eliminarla?" o "¿OK, olvídalo?" La etiqueta de un botón debe nombrar lo que pasa al tocarlo, para que nadie tenga que mirar a otro lado. Aquí van las cuatro reglas, cada una reconstruida lado a lado, y seis cambios que puedes copiar.
Por qué falla OK
OK responde la pregunta en la cabeza de quien lo escribió. El lector tiene que retener el título en la memoria, reconstruir la frase con OK al final y decidir si eso es lo que quiere. En un diálogo destructivo eso es una apuesta, porque los dos botones se parecen y el peligroso no avisa de que lo es.
Lo mismo ocurre con Sí, No, Enviar, Continuar y Confirmar. Todos son respuestas a una pregunta o un paso genérico de un formulario, no lo que va a suceder. Cuando la etiqueta no lleva la acción, tienen que llevarla el título y el texto, y la gente toca antes de leer.
Apple lo dice en sus Human Interface Guidelines para alertas: usa un título de una o dos palabras que describa el resultado de pulsar el botón, y prefiere verbos y frases verbales que se relacionen directamente con el texto de la alerta. Nuestro paper sobre ejemplos de mensajes de error cubre las palabras alrededor del botón. Este trata del botón en sí.
Arreglo 1: di lo que hace
OK
Eliminar
Copia el verbo directamente del título. "¿Eliminar esta foto?" lleva Eliminar, y "¿Bloquear esta cuenta?" lleva Bloquear.
Si el verbo no cabe, probablemente el título es demasiado vago, así que arregla el título.
Arreglo 2: fuera Sí y No, quédate con Cancelar
No / Sí
Cancelar / Salir
Sí y No obligan al lector a trasladar su respuesta a la frase. Cancelar es la única palabra genérica que vale la pena conservar, porque su significado nunca cambia: echarse atrás, no pasa nada. La guía de Apple es la misma: evita Sí y No, y usa siempre Cancelar para el botón que cancela la acción.
Arreglo 3: nombra el resultado
Enviar
Pagar $24.00
La mejor etiqueta a menudo lleva el objeto o el importe: Enviar $50, Crear cuenta, Ver factura, Guardar borrador. Esto importa sobre todo en los momentos que cuestan algo, como pagar, enviar o eliminar, porque el botón es lo último que se lee antes del compromiso.
Arreglo 4: una o dos palabras
Cinco palabras
Dos palabras
Las etiquetas cortas también sobreviven a la traducción y a las pantallas pequeñas. Un botón de cinco palabras en inglés se vuelve más largo en alemán o ruso y empieza a partirse o truncarse. Dos palabras dejan margen para crecer.
Los seis cambios
| En lugar de | Di | Cuándo |
|---|---|---|
| OK | Eliminar | Tras "¿Eliminar esta foto?" |
| Sí | Salir | Tras "¿Salir sin guardar?" |
| Enviar | Pagar $24.00 | En un resumen de pago |
| Haz clic aquí | Ver factura | En un enlace o botón que abre algo |
| Continuar | Crear cuenta | Al final de un formulario de registro |
| Confirmar | Enviar $50 | Tras el resumen de una transferencia |
Cuándo OK es correcto
Apple permite exactamente un uso: las alertas informativas, donde no hay nada que decidir y la única tarea del botón es descartar el mensaje. "Tu sesión ha terminado" con un botón OK está bien. Todo lo que tenga una decisión debería llevar un verbo. Incluso en una alerta informativa, una palabra más específica como Entendido o Iniciar sesión de nuevo puede ser mejor cuando describe el siguiente paso.
La prueba de los cinco segundos
Tapa el título y el texto y lee solo los botones. Si una persona aún puede saber qué hará cada uno, las etiquetas están bien. Si no, la etiqueta se apoya en la pregunta para significar algo.
Pásala por cada diálogo de tu producto, por los toasts y por el único botón de cada formulario. Lleva minutos y es el cambio de texto más barato que puede hacer un equipo. Para la elección entre un diálogo y una hoja desde el principio, mira modal vs bottom sheet.
FAQ
¿Qué debe decir un botón en lugar de OK?
El verbo de la pregunta. Un diálogo que pregunta "¿Eliminar esta foto?" debe tener un botón que diga Eliminar. OK solo encaja en una alerta que informa y no pide ninguna decisión.
¿Es malo usar Sí y No en los botones?
Normalmente, sí. Hacen que la gente tenga que trasladar la respuesta a la frase y la malinterprete, como en "¿Salir sin guardar?" Usa un verbo para la acción y Cancelar para echarse atrás. Las guías de Apple dicen que se evite Sí y No en las alertas.
¿Debo usar Cancelar o No?
Cancelar. Siempre significa echarse atrás y que no pasa nada. No puede significar cosas distintas según cómo esté redactada la pregunta.
¿Cuántas palabras debe tener el texto de un botón?
Una o dos. Nombra el resultado, como Eliminar cuenta o Pagar $24.00, y pon cualquier explicación en el texto de arriba.
¿Por qué Enviar es una mala etiqueta de botón?
Enviar dice lo que hace el formulario, no lo que la persona obtiene o gasta. Una etiqueta como Pagar $24.00, Enviar mensaje o Crear cuenta nombra el resultado y, cuando importa, el importe.
¿Qué dice Apple sobre los botones OK?
Las Human Interface Guidelines de Apple dicen que se evite OK como título del botón predeterminado salvo que la alerta sea puramente informativa, y que se prefieran verbos que describan el resultado de tocar.
Fuentes
- Apple Human Interface Guidelines, Alerts: un título de una o dos palabras que describa el resultado de pulsar el botón, verbos y frases verbales que se relacionen directamente con el texto de la alerta, OK solo en alertas informativas, evitar Sí y No, y Cancelar para titular un botón que cancela la acción de la alerta. También dice que se evite OK como título del botón predeterminado salvo que la alerta sea puramente informativa.
- Los diálogos y el resumen de pedido de arriba son ejemplos propios. El recuento de palabras, incluido el "Sí, eliminar mi cuenta para siempre" de cinco palabras, se cuenta a partir de las etiquetas mostradas.
- Publicado por primera vez como carrusel en UX Brainy.
Want every button, dialog and error in your product to say exactly what it does? Our team designs app UI and writes the words inside it.
Get Started
