Krypton Solid

Cómo diseñar formularios que se conviertan

Cómo diseñar formularios que se conviertan

Los formularios web son el flagelo de muchos diseñadores y, por extensión, de sus clientes.

Los formularios juegan un papel vital en cualquier sitio porque son la forma en que los sitios recopilan información importante durante el proceso de pago o información de clientes potenciales en las páginas de destino. Si desea complacer a sus clientes y aumentar las tasas de conversión de sus sitios, tal vez no haya nada más importante que pueda hacer que diseñar formularios efectivos y óptimos.

Diseñe fuera de la caja con formas narrativas

El formulario estándar se caracteriza por algunos campos donde los clientes potenciales completan sus datos de contacto básicos como su nombre, dirección de correo electrónico y número de teléfono. Es monótono y muy mundano … sin embargo, solo porque es típico no significa que no deba meterse con él. 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 lugar de simplemente terminar la historia cuando termina la copia del sitio. Estos tipos de formularios continúan atrayendo a sus clientes potenciales al pedirles que completen los espacios en blanco en un formulario 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 ofertas inmobiliarias, experimentó con formas narrativas. 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 el 25% y el 40%. Como mínimo, 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. Asuma este pequeño riesgo calculado y puede que valga la pena.

Utilice menos (o más) campos

En los últimos años, ha habido un debate sobre la longitud específica del formulario que funciona mejor para impulsar las conversiones. Newsflash: En realidad, no hay una longitud 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 calidad conversiones.

galas

GalasEl formulario incluye un menú desplegable para especificar por qué se está comunicando con ellos. Es un campo adicional, que podría omitirse, pero incluirlo aumenta la calidad del mensaje que se envía.

Veamos esto más a fondo. Supongamos que tiene una forma realmente minimalista que solo solicita los nombres, direcciones de correo electrónico y números de teléfono de los clientes potenciales. Obtendrá más conversiones porque el esfuerzo y el tiempo dedicados a ingresar esa información es mínimo, pero la calidad es cuestionable ya que no sabe qué tan relevantes son estos clientes potenciales 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 que nombres de 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 saber mejor si puede comercializarlos más fácilmente.

Marketo

Si su cliente tiene el objetivo de obtener una mayor cantidad de clientes potenciales, sus formularios deben ser relativamente cortos, como Formulario de registro de Marketo por 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.

TD-Ameritrade

Utilice únicamente etiquetas y explicaciones claras

Es sorprendente descubrir que algunos diseñadores aún descuidan los fundamentos de garantizar que los usuarios puedan entender un formulario de inmediato.

thehugo

La formulario de inscripción para TheHugo no podría ser más claro.

El propósito de usar etiquetas y explicaciones claras en los formularios y sus campos es neutralizar cualquier problema potencial de entrada, muchos de los cuales pueden deberse a la confusión sobre qué ingresar.

Barnes & Noble

La página de registro para la tarjeta de crédito Barnes & Nobles MasterCard es uno de esos casos donde la claridad domina la forma. Mirando los campos, podemos ver inmediatamente cómo las etiquetas comprensibles están dentro de las cajas y son fáciles de leer.

Como beneficio adicional, dichas etiquetas no desaparecen cuando comienzas a escribir tu información en los cuadros; en cambio, simplemente se vuelven más pequeños, cambian de color y siguen siendo legibles. Esto permite a los usuarios comprender siempre lo que se espera de ellos al escribir en cualquier cuadro, incluso si han comenzado 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 e instrucciones adicionales para campos específicos, se colocan fuera de los recuadros y en diferentes colores para facilitar la lectura.

Eliminar el registro obligatorio

Si hay algo que pueda matar las conversiones rápidamente cuando sus clientes ya están listos para comprar algo en la tienda en línea de su cliente, es el temido proceso de registro durante el pago. La experiencia nos dice que obligar a los clientes a registrarse o iniciar sesión, lo que equivale a pasos adicionales, antes de una compra reducirá las tasas de conversión.

cóndor

CóndorEl proceso de pago no le obliga a registrarse. Iniciar sesión en una cuenta simplifica el proceso de pago, pero el formulario predeterminado es para invitados.

Al diseñar formularios para el proceso de pago, hágalos lo más cortos posible para alentar al cliente a realizar la compra. Los clientes están impacientes cuando compran algo, y nadie quiere perder tiempo en pasos adicionales antes de poder pagar correctamente.

Grapas entiende esto perfectamente. El minorista de artículos de oficina y electrónicos cuenta con una página de pago inicial que no obliga a los compradores a registrarse nuevamente ni a los nuevos compradores. En cambio, les permite escribir fácilmente su nombre de usuario y contraseña en dos campos si son compradores que regresan o van directamente a la página de pago como invitado, donde solo ingresarán información básica de envío, si es nuevos clientes. Esta 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.

grapas

Mejores prácticas de formularios web

El diseño de formularios inteligentes y efectivos se reduce a incorporar 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, razón por la cual tiende a verlos en los formularios de registro de las 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ñar ante todo para la experiencia del usuario. Todos los consejos discutidos anteriormente son formas probadas, comprobadas y verdaderas de complacer a los clientes de sus clientes y, por lo tanto, aumentar las tasas de conversión de los sitios de sus clientes.

Deja un comentario