[ad_1]
Hoy en día, los usuarios se han vuelto cada vez más dependientes de un diseño de forma fácil.
El diseño de su forma tiene una sorprendente cantidad de poder en el proceso de conversión. Un formulario bien diseñado muestra a los usuarios desde el principio que su empresa es útil, conocedores de la tecnología y es fácil trabajar con ellos.
Una forma mal diseñada, por otro lado, podría provocar el abandono de la página, un usuario frustrado y una gran disminución en las ventas; de hecho, Expedia descubrió que estaban perdiendo $ 12 millones al año en ganancias, de un solo formulario externo. 
Un formulario es un paso crítico para convertir usuarios en clientes, por lo que desea que el suyo sea fácil, impresionante y elegante. Aquí, exploraremos nueve mejores prácticas de diseño de formularios para aumentar sus conversiones y ayudarlo a lograr una experiencia de usuario excepcional.
Mejores prácticas de diseño de formularios
1. Menos es más.
Todos hemos estado allí; ya está todo listo para echar un vistazo, y luego ve los campos de formulario necesarios y piensa: "No tengo tiempo para esto". Tal vez regrese mañana ".
Si un formulario solicita demasiada información por adelantado, corre el riesgo de perder una tonelada de conversiones, y es probable que ni siquiera necesite mucha información más allá del nombre y el correo electrónico. , al menos inicialmente.
Imagescape pudo aumentar las tasas de conversión en un 120% simplemente reduciendo sus campos de formulario de 11 a cuatro.
Si no está seguro de qué campos de formulario debe dejar y que debe sacar, considere usar formularios inteligentes para asegurarse de que nunca haga las mismas preguntas dos veces. También puede probar diferentes campos de formulario A / B para asegurarse de que ninguna de sus preguntas obligue a los usuarios a completar el campo.
Si cree que una pregunta de campo de formulario no tiene demasiada importancia, se equivoca. Expedia sacó el campo de formulario opcional "Compañía", y aumentó su beneficio anual en $ 12 millones .
2. Use una columna, no dos.
Si decide entre una columna para sus campos de formulario o dos, elija una.
Un estudio realizado por CXL Institute encontró que los participantes podían completar una sola -column forman un promedio de 15.4 segundos más rápido que una forma de múltiples columnas. Para los usuarios que abandonarán la pantalla si un formulario lleva demasiado tiempo, este tiempo adicional es demasiado valioso para dejarlo pasar.
3. Las formas deben ordenarse de la manera más fácil a la más difícil.
Hay algo en psicología conocido como técnica de pie en la puerta acuñado por primera vez por Freedman y Fraser en 1966, que asume que si alguien acepta una pequeña solicitud, Eventualmente acordaremos uno más grande. Y, como habrás notado, hay mucha superposición entre la psicología y el marketing.
Usa este principio con tus formularios incluyendo las preguntas de campo más sencillas (nombre, correo electrónico) antes de las más difíciles (información de facturación). A medida que los usuarios comiencen a completar el formulario ("De acuerdo, puedo agregar fácilmente mi nombre y mi correo electrónico"), será menos probable que abandonen la página.
Si el primer campo de formulario es un problema para ellos ("Dispara , Ni siquiera tengo mi tarjeta de crédito cerca ") es más probable que abandonen la página si aún no han invertido en completar la otra mitad del formulario.
4. Utilice la validación de campo en línea del formulario.
En última instancia, desea que su campo sea útil para el usuario. Si se siente como una prueba sorpresa para la que no han estudiado, se irán; además, si se están involucrando con sus servicios por primera vez, querrá que se sientan impresionados, no frustrados.
Como informó el Instituto Baymard en 2012, solo el 13% de las cajas registradoras tenían una validación en línea en vivo; en 2016, ese número aumentó al 60%. A medida que sus competidores comiencen a implementar la estrategia, será aún más crítico asegurarse de incorporar la validación de formularios en línea.
Una validación de formularios en línea es un proceso donde la información del usuario se verifica en vivo mientras se mueve a lo largo del formulario. de repente pone un número de tarjeta de crédito incorrecto, por ejemplo, el texto rojo aparecerá debajo del campo de formulario, por lo que no tiene que llegar al final antes de aprender que no puede procesar.
Por ejemplo, consulte el formulario de pago de Wayfair – – Cuando ingreso un número de tarjeta de crédito incorrecto, me lo notifica inmediatamente, ahorrándome la molestia de tener que volver a llenar todos los campos posteriores después de hacer clic en "Guardar y continuar".
5. Alinee texto a la izquierda y encima del cuadro del campo de formulario.
Los investigadores de la Universidad de Basilea encontraron alineando su texto en el lado izquierdo, encima del recuadro del campo de formulario, aumenta el tiempo de finalización del formulario. Esta alineación disminuye la cantidad que los ojos de un usuario necesitan para saltar por la página y la hace más coherente.
6. Titule su formulario para motivar a los espectadores.
El lenguaje juega un papel importante en la finalización del formulario. ¿Qué formulario es más probable que llene, "Obtenga una guía gratuita instantáneamente" o "Registrarse"?
En última instancia, querrá titular su formulario con información específica sobre lo que recibirá el usuario al finalizar. Al volver a redactar el título de su formulario, también se diferencia de todos los demás formularios en línea que dicen "registrarse" o "comprar ahora".
Como resultado de volver a titular su formulario de inscripción, BettingExpert incrementó sus conversiones de registro en un 31.54% .
Si un título es todo lo que se necesita para recibir más del 30% de suscripciones, ¿por qué no lo haría? ¿lo haces?
7. No solicite un número de teléfono (o especifique que es opcional).
A menos que un número de teléfono sea realmente crítico para su empresa, omítalo. ClickTale ejecutó una prueba y descubrió que perdieron el 39% de las suscripciones de usuarios cuando pidieron un número de teléfono.
Para combatir las caídas, ClickTale especificó en el formulario que un número de teléfono era opcional . Esa única palabra, "opcional", casi duplicó sus tasas de conversión y redujo esa pérdida del 39% al cuatro por ciento.
Si bien puede parecer inofensivo, dar un número de teléfono se siente como pedir spam, y usted no quiere para dar a los usuarios la impresión de que eres una empresa engañosa. Solicite un correo electrónico en su lugar, y contáctelos de esa manera (con permiso). Si quieren chatear con un representante de ventas, pueden llamarlo.
8. Asegúrese de que el navegador se pueda completar automáticamente.
No llené mi dirección en meses; Chrome la rellena por mí. Llenar un formulario es más simple que nunca, ahora que los navegadores como Google Chrome o Firefox tienen funciones de autocompletar.
Pero un navegador solo puede autocompletarse si utiliza pistas de contexto fácilmente distinguibles, como "Ciudad" o "Nombre". Es una buena práctica titular cada campo de formulario con un término que reconocerá el navegador para ayudar a los usuarios a acelerar su propio proceso de llenado.
9. Aborde las preocupaciones de sus usuarios en el diseño del formulario.
Es fácil adivinar qué inquietudes pueden disuadir a los posibles clientes de completar su formulario. Lo más probable es que estén nerviosos por dar información sobre tarjetas de crédito o quedarse atrapados en un contrato anual, que no pueden cancelar.
FreshBooks aborda estas preocupaciones en su forma, incluyendo el simple "No". se requiere tarjeta de crédito Cancele el texto en cualquier momento. Los usuarios probablemente se sientan más cómodos incluyendo información como nombre y correo electrónico, una vez que hayan visto que no quedarán atrapados accidentalmente en una trampa de pago.
En última instancia, su El formulario debe diseñarse y atenderse para su audiencia específica, y es importante que realice pruebas A / B y otras investigaciones de mercado al elegir su diseño. Si desea inspiración adicional sobre el diseño de formularios, consulte 10 ejemplos de formularios web que desea copiar inmediatamente .
