Cómo crear un buen formulario (asegúrate de que tus formularios no ahuyenten a las personas)

Los formularios son la forma de lograr que las personas hagan cosas en tu sitio web.

Independientemente del tipo de formulario que uses, debes asegurarte de que sea fácil de usar, de modo que las personas lo completen.

Si tus formularios generan una mala experiencia de usuario, las personas no los completarán. Esto significa que abandonarán tu sitio web y no se convertirán en clientes, ¡todo debido a que los campos del formulario están mal configurados!

Es por eso que debes saber cómo crear un buen formulario.

¿Qué tipos de formularios se beneficiarán de un buen diseño?

  • Formularios de generación de prospectos: para cuando quieres que las personas se suscriban a tu lista de correo electrónico o descarguen una oferta gratuita
  • Formularios de contacto: para cuando quieres que las personas se comuniquen contigo
  • Formularios de registro: para cuando quieres que las personas se registren para tu servicio o evento
  • Formularios de inicio de sesión: para cuando quieres facilitar el proceso de inicio de sesión
  • Formularios de pago: para cuando quieres asegurarte de que las personas no abandonen sus carritos de compra
  • Formularios generales de captación de correos electrónicos: para cualquier ocasión en la que necesites obtener la dirección de correo electrónico de una persona

Por desgracia, hay muchos formularios ineficaces.

Por suerte, diseñar un formulario simple y efectivo con una buena experiencia de usuario no es tan difícil.

A continuación, te contamos cómo crear un buen formulario.

Principios de diseño de formularios (las 4 C de un buen diseño de formularios)

Cuando debes crear un buen formulario, necesitas dos cosas:

  1. Prácticas recomendadas simples, como dónde colocar las etiquetas y cómo ordenar los campos
  2. Principios que rigen la creación de un buen formulario

Puedes aprender mucho de lo que otras personas ya han probado. A continuación, incluimos una lista de prácticas recomendadas de diseño que facilitarán la creación de formularios.

Sin embargo, a veces necesitas usar un formulario para algo que aún no se ha probado.

O bien, trabajas con una audiencia que, por alguna razón, es diferente a la mayoría de las personas que completan formularios.

Entender los principios del diseño de formularios te da las herramientas para crear un buen formulario en cualquier circunstancia.

Estos son consejos específicos y breves que te ayudarán a solucionar errores comunes en la experiencia de usuario de un formulario:

  • Coloca las etiquetas por encima de los campos, no en forma de texto que desaparece dentro del campo. De lo contrario, cuando alguien comience a escribir, puede olvidarse de la información solicitada.
  • Ordena los campos de forma vertical cuando haya más de dos. Los campos verticales son más fáciles de leer que los horizontales.
  • Deja claro qué campos son obligatorios. Los asteriscos son un indicador común (o bien, puedes destacar específicamente los campos opcionales).
  • Si hay más de seis opciones para un formulario, utiliza un menú desplegable. ¿Has oído hablar de la regla del 7? Las personas pueden recordar alrededor de siete elementos, así que si tienes esa cantidad o más, no los muestres todos a la vez como botones de opción.
  • Usa campos de varios pasos si tienes muchos campos, esto puede reducir la fricción.
  • Los campos del formulario deben tener diferentes tamaños en función de la longitud de la respuesta esperada. Un formulario para un código postal debe ser más corto que uno para un número de teléfono.
  • Si tienes mensajes de error, puede ser una buena idea agregar validación en línea.
  • No hagas que el botón de envío diga “Enviar”. Hazlo visualmente diferente con un texto atractivo.

Un consejo breve de Oli Gardner: Solicita correos electrónicos empresariales

Oli Gardner speaking

“A veces, las personas prestan mucha atención a lo que se les solicita, ya sea porque están cansadas o, simplemente, porque les gustan las instrucciones claras. En un experimento que realicé varias veces, noté que al cambiar la etiqueta de campo a “Dirección de correo electrónico de trabajo” o “Dirección de correo electrónico empresarial”, puedes recopilar más direcciones de empresas (por ejemplo, nombre@nombredelaempresa.com en lugar de nombre@gmail.com).

El beneficio de esto es que, cuando lleves a cabo estrategias posteriores de email marketing, tus comunicaciones se enviarán al buzón de trabajo, generalmente durante el horario laboral, cuando estén tomando decisiones empresariales. Un consejo simple, pero valioso”.

– Oli Gardner es un orador reconocido en el ámbito del marketing y cofundador de Unbounce, una plataforma que facilita la creación y prueba de páginas de destino.

Luego, tenemos los principios de los buenos formularios. Estas son las 4 C de un buen diseño de formularios:

  1. Claro (Clear)
  2. Conciso (Concise)
  3. Inteligente (Clever)
  4. Cooperativo (Cooperative)

(Nota: Reconocimiento al equipo de Formulate por desarrollar el modelo de las 4 C).

1. Los formularios claros son más fáciles de usar

Los formularios claros no hacen pensar a las personas (y eso es algo bueno).

Libro No me hagas pensar

Hay una razón por la que este libro es la biblia del diseño web (Amazon)

¿Qué significa tener un formulario claro? Significa que la persona que complete tus formularios web debe poder hacerlo con el menor esfuerzo posible.

Los campos obligatorios deben ser evidentes. Se debe dejar en claro qué información se solicita.

Si tienes un formulario extenso, los campos deben tener etiquetas claras y ser lo más sencillos posible.

La claridad es fundamental. Si alguna parte del formulario es confusa, perderás las conversiones.

Y me refiero a cualquier parte del formulario. Por ejemplo:

  • Qué partes son opcionales u obligatorias
  • Qué información completar
  • Qué campos del formulario corresponden a qué información
  • Qué pasará luego de enviar el formulario
  • Por qué deberían completar el formulario

A menos que el formulario sea un elemento muy serio que las personas estén legalmente obligadas a completar (como los documentos fiscales), debes hacer que quieran rellenarlo. Esto significa que necesitas una buena oferta clara con un buen texto de opt-in claro.

El formulario debe ser lo más fácil y sencillo de completar posible.

Cuando diseñes el formulario, hazte las siguientes preguntas:

  • ¿Es obvio cuál es la instrucción?
  • ¿Es evidente qué información se solicita?
  • ¿Está claro el formato que debe adoptar esa información?
  • ¿Se entiende dónde se debe ingresar cada dato?
  • Si hay un error, ¿se indica cómo resolverlo en el mensaje de error?
  • Una vez ingresada la información, ¿está claro qué se debe hacer a continuación?

2. Los formularios concisos generan más conversiones

¡Conciso no significa corto! Significa que no debe ser más largo de lo necesario.

Sí, un formulario corto, en general, conseguirá más conversiones que uno largo. Pero:

  1. A veces, un formulario largo genera mejores conversiones que uno corto.
  2. A veces, realmente necesitas más información.
  3. A veces, quieres asegurarte de que solo te contacten las personas más interesadas.

Cuando el experto en optimización de las tasas de conversión, Michael Aagaard, acortó su formulario por tres campos, pensó que la tasa de conversión aumentaría.

Pero no. Las conversiones disminuyeron un 14 %.

formulario largo que generó mejores conversiones

“¿El resultado? Una reducción del 14 % en las conversiones. Eliminé todos los campos realmente interesantes y dejé los más aburridos. Eso fue un poco absurdo”. Michael Aagaard, para ConversionXL

Algunos campos de formulario son inherentemente más conflictivos (p. ej., “número de teléfono”) que otros (p. ej., “nombre”).

Por supuesto, querrás obtener la mayor cantidad de información posible de los prospecto. Solo tienes que equilibrar eso con los datos que las personas están dispuestas a proporcionar.

Por otro lado, hay dos buenas razones por las que podrías preferir un formulario más largo:

  1. Realmente necesitas toda esa información para convertir a los prospectos en clientes.
  2. Tienes muchos visitantes en el sitio web y quieres ahuyentar a las personas que no toman en serio tu oferta.

Los formularios largos son más comunes cuando vendes servicios más costosos, en especial, si los vendes a empresas.

Incluso si tus formularios son largos, asegúrate de solicitar solo la información que necesitas.

Recuerda, puedes convertir un formulario largo en uno de varios pasos para que parezca más fácil de completar.

3. Los formularios inteligentes ayudan a las personas

Que sea inteligente no significa que tu formulario deba tener muchos juegos de palabras. Como mencionamos antes, la claridad es más importante que la inteligencia, al menos cuando esta última implica “ser gracioso”.

En este contexto, “inteligente” significa “ingenioso”. Los formularios inteligentes son lo suficientemente ingeniosos para ayudar a los visitantes a completarlos, al eliminar los pasos irrelevantes o facilitar los pasos que deben realizar.

¿Cuáles son algunos de esos pasos?

  • Los campos de formulario que se completan automáticamente, de modo que los visitantes puedan completar su información de forma más rápida
  • Ocultar campos del formulario para la información que ya tienes
  • Ocultar campos del formulario hasta que se completen los campos de requisitos previos
  • Solo aceptar algunas entradas para ciertos campos del formulario (p. ej., una dirección de correo electrónico debe contener una @).
ejemplo de autocompletado

Google te permite completar automáticamente tu información. En el ejemplo (de developers.google.com), se ilustra la rapidez de esta acción.

Crear formularios más inteligentes facilita el envío de los mismos.

4. Los formularios cooperativos no generan frustración

“Cooperativo” es un principio más general que los otros tres. Si un formulario es cooperativo, eso significa que facilita el proceso de completarlo para los visitantes.

El principio cooperativo incluye una variedad de prácticas recomendadas. Por ejemplo:

  • Trabajar con el esquema mental que tiene un usuario al encontrarse con el formulario
  • Definir términos y ofrecer contexto cuando corresponda
  • Usar términos conocidos por el tipo de persona que envía el formulario
  • Hacer evidentes los errores e indicar pasos para solucionarlos
  • Contemplar los errores en las entradas (faltas de ortografía, diferentes formatos)
  • Garantizar que haya una respuesta precisa y válida disponible para todos los campos del formulario
  • Hacer preguntas que tengan respuestas válidas, para eliminar las respuestas “más adecuadas” que no reflejan las creencias, la situación o la información verdaderas del usuario
  • Aclarar qué se espera del usuario y lo que este puede esperar al completar el formulario

La incertidumbre causa frustración. Las personas frustradas no completan formularios y no se convierten en clientes.

En un reciente metanálisis sobre los efectos de la incertidumbre, se decía lo siguiente respecto de cómo afecta la toma de decisiones.

“La incertidumbre suele ser inevitable en la vida diaria y puede ser estresante y emocionante a la vez… En una investigación reciente, se sugiere que organismos biológicos intentan resolver y minimizar la incertidumbre a modo de optimizar las suposiciones y predicciones sobre el mundo exterior y para promover, en última instancia, la supervivencia”.

Cuando encuentras un formulario confuso, ¿cuál es la manera más rápida de “resolver y minimizar la incertidumbre”?

¡No llenar el formulario!

Es por eso que los formularios cooperativos son tan importantes; evitan que los usuarios se frustren.

Además, consiguen que más personas llenen los formularios.

Conclusión: ¿qué viene luego de un buen formulario?

Un buen formulario solo es el comienzo de la interacción de los visitantes con la empresa.

Un buen diseño de formularios y un texto de opt-in efectivo pueden hacer que más personas envíen los formularios. Luego, deberás encontrar maneras de fomentar el engagement de los nuevos prospectos y suscriptores.

Estas son algunas formas de fomentar el engagement:

  • Envíalos a una página de agradecimiento personalizada. Una página de agradecimiento personalizada te permite dirigir a las personas a más recursos en los que podrían estar interesados (y los mantiene en tu sitio).
  • Muestra con claridad el siguiente paso obligatorio. ¿Los llamarás? ¿Enviarás un correo electrónico de confirmación? ¿Necesitan hacer algo más ahora mismo? Especifícalo de modo evidente.
  • Haz un seguimiento (puedes automatizar este paso). Envía un correo electrónico de bienvenida. Desencadena un seguimiento automatizado. El engagement es mayor justo después del envío del formulario; por eso, aprovecha el momento y comunícate ahora.

Aprende a crear un buen formulario. Hazlo. Haz un seguimiento. Impulsa el crecimiento de tu negocio simplemente al convertir tus visitantes en prospectos y, luego, en clientes.