Diseño UX/UI 6 min de lectura

Formularios que el usuario sí completa

Cada campo es una barrera. Cómo validar sin castigar, usar autocomplete y diseñar formularios que se terminan en el móvil.

Diseñadora de producto

Persona llenando un formulario en un dispositivo móvil

Los formularios son el pasillo angosto de la tienda: todo el tráfico depende de que quepan por ahí sin estancarse.

Menos campos, más contexto

  • Pide solo lo necesario para el siguiente paso humano.
  • Explica por qué pides teléfono o presupuesto.
  • Divide en pasos si son +6 campos (wizard con progreso).

Validación amable

  • Validar al blur o al intentar enviar, no a cada tecla.
  • Mensajes específicos junto al campo.
  • No borrar lo que el usuario ya escribió en error de servidor.
  • type y autocomplete correctos (name, email, tel, organization).

Mobile first

  • teclado correcto (email, numérico).
  • Botón de enviar visible sin scroll eterno.
  • Targets grandes y contraste suficiente.
  • Evitar datepickers rotos: ofrecer ayudas o formatos simples.

Spam sin castigar al humano

Honeypot o Turnstile invisible suelen bastar. CAPTCHAs de puzzles elevados matan conversión en leads de alto valor.

Mide drop-off por campo con herramientas de form analytics: el campo “empresa (opcional)” a veces es el asesino silencioso.

Etiquetas

Formularios UX Conversión Validación

¿Quieres resultados como los de este artículo?

Cuéntanos tu proyecto y recibe una propuesta en menos de 24 h.

Cotizar gratis