Web y frontend · Principiante

Formularios: la parte donde más se rompe a los usuarios

En una línea: Un buen formulario pide poco, comprueba en el momento adecuado, explica un error donde ocurrió, y no borra lo tecleado.

Menos campos

Cada campo baja la tasa de finalización. Pregunta de cada uno: ¿qué haremos con esto mañana por la mañana? Si la respuesta es vaga, bórralo o hazlo opcional, y márcalo de forma explícita.

Divide un formulario largo en pasos con progreso visible, y guarda un borrador. Un usuario que cerró por error y perdió diez minutos no vuelve.

Validación en el momento adecuado

No le grites a un campo mientras se teclea por primera vez. Comprueba al salir de él, y muestra el mensaje junto al campo, no como una lista arriba.

Un mensaje de error dice qué pasó y qué hacer: “el número de teléfono debe empezar por 05” y no “entrada no válida”.

Detalles que se sienten profesionales

El tipo de teclado adecuado en móvil, autocompletado activado, foco en el primer campo con error, un botón deshabilitado durante el envío para evitar duplicados, y un mensaje de éxito que diga qué pasó de verdad.

En profundidad

Valida siempre también en el servidor. La validación en el navegador es experiencia de usuario, no seguridad: cualquier petición puede enviarse directamente. Y devuelve los errores de servidor en formato uniforme con atribución de campo, para que la interfaz los muestre en el sitio correcto sin adivinar.