All posts

Formularios de varias páginas que la gente termina

Cómo dividir un formulario largo en pasos que se completan: agrupación por tema, progreso honesto, guardado automático y validación visible.

HelloForms Team10 min read
HelloForms blog
ShareXFacebookLinkedIn

Dividir un formulario en pasos no lo acorta. Lo que cambia es la percepción del esfuerzo, y esa percepción es la que decide si alguien llega al final.

Agrupa por tema, no por cantidad

Un paso debe responder a una sola idea: quién eres, qué necesitas, cuándo lo necesitas. Repartir doce campos en cuatro pantallas de tres al azar solo multiplica los clics.

El progreso tiene que ser honesto

Si la barra dice 80% y aún quedan siete preguntas, el abandono se dispara justo al final, donde más duele. Calcula el progreso sobre las pantallas que realmente verá esa persona según la lógica condicional.

Guardar y continuar después no es un extra

En formularios de alta operativa o expedientes, buena parte de la gente necesita buscar un dato. Sin guardado automático, esa pausa es un abandono definitivo.

Cuando la persona vuelve, devuélvela a la primera pregunta sin responder, no al inicio. Repetir diez respuestas ya dadas es la forma más rápida de perderla.

Errores visibles o no hay error

Un botón que no avanza y no explica por qué se interpreta como un formulario roto. Muestra el mensaje junto al campo, en el idioma del formulario, y lleva el foco hasta él.

Todo lo del paso, visible en el paso

Si las opciones quedan cortadas dentro de una caja con desplazamiento propio, mucha gente solo verá la primera y elegirá mal. Usa rejillas de dos columnas y deja que la página entera se desplace.

Una lista de comprobación antes de publicar

  • Cada paso tiene un título que explica para qué sirve.
  • Ninguna opción queda oculta tras un desplazamiento interno.
  • El progreso refleja las pantallas reales.
  • Los errores aparecen junto al campo y se leen en voz alta con lector de pantalla.
  • El formulario se puede completar solo con teclado.

Prueba el recorrido completo en un teléfono real antes de compartirlo. La mayoría de las respuestas llegarán desde ahí.

Ready-made forms for this article

Start from a template that already collects what this post recommends — you can edit every question afterwards.

  • General Contact Inquiry Form

    High-conversion standard website contact layout.

    Lead Generation & Sales6 questionsClassic layoutMatches: conversion

    Use this template
  • Petition Signature Card

    High-conversion petition card ending in an e-signature and an optional supporter opt-in.

    Card Forms8 questionsOne question per screenMatches: conversion

    Use this template
Browse every template
ShareXFacebookLinkedIn