Cómo crear un buen formulario web de conversión

Al tener en cuenta los principios de usabilidad, también conocido como UX.

Las heurísticas de Nielsen son un buen método de evaluación, intente evaluar su forma actual en comparación con estas y vea cómo funciona.

Ejemplos de cosas a tener en cuenta al diseñar un formulario:

  • Todos los campos opcionales deben marcarse como tales: no se debe dejar a los usuarios preguntándose si un campo es obligatorio o no;
  • Todos los campos deben tener validación instantánea. Significa que debería decirme si he llenado cada campo correctamente inmediatamente (no después de presionar enviar); esto se relaciona con el principio de ‘visibilidad del estado del sistema’;
  • La validación no debe basarse únicamente en los colores (ninguna comunicación debe basarse únicamente en la interpretación del color); en realidad, debe haber un símbolo (marca) o texto que confirme la validación;
  • Si hay un error al completar un campo específico, proporcione información adicional para que el usuario pueda ‘recuperarse rápidamente del error’ y completarlo correctamente;

Dado que el formulario es largo, bueno, esto es más un problema de optimización de conversión en lugar de una usabilidad real, ya que existe la gran posibilidad de que muchas personas no solo se molesten en llenar un formulario muy largo.

Entonces, algunos consejos podrían ser:

  • ¿Considera si todos estos campos son necesarios o puede solicitarse información adicional en una etapa posterior? Incluso si los campos son opcionales, aún darán la percepción visual de que el formulario es largo;
  • Si algunos campos son opcionales, considere eliminarlos por completo;
  • Para información confidencial o personal que pueda crear fricción, considere agregar un ‘?’ o ‘i’ para obtener información adicional que explique por qué necesitaría esa información de sus usuarios;
  • Considere la implementación del formulario de varios pasos, de modo que cuando los usuarios llenen algo paso a paso, parezca más corto (recomiendo las pruebas A / B cada vez, ya que lo que funciona para la mayoría podría no serlo para usted, dependiendo de su audiencia);
  • Para la mayoría de los casos, también se ha observado que las formas lineales de una columna generalmente se convierten mejor debido al patrón de lectura humana;
  • Haga que el botón ‘enviar’ sea claro y explícito (Intente describir realmente el resultado de la acción en lugar de etiquetar ‘enviar’).

Hay muchas cosas que se pueden hacer, pero se implementan mejor cuando trabajas junto a un profesional de UX, espero que esto te haya dado una idea general y cuán importante es la usabilidad. Haga que la vida de los usuarios sea más fácil, al proporcionar una buena usabilidad genuina, y como resultado podría obtener más conversiones.

Well Forms es el punto de entrada crucial para cualquier sitio web / aplicación web.

Y la mayoría de ellos tienen éxito debido a su efectividad.

¿Cómo hacerlos efectivos?

Experiencia de usuario. Extensa UX debe hacerse para cualquier forma. Por qué, qué, cómo se debe responder antes de crear cualquier formulario.

Bueno, UX requiere tiempo e inversión. Entonces, si su negocio depende con buena proporción de esa forma, UX es imprescindible.

Aunque puedes probar formularios en línea gratuitos y maravillosamente humanos | Forma de letra; Me gustó la forma en que piden aportes, uno a la vez. Lo que ayuda al usuario a concentrarse en responder una pregunta en lugar de pensar en todas las preguntas.

En primer lugar, pondría el formulario en una página que no tiene decenas de contenido informativo. Esto, para eliminar distracciones y hacer que los ojos de los visitantes se centren en el formulario.

Entonces, seguiría estos consejos:

  • Utilice la menor cantidad de campos posible (el nombre, el correo electrónico y el mensaje suelen ser suficientes)
  • Haga que sea fácil de usar con un botón de envío no demasiado pequeño y colores que no lastimen los ojos.
  • Haga que la fuente sea fácil de leer (12–13 pt, dependiendo de la fuente)
  • Pruebe el formulario para asegurarse de que funciona bien y que no hay errores
  • Verifique los mensajes de error para que sean lo más claros posible (como “Este campo es obligatorio”)
  • Agregue un mensaje de éxito o redirija a una página de confirmación una vez que se envíe el mensaje

La forma más fácil es ir aquí. crear y analizar encuestas, de forma gratuita. Son gratuitos y para copiarlos, haga clic derecho en la página del formulario después de crearlos, copiarlos y pegarlos. Puede cambiar los estilos y colores CSS para satisfacer sus necesidades.