6 Prácticas de Diseño de Páginas de registro para Formularios sin fricción
Como especialista en marketing, probablemente te guste pensar que entiendes bien a tus prospectos: quiénes son, cómo se comportan, etc. Entonces, si uno de ellos visitó tu sitio web o página de registro, ¿qué crees que haría a continuación?
Probablemente se registre para su servicio, ¿verdad?
Ese no siempre es el caso, como descubrió una marca. Para ellos, algo entre ese CTA y su página de «gracias» estaba causando que el negocio perdiera casi una cuarta parte de sus clientes potenciales.
Hubo un problema con su página de registro.
Crear páginas de destino con Instapage ¿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 destino PPC post-clic; otras están vinculadas a la página de inicio a través de la navegación, algunas incluso son la página de inicio. A pesar de sus diferencias, todos comparten el mismo objetivo: generar registros para 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 prospectos navegan después de evaluar una marca y decidir que su servicio ofrece lo que necesitan.
Debido a eso, las páginas de registro se centran menos en persuadir al cliente potencial para que convierta y más en minimizar la fricción que implica hacerlo. Ese enfoque en la usabilidad significa que otros elementos tradicionales de la landing page después de hacer clic, como pruebas sociales, testimonios y medios que llaman la atención, pasan a un segundo plano.
Simplemente 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».»
En realidad es solo un formulario corto. Y, como verás un poco más adelante, la mayoría de las páginas de registro se construyen 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 registros, debe minimizar los pasos involucrados en el registro y, al mismo tiempo, aprovechar al máximo los pocos elementos que utiliza. Aquí hay algunos consejos e ideas de los expertos.
Usa un titular orientado a beneficios
En el momento en que un cliente potencial llega a tu página de registro, en la mayoría de los casos, ya ha evaluado tu servicio y determinado que se adapta a sus necesidades. Pero, ¿eso significa que no deberías recordarles por qué están allí?
A continuación, Copyblogger utiliza un titular relleno a prueba de redes sociales para convencer a los usuarios de que se registren, y, por encima de esto, Shopify recuerda a los clientes potenciales que su prueba es gratuita durante 14 días.
Simple es bueno, pero si tienes espacio para reforzar tu USP con un titular, hazlo. Es probable que tenga un impacto más positivo en las conversiones que negativo.
Haz que todos tus campos sean obligatorios
Este consejo se refiere menos a requerir que tus visitantes completen tu formulario y más a asegurarte de que has elegido los campos correctos. Con esto queremos decir que, si has determinado que un campo de formulario es opcional, no necesitas esa información para inscribir al prospecto.
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 una información crucial para que Instapage conozca a sus clientes, por lo que no la pedimos durante el registro.
Si realmente no necesita conocer la empresa de su cliente potencial, su posición o cuántos empleados tiene, entonces no pregunte. Cuanto menos trabajo necesiten hacer, mejor.
Campos de formulario a considerar
Algunos campos de formulario a considerar para consolidar/deshacerse de:
- Nombre de usuario: ¿Realmente necesitan sus usuarios un nombre de usuario para registrarse? ¿O puedes simplemente pedir 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ñas, otra técnica poco práctica.
El enmascaramiento de contraseñas es la tecnología que hace que cada letra se vea como un punto de viñeta idéntico cuando se ingresa en un formulario. Da la impresión de seguridad adicional, pero de lo único que realmente protege es de la gente que te mira por encima del hombro.
Pregúntate: ¿mis clientes potenciales realmente están creando sus contraseñas en un entorno público lleno de gente? 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 utilizando una función de «mostrar / ocultar», como lo hace MailChimp en su página de registro:
- Nombre y apellido: Considere consolidar el nombre y el apellido en un campo de «nombre completo». O, simplemente pregunte por su nombre de pila. 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 piden nombre de inmediato, sino que permiten que sus clientes convertidos ingresen detalles una vez que han 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 indica que aceptan sus términos de usuario, considere incluir un mensaje encima de su CTA de la manera en que LinkedIn lo hace a continuación. Indica que al convertir, el usuario da su consentimiento automáticamente.
Crea páginas de destino con Instapage Si necesitas absolutamente toda esa información, pídela en pasos
Mira, a veces realmente necesitas mucha información para registrar a un nuevo usuario. Los registros que requieren un pago in situ 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, considera 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 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 podrían no caber en un formato más corto. Además, los registros de varias páginas generalmente vienen con una barra de progreso conveniente que permite a los usuarios saber cuánto tiempo están en el registro.
Recuerde: si puedes acortar tu formulario eliminando algunos campos, acórtalo. Si no puedes, no intentes hacer que parezca más corto metiendo todo en una pequeña cantidad de espacio. Solo saturarás tu página y abrumarás a tu prospecto.
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é:
Superponen el 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, lo 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, se tiene 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 gran práctica.
Crear páginas de destino con Instapage Habilitar autocompletar en redes sociales
En casi todos los ejemplos de páginas de registro a continuación, notarás 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 hayan enviado a las redes sociales.
Formstack descubrió que al incluir esta función, los usuarios podían generar conversiones de formularios un 189% más altas. Además, el 86% de las personas dicen que crear nuevas cuentas de usuario en diferentes sitios web es inconveniente. Cuando tu objetivo es hacer que la conversión sea lo más fácil posible, aprovechar el autocompletado social es una obviedad.
Deshazte del texto del marcador de posición
Para convertir, los visitantes deben saber cómo completar tu formulario. Pero usar texto de marcador de posición no es la mejor manera de mostrarlos.
De acuerdo con Nielsen Norman Group, agregar texto gris claro a los campos de formulario tiene el potencial de:
- Tensar la memoria a corto plazo de los usuarios. Cuando empiezan a escribir y el texto gris desaparece, piensan para sí mismos, «¿Cuántos caracteres necesita tener mi contraseña de nuevo?»
- Haz que los campos de tu formulario sean invisibles. Los campos de formulario vacíos son en realidad más visibles para los prospectos que los que tienen marcadores de posición.
- Irrita a los usuarios al tabular el formulario. Aquellos que completen rápidamente su formulario usando el botón » tab » no tendrán tiempo de leer el texto del marcador de posición explicativo antes de que desaparezca.
- Confunde a los visitantes. Es posible que confundan el texto del marcador de posición con información que se rellenó automáticamente.
Para evitar cualquier confusión, incluya una etiqueta encima de cada campo que indique a los visitantes exactamente lo que necesitan incluir en él. El texto del marcador de posición solo creará más fricción en su página de registro.
Crea páginas de destino con Instapage Cómo los profesionales crean páginas de registro
Ahora que sabes qué incluir en tu página de registro, echemos un vistazo a cómo los profesionales construyen las suyas.
Esta página de registro de LinkedIn es de la variedad de páginas de destino posteriores 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 titular podría transmitir un beneficio más fuerte. En él, cuatro campos mantienen la fricción baja. Sin embargo, al combinar nombres y apellidos en un campo de «nombre completo», esa fricción podría reducirse aún más.
Sobre cada cuadro de texto, las letras grises permiten a los prospectos saber lo que se supone que deben escribir, y por encima del campo «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 escriba el prospecto.
Letras grises adicionales debajo del último campo del formulario permiten a los visitantes saber que al hacer clic en» Unirse ahora», aceptan el acuerdo de usuario, la política de privacidad y la política de cookies de LinkedIn. Eso le ahorra al prospecto el paso adicional de tener que hacer clic en un cuadro de suscripción para dar su consentimiento.
En la llamada a la acción, la palabra «ahora» enfatiza que una vez que el usuario hace clic en el botón de llamada a la acción, forma parte inmediatamente de la red. En cuanto al botón en sí, podría estallar un poco más, ¿no crees? Un fondo o un color de botón diferente podría llamar más la atención sobre dónde debe hacer clic el usuario para unirse.
Debajo de eso, un botón «Continuar con Facebook» agiliza todo el proceso. Si tienes un perfil en la red social más grande del mundo, haz clic en ese botón para que el autocompletar complete el formulario por ti usando los datos que ya has compartido con Facebook.
Copyblogger
Aquí hay una página de registro que es más que un formulario. Lo primero que es probable que noten los prospectos es ese título gigante lleno de pruebas sociales. Traducido, dice :» si somos lo suficientemente buenos para 334,000 marketers, también somos lo suficientemente buenos para ti.»
También se aprovecha de 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 los clientes potenciales obtienen después de registrarse los tienta a llenar ese formulario. La forma en sí, sin embargo, podría estar mejor diseñada.
Al eliminar el campo » reingresar contraseña «y condensar el nombre y apellido en» nombre completo», Copyblogger podría reducir el número de cuadros de texto de 5 a 3 y, a su vez, la cantidad de fricción que implica registrarse. En lugar de ese campo «reingresar contraseña», se puede usar una opción 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, las 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, si bien algunas deficiencias en el formulario y un par de enlaces salientes pueden dañar las conversiones en esta página de registro, el contenido gratuito de Copyblogger es demasiado valioso para dejarlo pasar.
Crazy Egg
En primer lugar, una empresa que se hace llamar «el líder» en su industria es como una cafetería que llama a su café 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 reclamo con una estadística o citando a un cliente conocido que cree que lo es.
Debajo de ese titular hay una imagen que muestra la visión previa que obtienes cuando usas Crazy Egg, y a la derecha de la imagen, tres líneas de texto explican qué es esa visión junto con lo que puedes hacer con ella.
En esta forma súper corta, la fricción es mínima. El titular enfatiza que la prueba es gratuita, el botón aparece en 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.
A continuación, 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 persuasión de esta página de registro.
En total, esta página hace que la conversión sea muy fácil para los visitantes.
Crea páginas de destino con Instapage Buffer
Al hacer clic en la llamada a la acción «registrarse gratis» en el Búfer.com, la página de inicio se transforma en una página de registro desplegando 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 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 poco como uno.
Una oración arriba del formulario te dice cómo completar el formulario, incluso en qué correo electrónico debes registrarte.
Directamente debajo de eso, sin embargo, un campo de formulario lleno de texto marcador de posición gris distrae al usuario. Pero, ¿disuadirá a la gente de inscribirse? No es probable. Este formulario es casi sin fricción y fácil de completar.
Comience a crear una página de registro optimizada con Instapage, solicite una demostración de Instapage Enterprise hoy mismo.