Academia › Construir › Crear la web

El mensaje de error dice qué escribir, no que algo falló

Al terminar esta lección sabes escribir, para cada campo de tu formulario, el mensaje que aparece si falla, y que diga exactamente qué corregir.

Por Yodai · Publicado el 6 de septiembre de 2026 · Actualizado el 13 de octubre de 2026

Alguien rellena tu formulario de reserva. Escribe el teléfono con espacios de más, o le falta una cifra, o pega el email con una coma en vez de un punto. Pulsa enviar y el campo se pone rojo. Al lado aparece una palabra: Error.

Esa persona no sabe qué ha hecho mal. No sabe si el teléfono está mal escrito, si falta rellenar algo más abajo, o si el fallo es tuyo y no suyo. Se queda mirando la pantalla unos segundos y, si tiene otra pestaña abierta con la competencia, la abre. Pasa de verdad: en las pruebas con usuarios del Baymard Institute, una persona no entendía por qué no le aceptaban el móvil y dijo que, llegados a ese punto, se iría a otra web. El problema era un espacio.

La primera parte del trabajo es elegir qué campos pides, en qué orden y por qué. Falta la última pieza antes del botón de enviar: qué le dices exactamente cuando se equivoca, para que lo arregle en vez de irse. Mira primero si tu web te deja cambiar estos mensajes; si no, dale a quien te la lleva la lista de los que quieres.

Un error no es una alarma, es una instrucción

La palabra Error avisa, pero no instruye. Cumple su única función, que es decir que algo ha ido mal, y ahí se detiene. No dice qué escribir en su lugar, y por eso casi nunca basta con dejarla sola. Las pautas de accesibilidad del W3C lo separan en dos pasos: decir en texto qué campo tiene el error y, cuando se sabe cómo arreglarlo, decir también cómo. Su propio ejemplo: «El email no es válido» cumple lo primero; «Escribe un email válido con el formato nombre@dominio.com» cumple las dos cosas.

Un mensaje de error bueno responde a una sola pregunta: ¿qué tengo que escribir distinto para que esto funcione? Si la persona lo lee y sigue sin saber qué tecla pulsar a continuación, el mensaje no sirve, por muy rojo que esté el campo.

El tono también cuenta. Entre las pautas para formularios que un estudio de la Universidad de Basilea puso a prueba con 65 personas está esta: el mensaje de error es educado, usa palabras que cualquiera entiende y dice cuál es el fallo y cómo se corrige. Si tu web tutea y explica sin gritar, el mensaje de error hace lo mismo: escribe el teléfono con 9 dígitos corrige; TELÉFONO NO VÁLIDO, en mayúsculas, ni dice qué escribir ni suena amable para alguien que estaba a un clic de reservar.

Esto pesa más en dos campos: el teléfono, por el formato, y el email, por la errata. En los datos de 1.362 formularios que publica Zuko, una empresa que vende un programa para medir cómo se rellenan, el email y el teléfono son, después de la contraseña y con tasas bastante más bajas que ella, los campos con más abandono de los seis más habituales. Son datos de la propia empresa, no un estudio independiente, pero señalan esos dos campos como los primeros que conviene redactar con cuidado. La misma regla vale luego para el nombre o la fecha, si también pueden fallar en tu caso.

El email falla por la errata, no por el formato

El teléfono falla por el formato: falta una cifra, sobra el prefijo o el formulario no acepta los espacios. El email falla por la errata: falta la arroba, el punto se convierte en coma, el dominio se corta a medio escribir. Son dos fallos distintos y conviene que el mensaje lo distinga. En el teléfono, además, la cifra exacta se puede decir: el Plan nacional de numeración telefónica fija que en España se marcan siempre las 9 cifras del número completo. Lo que no conviene es exigir que lo escriba sin espacios: en la prueba del Baymard Institute del principio, el problema era justo ese, que la web no aceptaba un número con un espacio.

Si alguien escribe marialopezgmail.com, decirle «Email no válido» no le señala dónde está el problema. «Falta la @ en tu email, revisa cómo lo has escrito» sí, porque apunta al carácter exacto que falta y no obliga a repasar la palabra entera letra por letra. El Baymard Institute lo llama mensaje adaptado: el formulario ya sabe qué regla ha fallado, así que puede decirlo. En su comparativa de tiendas online, el 98 % usa mensajes genéricos.

Si el fallo está al final, como maria@gmail sin el «.com», sirve el mismo tipo de mensaje: «Parece que falta el final del email, como “.com”». No hace falta inventar una frase distinta para cada variante del mismo fallo, pero sí conviene tener dos o tres ya escritas para los fallos que de verdad se repiten, en vez de una única genérica que sirva para todo y no diga nada.

Cómo lo escribes, campo a campo

Para el teléfono, el email y cualquier otro campo que pueda fallar en tu formulario, valen las mismas cuatro reglas. La cuarta tiene un estudio detrás: en una prueba de la Universidad de Basilea con 303 personas, los mensajes colocados junto al campo que falla dieron mejores resultados que los puestos arriba o abajo del formulario; y arriba era justo donde más webs los ponían.

Cada mensaje dice ya qué corregir, no que algo falló. Queda un último texto por escribir: el del botón, y por qué «Enviar» a secas deja pasar reservas que se podrían haber cerrado.

Yodai monta la web a partir de lo que le cuentas, con tienda, reservas o presupuestos según lo que hagas. Mira cómo queda la página web para tu negocio.