Cómo diseñar formularios que se conviertan
Los formularios web son el azote de muchos diseñadores y, por extensión, sus clientes.
Los formularios desempeñan un papel vital en cualquier sitio porque son la forma en que los sitios recopilan información de gran importancia durante el proceso de finalización de la compra o la información principal en las páginas de destino. Si desea complacer a sus clientes y aumentar las tasas de conversión de sus sitios, quizás no haya nada más importante que hacer que diseñar formas efectivas y óptimas.
Diseño fuera de la caja con formas narrativas
El formulario estándar se caracteriza por unos pocos campos donde los clientes potenciales completan sus detalles de contacto básicos, como su nombre, dirección de correo electrónico y número de teléfono. Es monótona y muy mundana ... solo porque es típico no significa que no deba ser alterado. Por el contrario, intente sacudir las cosas para obtener mejores conversiones con formas narrativas.
Las formas narrativas, como su nombre lo indica, son formas que mantienen la conversación en marcha; en lugar de simplemente finalizar la historia cuando finaliza la copia del sitio. Estos tipos de formularios continúan involucrando a sus clientes potenciales al pedirles que completen los espacios en blanco en una forma al estilo de una narración en primera persona. ¡Esto hace que el proceso de registro sea mucho más personal!
Vast.com , un sitio que permite a los usuarios buscar millones de autos en venta y negocios inmobiliarios, experimentó con formas narrativas. Ellos A / B probaron su forma narrativa con el control, su forma de cuadrícula estándar, y vieron un aumento de conversión de entre 25% y 40% . Por lo menos, incluir la narración en el formulario produjo un aumento de conversión del 25%.
La próxima vez que piense en ir a lo seguro al diseñar formularios, no lo haga. Tome este riesgo pequeño y calculado, y puede dar sus frutos.
Use menos (o más) campos
En los últimos años, ha habido un debate sobre la duración del formulario específico que funciona mejor para aumentar las conversiones. Noticia de última hora: en realidad no hay una duración específica que funcione mejor; los formularios más cortos obtienen más de cierto tipo de conversión, mientras que los campos más largos obtienen más de otro tipo de conversión.
La sabiduría convencional dicta que menos campos en un formulario aumentan las conversiones. Eso es cierto, pero solo en que menos campos producen una mayor cantidad de conversiones en lugar de una mayor cantidad de conversiones de calidad .
Galas El formulario incluye un menú desplegable para especificar por qué te estás comunicando con ellos. Es un campo adicional, que se puede omitir, pero incluirlo aumenta la calidad del mensaje que se envía.
Veamos esto más. Supongamos que tiene una forma realmente minimalista que solo solicita los nombres, las direcciones de correo electrónico y los números de teléfono de los clientes potenciales. Obtendrá más conversiones porque el esfuerzo y el tiempo dedicado a ingresar esa información es mínimo, sin embargo, la calidad es cuestionable ya que no sabe qué tan relevantes son estas pistas para su negocio. HubSpot descubrió que esto es cierto en su investigación .
Por otro lado, si tiene un formulario más largo que solicita más nombres que los clientes potenciales, direcciones de correo electrónico y números de teléfono, tendrá información más detallada sobre ellos, lo que conduce a clientes potenciales de mayor calidad. Con más información, una empresa puede decir mejor si puede comercializarlos más fácilmente.
Si su cliente tiene el objetivo de una mayor cantidad de clientes potenciales, entonces sus formularios deben ser relativamente cortos, como Formulario de registro de Marketo para su guía gratuita y descargable de publicidad digital. Si su cliente tiene el objetivo de querer una mayor cantidad de clientes potenciales de alta calidad, entonces está perfectamente bien alargar su formulario al incluir más campos, para que su cliente pueda obtener más información. Caso en punto: Formulario de registro de cuenta de TD Ameritrade .
Solo use etiquetas claras y explicaciones
Es asombroso descubrir que algunos diseñadores todavía descuidan los fundamentos de garantizar que los usuarios puedan dar sentido a una forma de inmediato.
los formulario de inscripción para TheHugo no podría ser más claro.
El propósito de utilizar etiquetas y explicaciones claras en los formularios y sus campos es neutralizar cualquier posible problema de entrada, muchos de los cuales pueden deberse a la confusión en cuanto a qué ingresar.
los página de registro para la tarjeta de crédito Barnes & Nobles MasterCard es uno de esos casos donde la claridad domina la forma. Al mirar los campos, podemos ver de inmediato cómo las etiquetas comprensibles están dentro de los cuadros y son fáciles de leer.
Como beneficio adicional, dichas etiquetas no desaparecen cuando comienza a escribir su información en los cuadros; en cambio, simplemente se vuelven más pequeños, cambian de color y aún son legibles. Esto les permite a los usuarios entender siempre lo que se espera de ellos que escriban en cualquier recuadro, incluso si comenzaron a escribir. Algunos formularios han recibido críticas por eliminar las etiquetas una vez que los usuarios comienzan a escribir.
Incluso las explicaciones, como la cantidad de campos obligatorios para completar y las instrucciones adicionales para campos específicos, se colocan fuera de los cuadros y en diferentes colores para facilitar la lectura.
Eliminar el registro obligatorio
Si hay algo que puede acabar con las conversiones rápidamente cuando sus clientes ya están listos para comprar algo de la tienda en línea de su cliente, es el temido proceso de registro durante el proceso de pago. La experiencia nos dice que obligar a los clientes a registrarse o registrarse, lo que equivale a pasos adicionales, antes de una compra reducirá las tasas de conversión.
Cóndor El proceso de pago no te obliga a registrarte. Iniciar sesión en una cuenta simplifica el proceso de pago, pero el formulario predeterminado es para los huéspedes.
Cuando diseñe formularios para el proceso de pago, hágalos lo más cortos posible para alentar al cliente a realizar la compra. Los clientes son justamente impacientes cuando compran algo, y nadie quiere perder tiempo en pasos adicionales antes de que puedan verificar correctamente.
Staples entiende esto perfectamente El minorista de artículos de oficina y electrónicos presenta una página de pago inicial que no obliga a los compradores a registrarse nuevamente ni a forzar el registro de nuevos compradores. En cambio, les permite escribir fácilmente su nombre de usuario y contraseña en dos campos si están devolviendo compradores o ir directamente a la página de pago como invitado, donde solo ingresarán la información de envío básica, si son nuevos clientes. Tal configuración simplifica las cosas para los clientes y les da más libertad y control sobre el proceso de pago, que siempre es bienvenido.
Mejores prácticas de formularios web
Diseñar formas inteligentes y eficaces se reduce a la incorporación de estas mejores prácticas en su diseño. Hay una razón por la que estos enfoques son las mejores prácticas: se ha demostrado que funcionan, y esa es también la razón por la que tienden a verlos en los formularios de suscripción de tiendas en línea exitosas. Los formularios mal diseñados serán un lastre para la tasa de conversión del sitio, por lo que, lógicamente, tiene sentido mejorar drásticamente el diseño de los formularios en cualquier página para mejorar la tasa de conversión de todo el sitio.
Recuerde que el diseño de formularios es solo un aspecto del diseño web más amplio, pero también debe guiarse por el principio de diseño en primer lugar para la experiencia del usuario. Todos los consejos discutidos anteriormente son intentos, pruebas y formas reales de complacer a los clientes de sus clientes y, por lo tanto, aumentar las tasas de conversión de los sitios de sus clientes.