Los mejores consejos para crear formularios en línea para mejorar las tasas de conversión

Los formularios en línea pueden servir para una variedad de propósitos. Ya sea para suscribirse a un boletín informativo, registrar una cuenta en un sitio web, realizar una compra o simplemente una consulta, ahora estamos acostumbrados a completar la información requerida.

Sin embargo, una mala experiencia con un formulario en línea puede hacer que los usuarios abandonen una tarea por completo y vayan a otro sitio web.

Con el uso cada vez mayor de sitios móviles y la reciente actualización del algoritmo de clasificación compatible con dispositivos móviles de Google, la creación de formularios fáciles de usar para dispositivos móviles es más vital que nunca. Estoy seguro de que todos podemos relacionarnos con sentirnos extremadamente frustrados al intentar completar un formulario en nuestro teléfono que simplemente no se puede usar en ese dispositivo.

Estos son nuestros principales consejos para crear formularios en línea fáciles de usar tanto para computadoras de escritorio como para dispositivos móviles, para evitar perder a cualquiera de sus clientes potenciales en el último obstáculo del proceso de conversión:

1. Disposición

Puede parecer obvio, pero usar un diseño limpio y simple para su formulario en línea hará que el viaje del cliente sea lo más fluido posible y alentará a más personas a completar toda la información. Los diseños verticales, como este ejemplo de House of Fraser, son más fáciles de usar:

Pero los diseños horizontales también pueden funcionar, como en este ejemplo de Travel Republic:

La clave es mantenerlo simple y usar la menor cantidad de campos posible para capturar la información que necesita.

Para los usuarios de dispositivos móviles, esto es particularmente importante. Es mucho más probable que los usuarios abandonen el formulario si se tarda demasiado en completarlo.

Starbucks tiene un buen ejemplo de una forma vertical limpia, simple para crear una cuenta en su sitio móvil:

Eliminar cualquiera de las opciones de navegación normales de su formulario en línea también ayudará a mantenerlo limpio y simple. Por ejemplo, Fortnum y Mason han eliminado su menú de la parte superior de la página y lo han reemplazado con un banner de 'Pago seguro' en su página de opciones de pago:

Esto no solo mantiene limpio el formulario, sino que también evita que los usuarios regresen a otras partes del sitio web una vez que hayan comenzado el proceso de conversión. También se recomienda tener una opción de pago como invitado para los sitios web de comercio electrónico, como lo han proporcionado Fortnum y Mason. Los usuarios pueden mostrarse reacios a proporcionar todos sus datos personales para crear una cuenta al realizar una compra rápida.

2. Etiquetas de campo y métodos de entrada

Es importante que los campos obligatorios estén claramente etiquetados. Utilice etiquetas obvias y reconocibles para evitar errores de entrada que podrían llevar a un usuario a abandonar el formulario. Si es necesario, incluya una explicación del campo para evitar confusiones. OK Magazine tiene un ejemplo de esto en el campo "Nombre de pantalla" en su formulario de registro en línea:

Piense en el método de entrada más adecuado para cada campo. Hay varios tipos:

• Campos de escritura
• Casillas de verificación
• Botones
• Calendarios
• Menús desplegables

En la mayoría de los casos, probablemente resultará obvio qué método sería el mejor. Sin embargo, cuando se trata de formularios móviles, es mejor evitar algunos métodos. Por ejemplo, WWF tiene este formulario en su sitio móvil, que presenta algunos problemas para los usuarios:

Los botones Sí / No son posiblemente demasiado pequeños para seleccionarlos fácilmente con la yema del dedo. Además de esto, la casilla de verificación "Esto es un regalo" en la sección azul está casi completamente oculta. Sería frustrante intentar completar este formulario en un dispositivo móvil.

Expedia, por otro lado, se asegura de que su método de entrada de calendario sea lo suficientemente grande para dispositivos móviles:

3. Planifique el proceso

Si descubre que su formulario en línea se está volviendo demasiado largo, no tenga miedo de dividirlo en varias páginas para desglosarlo para los usuarios. La clave al hacer esto es gestionar las expectativas del usuario trazando el proceso para ellos desde el principio.

Confused.com tiene un gran ejemplo de esto, con las diferentes etapas claramente numeradas en la parte superior de la página:

El sitio web del Times presenta los diferentes pasos del formulario en un formato ligeramente diferente. Esta es la primera página del formulario para registrarse para obtener una cuenta en línea:

Si nos desplazamos hacia abajo, podemos ver los siguientes pasos:

Si los usuarios tienen claro la longitud del formulario desde el principio, pueden tomar una decisión informada sobre si tienen tiempo suficiente para completarlo o si deben volver más tarde. Esto evitará un problema generalmente asociado con formularios más largos, por el cual los usuarios comienzan a completar el formulario, solo para frustrarse por la longitud y abandonar la tarea.

4. Sea útil

Al igual que en el ejemplo anterior de OK Magazine, Barclaycard tiene un ejemplo más detallado de explicar exactamente qué información requieren en su formulario de inicio de sesión de banca en línea:

Barclaycard no solo explica qué información necesita, sino que le da opciones al usuario en cuanto al tipo de información que puede ingresar. Esto sería útil, por ejemplo, si no pudiera recordar su nombre de usuario o número de identificación, pero tenía su tarjeta con usted y podría ingresar este número en su lugar.

También proporcionan opciones de 'Olvidado' para ambos campos. Ahora se espera que esto sea estándar en todos los formularios de inicio de sesión en línea, pero vale la pena señalarlo, ya que puede ser muy frustrante si estas opciones no están disponibles.

Otra forma de ayudar a sus usuarios es ser honesto acerca de lo que está haciendo con la información. Virgin Active hace esto en su formulario de consulta en línea:

La “promesa de Virgin de usar solo su número para devolverle la llamada”, aunque no cubre lo que pretenden hacer con su dirección de correo electrónico, ofrece cierta tranquilidad al usuario.

Ayude a sus usuarios a saber que han completado cada campo correctamente sin ningún error antes de hacer clic en el botón 'continuar' o 'enviar', con símbolos después de completar cada cuadro. Very tiene un ejemplo de esto en su formulario de registro en línea, usando marcas verdes y cruces rojas:

Si hay errores, márquelos claramente junto al campo correspondiente, quizás con una explicación de lo que se requiere si es necesario. De esta manera, los usuarios pueden estar seguros de que el formulario será aceptado con el primer clic.

5. ¡Siempre pruebe!

Al crear cualquier formulario en línea, pruébelo siempre usted mismo en tantos dispositivos como sea posible antes de iniciarlo. Complete el formulario de tantas formas diferentes como pueda para asegurarse de que todos los campos funcionen.

Los formularios en línea son herramientas valiosas para su sitio web. Ya sea para capturar datos, procesar una venta o recibir una consulta, necesitará un formulario para completar la conversión.

En este punto, ya ha hecho la mayor parte del trabajo duro para alentar a los visitantes a comprar / registrarse / registrarse, etc. ¡Asegúrese de que algo tan simple como un formulario en línea no se interponga en el camino de esa conversión tan importante!