Pruebas de formularios: ganan los formularios con menos campos
La complejidad de los campos provoca abandono
Más campos significan más fricción. Cada campo es un motivo para irse. Los estudios muestran que el abandono del formulario aumenta con cada campo adicional. Con un campo, el abandono es casi cero. Con cinco campos, el abandono es del treinta por ciento. Con diez campos, del cincuenta por ciento.
Empieza con un formulario mínimo viable. Solo los campos que necesitas de verdad. Prueba a quitar campos antes de añadirlos.
Qué campos probar a quitar
Quita primero los campos opcionales. El teléfono cuando solo necesitas el email. La URL de la web cuando no viene al caso. El código postal cuando basta con el país.
Quita los campos que duplican información que ya tienes en otro sitio. Si conoces el dominio del email, no preguntes por la empresa. Si el formulario está en el pago, no pidas el teléfono cuando ya tienes el pedido.
Prueba a quitar un campo cada vez. Si quitar el teléfono aumenta los envíos un cinco por ciento, déjalo fuera. Prueba a quitar el siguiente campo.
El orden de los campos importa
Los visitantes ven el formulario de arriba abajo. Los campos más difíciles arriba provocan abandonos tempranos. Pon primero los campos fáciles. El email antes que la empresa. El nombre antes que el teléfono.
Los campos condicionales funcionan bien en las pruebas. "¿Tienes una empresa?" Si la respuesta es sí, muestra el campo de empresa. Si es no, sáltalo. Reduce la longitud del formulario y aumenta las finalizaciones.
Pruebas de tipos de campo
Desplegables frente a campos de texto
Desplegables para opciones conocidas. Lista de países. Lista de provincias o estados. Categorías conocidas.
Campos de texto para respuestas abiertas. Nombre. Email. Entrada personalizada.
Prueba a mostrar las opciones. Un desplegable con cincuenta países frente a un único campo de texto con "Escribe tu país". El desplegable es más rápido para el usuario si la lista es corta. El campo de texto es más rápido si la lista es larga.
Un solo formulario frente a formularios de varios pasos
Un formulario largo y único resulta abrumador. Muestra todos los campos a la vez.
Un formulario de varios pasos muestra tres campos por paso. Parece más corto. Intimida menos. Los visitantes tienen más probabilidades de terminarlo.
Prueba un único formulario de cinco campos frente a uno de tres pasos con dos, dos y un campo. El de varios pasos suele ganar en finalización, pero suma abandonos entre pasos. Mide la finalización completa, no la de cada paso.
Texto de ejemplo (placeholder) frente a etiquetas
El texto de ejemplo va dentro del campo. Cuando el visitante escribe, desaparece. El campo parece vacío.
La etiqueta va encima del campo. Se queda visible. El visitante siempre sabe qué es el campo.
Prueba solo el texto de ejemplo frente a la etiqueta encima. Las etiquetas ganan en finalización. Solo el texto de ejemplo confunde a los visitantes en los campos que se saltan.
Pruebas de diseño de página y jerarquía visual
Posición por encima del pliegue
Por encima del pliegue (above the fold) es la parte que los visitantes ven sin hacer scroll. Subir el contenido clave por encima del pliegue aumenta la interacción.
Prueba a mover el botón de llamada a la acción por encima del pliegue frente a la mitad de la página. Prueba a subir el titular principal. Prueba a mover el formulario a la parte superior de la página.
Los visitantes que ven la CTA sin hacer scroll tienen más probabilidades de hacer clic. Muchos de los que tienen que hacer scroll se van antes de llegar al botón.
Reordenar el contenido y el flujo
Flujo típico de una página: titular, subtítulo, problema, solución, funciones, CTA, formulario.
Alternativa: titular, formulario, pruebas, más funciones, CTA.
Prueba a mostrar el formulario antes de las pruebas sociales frente a después. En B2B suele funcionar un formulario más temprano. En B2C hacen falta antes más pruebas. Prueba con tu audiencia.
Prueba la posición de la imagen. Imagen principal encima del titular frente a un lado. Las pruebas muestran que a veces gana la disposición en paralelo. Depende de la calidad de la imagen y de la fuerza del titular.
Elementos de diseño visual
El color del botón influye en los clics. Botón rojo frente a azul frente a verde. Pruébalos contra el actual.
El espacio en blanco influye en la legibilidad. Página recargada frente a página espaciosa. La espaciosa suele ganar con productos premium. La recargada gana con descuentos y urgencia.
Prueba la alineación del texto. El texto centrado resulta formal. El texto alineado a la izquierda resulta natural y legible.
Pruebas de posición de la prueba social
Ubicación de los testimonios
Testimonio por encima del pliegue frente a por debajo. Los testimonios generan confianza. Poner testimonios antes del formulario aumenta las finalizaciones del formulario.
Prueba los testimonios junto al formulario frente a testimonios en otra sección. La cercanía a la CTA importa.
Indicadores de confianza
Prueba a mostrar logos de clientes. Prueba a mostrar el número de opiniones. Prueba a mostrar insignias de premios. Prueba a mostrar la garantía de devolución del dinero.
Cada uno suma credibilidad. Prueba la posición: por encima de la CTA aumenta la confianza antes del compromiso. Por debajo de la CTA tranquiliza después de que se comprometan.
Pruebas de formularios y diseño específicas para móvil
Longitud del formulario en móvil
Los usuarios de móvil tienen poca paciencia. Los formularios largos en móvil se completan un veinte por ciento menos que en escritorio.
Prueba quitar campos de forma más agresiva en móvil. Cinco campos en escritorio. Tres campos en móvil. Prueba a ocultar campos de forma condicional en móvil.
Tipos de entrada en móvil
Un campo numérico abre el teclado numérico. Un campo de email abre el teclado de email. Un campo de teléfono abre el teclado numérico con el signo más.
Prueba los tipos de entrada correctos. Un tipo equivocado hace más difícil escribir. El tipo correcto hace que escribir sea más rápido.
Dirección del diseño en móvil
Escritorio: columna izquierda con titular y formulario. Columna derecha con imagen.
Móvil: titular, imagen, formulario. Pila vertical. El orden de la pila importa. Prueba imagen antes del formulario frente a formulario antes de la imagen.
Preguntas frecuentes
Si quito un campo y recibo más envíos pero de peor calidad, ¿debo quitarlo igualmente?
Mide el impacto en la calidad de los leads. Si recibes un treinta por ciento más de envíos pero una tasa de conversión un treinta por ciento menor, quedas en tablas. Pero tienes un treinta por ciento más de conversaciones con clientes potenciales. Más conversaciones suele ganar a largo plazo. Deja correr la prueba durante un mes. Calcula las conversiones totales, no solo la tasa de envíos. Importan la calidad y la cantidad. A veces ganan más conversaciones aunque cada una convierta menos. Con el creador de webs de WEMASY, puedes configurarlo directamente en tu web.
¿Cómo pruebo los campos de un formulario que está incrustado de formas distintas en varias páginas?
Prueba primero en la página de formulario con más tráfico. Normalmente la página de inicio o la de producto. Cuando encuentres una variante ganadora en la página con más tráfico, aplícala en todas partes. Después prueba en las páginas secundarias si el tráfico lo permite. Una sola prueba a la vez por página para no confundir qué provocó el cambio.
¿Un formulario de varios pasos siempre es mejor que uno único para la finalización?
No siempre. El de varios pasos reduce el abandono por paso, pero añade abandono entre pasos. Alguien se va entre un paso y otro. Prueba ambos. Mide la tasa de finalización completa desde el inicio hasta el último paso, no la de cada paso. El de un solo paso suele ganar con menos de tres campos. El de varios pasos gana con más de cinco campos. Entre tres y cinco campos, es una moneda al aire. Prueba con tu audiencia.
¿Debo probar a quitar un campo obligatorio o cambiar qué campos son obligatorios?
Si un campo es obligatorio, prueba primero a hacerlo opcional antes de quitarlo del todo. Algunos visitantes se saltan un campo opcional. Aun así recoges los datos de quienes lo rellenan. Es mejor que perderlos de todos. Si la mayoría de los visitantes se salta un campo opcional, entonces quítalo.
Si muevo el formulario por encima del pliegue, ¿perjudicará al SEO de la página?
No. Estar por encima del pliegue no tiene penalización SEO. A Google le importan la calidad y la relevancia del contenido, no el diseño. Mover el formulario por encima del pliegue mejora la experiencia de usuario, la conversión y las métricas de negocio. El impacto en SEO es positivo o neutro. Hazlo.
¿Cómo pruebo cambios de formulario en una página con varios formularios?
Prueba un formulario a la vez. Cada formulario convierte por motivos distintos. Un formulario de contacto tiene un diseño óptimo distinto al de una suscripción a la newsletter. Probar los dos a la vez confunde los resultados. Identifica cuál aporta más valor. Prueba ese primero. Cámbialo. Después prueba el siguiente formulario.