6 prácticas de diseño de páginas de registro para formularios sin fricciones

Como especialista en marketing, probablemente le gustará pensar que comprende bien a sus clientes potenciales: quiénes son, cómo se comportan, etc. Entonces, si uno de ellos visita su sitio web o página de registro, ¿qué cree que haría a continuación?

Probablemente se registre para su servicio, ¿verdad?

Ese no es siempre el caso, como descubrió una marca. Para ellos, algo entre esa llamada a la acción y su página de "agradecimiento" estaba provocando que la empresa perdiera casi una cuarta parte de sus clientes potenciales.

Hubo un problema con su página de registro.

¿Qué es una página de registro?

Las páginas de registro, también conocidas como "páginas de registro", no son todas iguales. Algunas son páginas de aterrizaje post-clic de PPC; otros están vinculados a la página de inicio a través de la navegación; algunos incluso son la página de inicio. A pesar de sus diferencias, todos comparten el mismo objetivo: generar suscripciones a un servicio.

En muchos casos, la página de registro es el último paso en el embudo de conversión de una empresa. Es donde los clientes potenciales navegan después de evaluar una marca y decidir que su servicio ofrece lo que necesitan.

Por eso, las páginas de registro se centran menos en persuadir al cliente potencial para que se convierta y más en minimizar la fricción que implica hacerlo. Ese enfoque en la usabilidad significa que otros elementos tradicionales de la página de destino posterior al clic, como la prueba social, los testimonios y los medios que llaman la atención, pasan a un segundo plano.

Solo mira la página de registro de Shopify a continuación, que aparece en la página de inicio una vez que haces clic en "comenzar".

Realmente es solo una forma corta. Y, como verá un poco más adelante, la mayoría de las páginas de registro se crean de la misma manera, con nada más que un título, algunos campos de formulario y una llamada a la acción.

Pero el hecho de que muchos estén diseñados de esa manera no significa que sea la manera correcta. Crear una página de registro exitosa es más que eliminar distracciones y reducir los campos de formulario. La tarea es doble.

Para generar el máximo de suscripciones, debe minimizar los pasos necesarios para registrarse y, al mismo tiempo, aprovechar al máximo los pocos elementos que utiliza. A continuación, se incluyen algunos consejos y conocimientos de los expertos.

1. Utilice un título orientado a los beneficios

Para cuando un cliente potencial llega a su página de registro, en la mayoría de los casos, ya ha evaluado su servicio y ha determinado que se adapta a sus necesidades. Pero, ¿eso significa que no debes recordarles por qué están allí?

A continuación, Copyblogger utiliza un título lleno de pruebas sociales para convencer a los usuarios de que se registren, y arriba, Shopify les recuerda a los clientes potenciales que su prueba es gratuita durante 14 días.

Lo simple es bueno, pero si tiene espacio para reforzar su PVU con un titular, hágalo. Es probable que tenga un impacto más positivo en las conversiones que negativo.

2.Haga que todos sus campos sean obligatorios

Este consejo se trata menos de exigir a sus visitantes que completen su formulario y más de asegurarse de que haya elegido los campos correctos. Con eso queremos decir, si ha determinado que un campo de formulario es opcional, no necesita esa información para inscribir al cliente potencial.

Por ejemplo, un servicio como Groupon necesita conocer su ubicación al registrarse para ofrecerle ofertas y cupones relevantes. Pero la ubicación no es un dato crucial que Instapage debe conocer sobre sus clientes, por lo que no lo solicitamos durante el registro.

Si realmente no necesita conocer la empresa de su cliente potencial, su puesto o cuántos empleados tiene, no pregunte. Cuanto menos trabajo necesiten hacer, mejor.

Campos de formulario a considerar

Algunos campos de formulario para considerar la consolidación / eliminación:

• Nombre de usuario: ¿Sus usuarios realmente necesitan un nombre de usuario para registrarse? ¿O puede simplemente solicitar su correo electrónico y luego dejar que determinen su nombre de usuario una vez que hayan iniciado sesión?
• Confirmar contraseña: este campo está desactualizado y solo es necesario debido al enmascaramiento de contraseña, otra técnica poco práctica.

El enmascaramiento de contraseñas es la tecnología que hace que cada letra parezca una viñeta idéntica cuando se ingresa en un formulario. Da la impresión de seguridad adicional, pero de lo único que realmente protege es de las personas que miran por encima del hombro.

Pregúntese: ¿realmente mis prospectos están creando sus contraseñas en un entorno público abarrotado? No es probable.

En lugar de usar un campo de "confirmar contraseña", permita que los usuarios vean lo que están escribiendo desenmascarando el campo de "contraseña" original, o usando la función "mostrar / ocultar", como lo hace MailChimp en su página de registro:

• Nombre y apellido: considere la posibilidad de consolidar el nombre y apellido en un campo de "nombre completo". O simplemente pregunte por el nombre. Diablos, tal vez incluso pensar en deshacerse de él por completo.

En varios ejemplos a continuación (Buffer, Asana, Crazy Egg), las páginas de registro no solicitan el nombre de inmediato, sino que permiten que sus clientes convertidos ingresen los detalles una vez que hayan iniciado sesión en la plataforma.

• Acuerdo de usuario: en lugar de hacer que sus usuarios hagan clic en una casilla de verificación que indique que están de acuerdo con sus términos de usuario, considere incluir un mensaje encima de su CTA como lo hace LinkedIn a continuación. Afirma que al convertir, el usuario consiente automáticamente.

3. Si es absolutamente necesario toda esa información, solicítela en pasos

Mira, a veces realmente necesitas mucha información para registrar un nuevo usuario. Las suscripciones que requieren pago en el lugar requieren formularios largos para capturar información confidencial como la dirección de facturación y el número de tarjeta de crédito. Cuando eso suceda, considere dividir el proceso de registro en varios pasos.

Un informe de Formstack muestra que el año pasado, los formularios de registro de varias páginas superaron a los de una sola página en más de un 9%:

¿Por qué?

Los formularios de varias páginas hacen que la conversión sea menos abrumadora al separar el proceso en varios pasos cortos. Más páginas significan más espacio para fuentes más grandes, campos más largos y etiquetas descriptivas que pueden no ajustarse a un formato más corto. Además, los registros de varias páginas generalmente vienen con una barra de progreso conveniente que les permite a los usuarios saber qué tan avanzado están en el registro.

Recuerde: si puede acortar su formulario eliminando algunos campos, acórtelo. Si no puede, no intente que parezca más corto colocando todo en una pequeña cantidad de espacio. Solo saturará su página y abrumará a su cliente potencial.

4. Considere usar una ventana modal

Para aquellos con un proceso de registro rápido, como Canva, una ventana modal ofrece algunos beneficios.

El diseñador Joshua Johnson explica por qué:

Se superponen al contenido actual en lugar de llevarlo a una página diferente. De alguna manera, eso es menos inquietante que ser llevado a un lugar nuevo, que se siente como una interrupción. Al atenuar los gráficos de la página de inicio y abrir un formulario de registro de señal modal, tendrá la sensación de que el proceso será rápido e indoloro y que volverá a navegar en poco tiempo.

En un momento en que los usuarios de Internet están más impacientes que nunca, darles la impresión de que volverán a navegar en un instante es una buena práctica.

5. Habilite la función de autocompletar social

En casi todos los ejemplos de página de registro a continuación, notará botones de autocompletar en redes sociales. Estos permiten a los usuarios omitir su formulario con un solo clic al importar información personal relevante que ya han enviado a las redes sociales.

Formstack descubrió que al incluir esta función, los usuarios podían generar un 189% más de conversiones de formularios. Además, el 86% de las personas dice que crear nuevas cuentas de usuario en diferentes sitios web es inconveniente. Cuando su objetivo es hacer que la conversión sea lo más fácil posible, aprovechar el autocompletado social es una obviedad.

6. Deshazte del texto del marcador de posición.

Para realizar la conversión, los visitantes deben saber cómo completar su formulario. Pero usar texto de marcador de posición no es la mejor manera de mostrarlos.

Según Nielsen Norman Group, agregar texto gris claro a los campos de su formulario tiene el potencial de:

• Agotar la memoria a corto plazo de los usuarios. Cuando empiezan a escribir y el texto gris desaparece, piensan: "¿Cuántos caracteres debe tener mi contraseña de nuevo?"
• Haga invisibles los campos de su formulario. Los campos de formulario vacíos son en realidad más visibles para los clientes potenciales que los que tienen marcadores de posición.
• Irrita a los usuarios que pasan por el formulario. Aquellos que completen rápidamente su formulario usando el botón "tab" no tendrán tiempo para leer el texto explicativo del marcador de posición antes de que desaparezca.
• Confundir a los visitantes. Es posible que confundan el texto del marcador de posición con información que se completó automáticamente.

Para evitar confusiones, incluya una etiqueta sobre cada campo que indique a los visitantes exactamente lo que deben incluir. El texto del marcador de posición solo creará más fricción en su página de registro.

Cómo los profesionales crean páginas de registro

Ahora que sabe qué incluir en su página de registro, echemos un vistazo a cómo los profesionales construyen la suya.

LinkedIn

Esta página de registro de LinkedIn es de la variedad de página de destino posterior al clic. Es independiente, lo que significa que no está conectado al sitio web de la empresa a través de la navegación, ni siquiera en el logotipo.

Por encima del formulario, el título podría transmitir un mayor beneficio. En él, cuatro campos mantienen baja la fricción. Sin embargo, al combinar el nombre y el apellido en un campo de "nombre completo", esa fricción podría reducirse aún más.

Sobre cada cuadro de texto, las letras grises les permiten a los prospectos saber lo que se supone que deben escribir, y encima del campo de "contraseña", esa etiqueta es aún más específica. Sin embargo, ese campo de "contraseña" no sigue las mejores prácticas al mostrar viñetas idénticas para cada letra que escribe el cliente potencial.

Las letras grises adicionales debajo del último campo del formulario les permiten a los visitantes saber que al hacer clic en "Únete ahora", aceptan el acuerdo de usuario, la política de privacidad y la política de cookies de LinkedIn. Eso le ahorra al cliente potencial el paso adicional de tener que hacer clic en un cuadro de suscripción para dar su consentimiento.

En el llamado a la acción, la palabra "ahora" enfatiza que una vez que el usuario hace clic en el botón de CTA, es inmediatamente parte de la red. En lo que respecta al botón en sí, podría saltar un poco más, ¿no crees? Un color de fondo o botón diferente podría llamar más la atención sobre dónde el usuario debe hacer clic para unirse.

Debajo de eso, un botón "Continuar con Facebook" agiliza todo el proceso. Si tiene un perfil en la red social más grande del mundo, haga clic en ese botón para permitir que el formulario se complete automáticamente con los datos que ya ha compartido con Facebook.

Copyblogger

Aquí hay una página de registro que es más que un formulario. Lo primero que es probable que los prospectos noten es ese titular gigante lleno de pruebas sociales. Traducido, dice: "si somos lo suficientemente buenos para 334.000 especialistas en marketing, también somos lo suficientemente buenos para usted".

También aprovecha un fenómeno comúnmente conocido como "FOMO", que significa "miedo a perderse". Nadie quiere perderse la ventaja que tienen 334.000 de sus pares de la industria.

Debajo de eso, una vista previa de todo el contenido valioso gratuito que obtienen los prospectos después de registrarse los tienta a completar ese formulario. Sin embargo, el formulario en sí podría estar mejor diseñado.

Al eliminar el campo "volver a ingresar contraseña" y condensar el nombre y apellido en "nombre completo", Copyblogger podría reducir la cantidad de cuadros de texto de 5 a 3 y, a su vez, la cantidad de fricción involucrada en registrarse. En lugar de ese campo "volver a ingresar contraseña", se puede usar una opción de mostrar / ocultar para garantizar la precisión al ingresar una contraseña.

Para reducir aún más la fricción, las etiquetas dentro de cada campo deben colocarse arriba. En este momento, esas letras grises desaparecen cuando los clientes potenciales hacen clic en el cuadro de texto, lo que les facilita olvidar lo que estaban escribiendo.

En general, aunque algunas deficiencias en el formulario y un par de enlaces salientes pueden afectar las conversiones en esta página de registro, el contenido gratuito de Copyblogger es demasiado valioso para dejarlo pasar.

Huevo loco

En primer lugar, una empresa que se autodenomina "líder" en su industria es como un café que dice que su café es el mejor del mundo. Hay muchos que lo dicen, pero pocos que pueden probarlo. En lugar de llamarse a sí mismo el mejor, respalde su afirmación con una estadística o citando a un cliente conocido que crea que lo es.

Debajo de ese titular hay una imagen que muestra una vista previa de la información que obtiene cuando usa Crazy Egg, y a la derecha de la imagen, tres líneas de texto explican qué es esa información junto con lo que puede hacer con ella.

En esta forma supercorta, la fricción es mínima. El titular enfatiza que la prueba es gratuita, el botón aparece sobre el fondo blanco y la llamada a la acción está escrita en primera persona. En este momento, lo único que evita que este formulario sea indoloro es el texto de marcador de posición gris que distrae en cada campo.

Debajo de eso, la prueba social en forma de logotipos de clientes reconocibles y el texto "Más de 200,000 empresas se convierten mejor con Crazy Egg" aumenta la capacidad de persuasión de esta página de registro.

En conjunto, esta página hace que la conversión sea muy sencilla para los visitantes.

Buffer

Cuando hace clic en el llamado a la acción "registrarse gratis" en Buffer.com, la página de inicio se transforma en una página de registro mediante la implementación de un breve formulario emergente y oscureciendo el contenido circundante.

En esa ventana emergente, el proceso de conversión es simple: haga clic en uno de los tres botones de inicio de sesión social para omitir el formulario o ingrese una dirección de correo electrónico y una contraseña. De cualquier manera, la fricción es mínima. ¿La única forma en que este formulario podría ser más fácil de completar? Deshazte de ese texto de marcador de posición que te distrae.

Asana

Como máximo, registrarse en esta página desde Asana requiere dos clics. Con una función de inicio de sesión de Google, podría tomar tan solo uno.

Una oración encima del formulario le indica cómo completar el formulario, incluso hasta qué correo electrónico debe registrarse.

Sin embargo, justo debajo de eso, un campo de formulario lleno de texto de marcador de posición gris distrae al usuario. Pero, ¿disuadirá a la gente de registrarse? No es probable. Este formulario es casi sin fricciones y fácil de completar.

Comience a crear una página de registro optimizada con Instapage, solicite una demostración de Instapage Enterprise hoy.