Conseguir que los usuarios rellenen un formulario de registro no es tarea fácil. En este post, echamos un vistazo a empresas que lo hacen bien: ¡prepárate para sentirte inspirado!
Los diseñadores tienen que encontrar la manera de animar a la gente a rellenarlos. Sin embargo, si añades un campo de formulario de más, puedes esperar que tu tasa de conversión caiga en picado. ¿Cómo consiguen este equilibrio algunos formularios de registro?
Diseña páginas de registro con Justinmind
Aquí analizaremos lo que hace que una página de registro sea realmente brillante. Exploraremos los elementos clave que convierten a los visitantes en clientes y discutiremos cómo crear una experiencia de incorporación fluida antes de sumergirnos en nuestros ejemplos favoritos de páginas de registro. Hagámoslo.
Imagina las páginas de registro como el plato de caramelos de la casa de la abuela: ¡dulces, deliciosas y que dejan a los usuarios con ganas de más! Un diseño excelente de la página de registro es la primera impresión crucial de tu producto. Establece el tono para una relación larga y feliz con tus usuarios, y crear una experiencia de registro fluida puede disparar tus conversiones. La razón es que la página de registro es tu oportunidad de oro para causar una primera impresión estelar. Una página bien diseñada muestra a los usuarios que te preocupas por su experiencia desde el principio. Es como una cálida bienvenida al asombroso mundo de tu producto. Pero recuerda, ¡la fricción es el enemigo! A nadie le gusta pasar por el aro, sobre todo cuando está deseando probar algo increíble (como tu producto, obviamente). Cada obstáculo que pongas en el camino de un usuario es un potencial asesino de conversiones, ¡así que ten cuidado!
Por último, utiliza tu página de registro como una casa de la diversión de valor. Muestra la magia de tu producto con capturas de pantalla, breves vídeos explicativos o incluso un atisbo del momento «¡ajá!» que experimentarán los usuarios. Haz que se entusiasmen con lo que les espera al otro lado del formulario de registro, y estarán ansiosos por entrar.
¿Listo para preparar una página de registro que aplaste las tasas de conversión? Vamos a desglosar los ingredientes clave:
Elabora un titular afilado como un cuchillo. Debe ser claro, conciso y dirigirse directamente a las necesidades y deseos de tu usuario objetivo. Piensa en él como si fuera tu discurso de ascensor: breve, dulce e imposible de ignorar. Limita el número de campos del formulario a lo absolutamente esencial. El nombre, el correo electrónico o el número de teléfono deberían ser suficientes.
Conectar a través de las redes sociales es, en nuestra opinión, el proceso más rápido y fluido, ya que los usuarios no tienen que hacer mucho más que pulsar ese botón y ¡voilà! están dentro. En otras palabras, cuanta menos información solicites, más rápido podrán experimentar los usuarios la magia de tu producto.
Otro consejo importante es no subestimar nunca el poder del atractivo visual, ¡especialmente en el diseño UX! Una página de registro bien diseñada, con iconos claros, colores contrastados y un diseño limpio, guiará a los usuarios sin esfuerzo a través del proceso. Hablando de guiar sin esfuerzo, asegúrate de que las etiquetas e instrucciones de tus formularios sean claras y concisas. No debe haber lugar para la confusión, así que evita cualquier jerga que pueda dejar a los usuarios rascándose la cabeza.
Por último, el botón de llamada a la acción (CTA) es tu puerta al paraíso de la conversión. Utiliza un lenguaje claro y orientado a la acción, y asegúrate de que destaque visualmente. Nadie debería perderse el botón grande y bonito que desata la magia de tu producto. Haz pruebas A/B con diferentes colores, textos y ubicaciones. Hacerlo puede revelar información valiosa sobre lo que resuena mejor entre tu público objetivo. Recuerda, ¡la CTA perfecta es una bestia en constante evolución!
¿Buscas una lista más amplia para inspirarte? Echa un vistazo a estos increíbles ejemplos de diseño de UI. También tenemos una maravillosa lista de ejemplos de encuestas de investigación. Si no, ¡sigue desplazándote para ver algunos maravillosos ejemplos de páginas de registro!
Este ejemplo de página de registro destaca por su sencillez y claridad. Su elegante diseño, con un fondo de suave degradado, es agradable a la vista y destaca lo esencial: dirección de correo electrónico, nombre de usuario y contraseña.
El campo de contraseña incluso te ofrece útiles recordatorios sobre lo que se necesita para una contraseña segura, un bonito detalle, ¿verdad? Además, hay una casilla de verificación opcional por si prefieres saltarte los correos electrónicos promocionales. Respetan tu bandeja de entrada, ¡lo que siempre es una ventaja!
El botón «Regístrate» aparece en negrita morada, pidiendo que lo pulses. Y si eres un usuario recurrente, el enlace «Iniciar sesión» está ahí mismo para que el proceso sea fácil y sin complicaciones.
Un fondo limpio y azul da un tono acogedor a esta página de registro. Con un solo campo de correo electrónico, las cosas son rápidas y sencillas, sin desorden, sólo lo que necesitas para empezar.
Antes de pulsar ese gran botón «Siguiente», puedes revisar y aceptar fácilmente la política de privacidad y las condiciones de uso. ¿Prefieres no escribir tus datos? No hay problema. Hay opciones para registrarse al instante utilizando Google, Facebook, Apple o LinkedIn. Y para los que ya estén registrados, el enlace «Iniciar sesión» está convenientemente situado en la parte superior para facilitar el acceso.
Este ejemplo de página de registro logra un equilibrio perfecto entre minimalismo y elegancia. Con una relajante imagen de fondo a la derecha, crea un ambiente acogedor a la vez que simplifica el proceso de registro.
Los usuarios pueden elegir registrarse rápidamente utilizando Facebook, Google o Apple, o rellenar sólo tres campos básicos: nombre, correo electrónico y contraseña. El botón «Regístrate» se destaca en azul, haciendo que el siguiente paso sea claro y fácil. Para los usuarios que vuelven, el enlace «Iniciar sesión» de la parte inferior proporciona una forma sencilla de volver.
Siguiendo el mismo estilo de simplicidad, este formulario de registro lo mantiene fácil con sólo tres campos: nombre, correo electrónico y contraseña. Para quienes busquen una opción más rápida, ofrece la posibilidad de registrarse a través de Facebook, Google o Apple. El botón «Regístrate» en negrita es difícil de pasar por alto, y el enlace «Iniciar sesión» de la parte inferior está ahí para los usuarios recurrentes.
¿Listo para empezar tu historia de éxito? Este formulario desprende un aire amistoso, con un titular pegadizo y una divertida ilustración al lado. Sólo te pide tres cosas: tu nombre completo, tu correo electrónico y tu área de interés.
La casilla «Acepto los Términos y Condiciones» está ahí para mantener las cosas claras, mientras que el suave botón azul «Regístrate» te anima suavemente a dar el siguiente paso. Perfecto para usuarios que desean una experiencia de registro rápida y personalizada.
Diseñado para móviles, este formulario de registro va directo al grano. Sólo pide lo esencial: tu dirección de correo electrónico, una contraseña y una rápida repetición para confirmarla. El diseño limpio y los detalles en azul cielo lo hacen agradable a la vista.
El botón «Regístrate» aparece en un lugar destacado, mientras que el enlace «Iniciar sesión» de la parte inferior mantiene la flexibilidad para los usuarios recurrentes. Sencillo y fácil de usar, perfecto para acceder sobre la marcha.
Siguiendo con ese ambiente acogedor, esta página de inicio de sesión facilita las cosas. Justo arriba, hay un botón de «Iniciar sesión con Google» para un inicio de sesión superrápido. ¿No te gustan los atajos? No hay problema. Sólo tienes que introducir tu correo electrónico y contraseña, y listo.
La casilla «Recordar durante 30 días» y el enlace «He olvidado la contraseña» están ahí para que todo sea fácil y sin complicaciones. A la derecha, hay un codazo amistoso para los recién llegados: 30 días de acceso gratuito, sin necesidad de tarjeta de crédito. Y si estás listo para unirte, el enlace «Regístrate» de la parte inferior te está esperando.
Aquí tienes otro ejemplo de página de registro que mantiene las cosas ligeras y acogedoras. Con sólo tres campos -nombre, correo electrónico y contraseña- se trata de que empieces rápidamente.
El soleado botón amarillo «Regístrate» destaca, guiándote sin esfuerzo al siguiente paso. Además, si ya eres miembro, tienes el enlace «Iniciar sesión» en la parte inferior, para que todo sea sencillo y fácil de navegar.
Siguiendo el mismo estilo de diseño suave, este formulario da la bienvenida a los usuarios con un diseño sencillo. Sólo pide una dirección de correo electrónico y una contraseña, por lo que es sencillo.
La casilla de verificación «Recordar durante 30 días» es un toque útil, que añade comodidad a los usuarios frecuentes. El botón morado «Iniciar sesión» es llamativo y fácil de ver, con un enlace «He olvidado la contraseña» cerca por si acaso. ¿Quieres una opción más rápida? Puedes iniciar sesión con Google. Y si eres nuevo aquí, hay un enlace «Regístrate» en la parte inferior, que te invita a unirte sin esfuerzo.
Siguiendo la tendencia mobile-friendly, este formulario de inicio de sesión te saluda con un cálido «Bienvenido de nuevo». Se ciñe a lo básico, solicitando tu dirección de correo electrónico y contraseña. ¿Necesitas facilitarte las cosas? La casilla «Recordar durante 30 días» es un toque práctico, y hay un enlace «He olvidado la contraseña» por si acaso.
El audaz botón negro «Iniciar sesión» destaca sobre la brillante cabecera amarilla, y si tienes prisa, puedes utilizar la opción «Iniciar sesión con Google». ¿Eres nuevo en TrackTV? El enlace «Regístrate» de la parte inferior está listo para guiarte.
Esta página de registro es sencilla y directa. Con un mensaje de bienvenida «Bienvenido de nuevo», comienza pidiendo sólo un correo electrónico y una contraseña. La práctica casilla de verificación «Recordar durante 30 días» es un buen detalle, que facilita las cosas a los usuarios habituales.
El botón azul «Registrarse» es claro y destaca, mientras que la opción «Iniciar sesión con Google» ofrece una alternativa rápida. Además, el enlace «He olvidado la contraseña» garantiza que nunca te quedes fuera. ¿Eres nuevo? El enlace «Regístrate» de la parte inferior te invita a unirte con unos pocos clics.
Sencillo y versátil, este ejemplo de registro cubre todo lo esencial. Los campos de nombre, correo electrónico y contraseña mantienen la sencillez, mientras que la casilla de verificación «Recuérdame» añade un toque práctico para los usuarios frecuentes.
El botón azul brillante «Regístrate» hace que sea fácil avanzar. ¿Quieres saltarte el tecleo? Elige entre opciones de acceso rápido como Google, LinkedIn o SSO. ¿Ya tienes una cuenta? El enlace «Iniciar sesión» de la parte inferior está ahí para guiarte sin problemas.
A veces menos es más, y este formulario de registro lo demuestra. Con sólo dos campos, correo electrónico y contraseña, mantiene las cosas sencillas y despejadas.
El diseño ligero es agradable a la vista, y el enlace «¿Has olvidado la contraseña?» está convenientemente situado, ofreciendo una forma rápida de recuperar el acceso si es necesario. Perfecto para los usuarios que aprecian una experiencia de inicio de sesión sencilla y directa.
Con un amistoso «bienvenido» en la parte superior, esta página de registro es muy sencilla. Sólo tres campos, nombre, correo electrónico y contraseña, hacen que el proceso sea rápido.
El botón «Crear cuenta», de color morado y en negrita, destaca y te indica dónde debes hacer clic a continuación. Si ya estás registrado, hay un práctico enlace «Iniciar sesión» en la parte inferior para facilitar el acceso.
Hemos elegido este formulario de registro como ejemplo porque es sencillo y con un proceso de registro muy rápido: sólo tienes que introducir tu correo electrónico y ya estás dentro. Para mantener la seguridad, ChatGPT incluye un paso de verificación telefónica después de que te hayas registrado. Es un pequeño precio a pagar por la tranquilidad y, sinceramente, no ralentiza demasiado las cosas.
Para la gente ocupada, puedes saltarte todo el proceso de registro accediendo con tu cuenta de Google o Microsoft. Es como si dijeran: «Sabemos que estás ocupado, así que vamos al grano». Esta maravilla de un solo clic probablemente también aumente las cifras de activación.
Salesforce adopta un enfoque más completo de los formularios de registro. A diferencia de otros ejemplos más sencillos, utilizan el propio formulario como escaparate de la plataforma, ofreciendo un rápido vistazo a sus ventajas. En lugar de abrumar a los usuarios con información tras el registro, proporcionan una propuesta de valor concisa por adelantado.
Para facilitar aún más las cosas, Salesforce proporciona tanto un chatbot como un número de teléfono para quienes prefieran la interacción humana. Aunque el formulario en sí pueda parecer largo, una barra de progreso ayuda a guiar a los usuarios a través del proceso y hace que parezca menos desalentador.
La página de registro del lunes es un ejemplo de libro de texto de minimalismo. Va directa al grano, con un único campo de correo electrónico y sin distracciones innecesarias. Sin ventanas emergentes ni pasos adicionales: pura eficacia. Para los que prefieren la vida de inicio de sesión de Google, Monday también te lo pone fácil.
Además, ¿la guinda del pastel? Es gratis y no necesitas tarjeta de crédito. Eso sí que es una obviedad.
Dropbox lo consigue. Su formulario de registro es un soplo de aire fresco. En lugar de enterrar a los usuarios en un mar de campos, se centran en el porqué: ¿por qué debería importarte Dropbox? Al presentar la propuesta de valor y utilizar una barra de progreso para representar visualmente el aumento de almacenamiento, han convertido una tarea mundana en una minicelebración.
Es una forma sutil, pero eficaz, de mantener a los usuarios comprometidos y entusiasmados con lo que está por venir. ¡Nos encanta tu página de registro de Dropbox!
El formulario de registro de Leadinfo es un excelente ejemplo de UX minimalista. Su incorporación es sencilla, con mensajes de error claros que evitan la frustración del usuario. Al mostrar de forma destacada una prueba gratuita de 14 días, alivian las preocupaciones sobre cargos inesperados. El texto limpio y el diseño sencillo ayudan a mantener la atención en la acción principal: registrarse.
Puedes elegir entre iniciar sesión en Leadinfo manualmente utilizando tu correo electrónico del trabajo o conectarte a través de las cuentas de Google, LinkedIn y Microsoft para una experiencia de inicio de sesión más fluida. ¡Un ejemplo de página de registro para los libros!
Diseña páginas de registro con Justinmind
El proceso de registro de PayPal consta de varios pasos, pero en realidad es muy fácil de usar. Al dividirlo en pasos concretos, evitan abrumar a los nuevos usuarios. En este ejemplo se dan pasos adicionales para la verificación por correo electrónico y teléfono, lo cual es necesario para una plataforma financiera.
Sin embargo, el flujo general sigue siendo fluido gracias al enfoque claro en cada etapa. El uso por parte de PayPal de botones CTA claros y contrastados también merece reconocimiento como una pequeña pero eficaz elección de diseño que guía a los usuarios a través del proceso.
La página de registro de Quora es un gran ejemplo de diseño centrado en el usuario. En primer lugar, la imagen de fondo sólo te llama para que entres en la zona y empieces a conectar con los demás. Además, han decidido combinar el inicio de sesión y el registro, lo que elimina pasos innecesarios y reduce la carga cognitiva del usuario.
Ofrecer opciones de inicio de sesión social como Google y Facebook simplifica aún más el proceso, atendiendo a la preferencia de los usuarios por la comodidad. ¡Nos encanta este ejemplo de formulario de registro!
Entendiendo los puntos débiles de KYC (Conoce a tu cliente) en los servicios financieros, Wise adopta un enfoque de registro en varios pasos. Sin embargo, dan prioridad a una experiencia de usuario fluida.
Wise ofrece una variedad de opciones de inicio de sesión social con iconos claros para Google, Facebook y Apple. Estas señales visuales también mejoran la UX del formulario al proporcionar una experiencia más escaneable y fácil de usar.
Crazy Egg va directo al grano con un titular centrado en la prueba gratuita que no te dejará adivinando. En lugar de eso, las combinaciones de colores contrastados guían tus ojos exactamente hacia donde tienen que ir.
¿Pensando en la confianza? Crazy Egg te cubre las espaldas. Los testimonios de clientes con historias de éxito reales están colocados estratégicamente para generar confianza. Y para mantener la limpieza visual, la sección de registro está inteligentemente separada del área de prueba social con un color de fondo distinto. Así que es claro, conciso y colorido: un ejemplo de todo lo que debe ser un buen formulario de registro.
Puede que Trello tenga uno de los mejores procesos de registro del mundo del SaaS. Olvídate de descifrar menús de texto: ofrecen un bufé de opciones de registro en su página, cada una con su propio icono. Google, Apple, tu correo electrónico de confianza… elige tu veneno (o mejor dicho, método de inicio de sesión) en un instante.
Pero Trello sabe que tu tiempo es valioso. Por eso esconden una joya oculta en la parte inferior del registro: ¡una cuenta desbloquea toda la suite Atlassian! Imagina un espacio de trabajo de Trello para Jira, Confluence y toda la familia Atlassian: un inicio de sesión simplificado en todos los ámbitos. Eso es lo que llamamos eficiencia sin fricciones.
Facebook tiene muchos usuarios. De hecho, miles de millones. Tendría sentido que Facebook hiciera su registro lo más fácil posible, ¡para animar a los usuarios potenciales! Este formulario de registro es sucinto y sólo pide la información esencial. Es breve, con sólo 4 campos de entrada. Funciona, ya que los usuarios no sentirán fatiga ante la idea de tener que soltar los detalles de su vida con esta página de formulario.
También es flexible. Los usuarios pueden inscribirse con un correo electrónico o un número de teléfono móvil. Una gran opción si no quieres darte de baja de esos correos electrónicos más adelante. Del mismo modo, el texto complementa muy bien el formulario. Destaca las ventajas que obtendrás al registrarte: fotos, novedades y entérate de lo que está pasando.
Como hemos dicho, a la gente no le gusta rellenar formularios. Los diseñadores tienen que crear formularios que sean tan fáciles de rellenar que el usuario no tenga que hacer mucho trabajo. Esto nos lleva a la página de registro de Medium. Tras hacer clic en el botón de llamada a la acción «Comenzar» de la página de inicio, aparece un modal. Se ve una atractiva ilustración de interés visual. Pero lo que llama la atención es que no hay campos de entrada. ¿Estamos ya ante un ganador?
Los usuarios pueden registrarse con Google o Facebook en un solo clic. Sin embargo, hay una trampa. Si no eres miembro de Facebook ni de Google, serás dirigido a sus formularios de registro. ¡Interesante movimiento, Medium! Haz que la gente rellene el formulario en otro sitio. Te vemos.
Mint es una aplicación de finanzas personales. Las finanzas personales deben tomarse en serio debido a la cantidad de datos que se almacenan en estas aplicaciones: es información personal y delicada. Mint hace un gran trabajo para tranquilizar a los usuarios añadiendo un icono de candado a sus botones de llamada a la acción. Esto refuerza la idea de confianza y seguridad. Los iconos no suelen funcionar bien en los botones, pero si se combinan con un texto contundente, son una combinación perfecta.
Luego pasamos al formulario de registro propiamente dicho. Cuando haces clic en «Registrarse», te lleva a un formulario que pone «Intuit», que es la empresa matriz de Mint. Si no lo sabías, puede que de repente te sientas escéptico. Esto no es nada que un poco de copia tranquilizadora no pueda resolver: «Crea una cuenta para todos los productos de Intuit, incluido Mint». Perfecto. El formulario de registro tiene 3 campos de entrada:
- Dirección de correo electrónico
- Teléfono (opcional)
- Contraseña
Tu teléfono es el método más seguro para verificar tu identidad. Mint lo subraya con una copia en color naranja:
Otra táctica brillante que utiliza Mint es cuando escribes tu contraseña. De repente, de la nada aparece otro campo pidiéndote que confirmes lo que acabas de escribir. Eso es divulgación progresiva en estado puro.
El formulario de registro de Reddit no podría ser más sencillo. Después de hacer clic en el botón de registro de la página de inicio, aparece un modal pidiéndote que continúes con tu número de teléfono, cuenta de Google o a través de Apple. Y luego, por supuesto, está la opción de escribir manualmente tu correo electrónico. Es cierto que en Reddit hay algo para todo el mundo. Cualquier nicho que se te ocurra y probablemente haya una comunidad de personas dedicadas a él.
Y, para colmo, esa casilla de verificación con un excelente texto UX que dice «Acepto recibir correos electrónicos sobre cosas interesantes de Reddit». Es genial cuando tus expectativas están fijadas desde el principio.
La página del formulario de registro de Mailchimp es limpia y minimalista. Su descarado monito mascota, que está ahí para animarte a unirte, te saluda con un guiño. Este formulario de registro sólo tiene 3 campos: correo electrónico, nombre de usuario y contraseña. Lo bueno del formulario de registro de Mailchimp es la opción de mostrar tu contraseña. El registro y el inicio de sesión son patrones diferentes. No tiene sentido mostrar la contraseña al iniciar sesión, ya que conoces tu contraseña.
Al ver la contraseña que escribo por primera vez, es menos probable que la olvide porque no está oculta tras una cadena de asteriscos. Este patrón elimina la necesidad de un campo de confirmación de contraseña, lo que ahorra tiempo al usuario y mejora el diseño UX del formulario.
X. Es lo que está ocurriendo, aparentemente. Su formulario de registro es el más crudo de nuestros ejemplos. Pero tiene sentido porque este formulario de registro es un proceso de tres pasos.
En primer lugar, te piden que facilites un nombre y un número de teléfono (o de correo electrónico, si te atreves). Luego incluyen tu fecha de nacimiento, sin explicar realmente por qué la necesitan. No es lo mejor para generar confianza. Sin embargo, el diseño es chulo, ¡eso hay que reconocerlo, Musk!
Diseña páginas de registro con Justinmind
Typeform, la empresa de recopilación de datos, añade un poco de humor a su página de registro. Utiliza un microcopy único como texto marcador de posición. El texto marcador de posición es útil en una interfaz de usuario porque proporciona un ejemplo al usuario de lo que debe escribir, mejorando la usabilidad de toda la página.
Typeform optó por un tema de Batman, que añade humor y personalidad. Pequeños elementos de alegría en la UI pueden proporcionar una gran experiencia al usuario y Typeform lo sabe. Esta es una forma en que las empresas pueden añadir sabor a lo que normalmente es una experiencia aburrida o poco interesante. La palabra gratis en «Crear mi cuenta gratis» en el botón de llamada a la acción incita al usuario a hacer clic, porque ¿a quién no le gustan las cosas gratis?
Si hay una empresa que debería hacer bien su página de registro es Google. Y cuando intentas crear una cuenta de Gmail, ves todos los signos de un diseño de página de registro impresionante. El texto es neutro y conciso, que es lo que quieres en una página de registro. Nadie quiere un sermón.
Dice de forma sutil que sólo tienes que sentarte y relajarte. Google te tiene cubierto. Esta es una buena redacción UX. Pero, de nuevo, estamos hablando de Google, ¿cómo se atreve nadie a esperar menos?
La página de registro de GetResponse es un ejemplo de manual de UX bien hecha. Es sencilla, limpia y cumple su cometido. Han clavado el enfoque minimalista con sólo tres campos: nombre, correo electrónico y contraseña. Menos es más cuando se trata de formularios de registro.
Además, han resaltado hábilmente las ventajas ahí mismo en la página, recordando a la gente por qué necesitan su producto. ¿Y ese botón de accesibilidad? Genial. Es un pequeño detalle, pero demuestra que realmente se preocupan por la inclusión.
Designmodo lo hace bien con su flujo de registro. Empezar sólo con un correo electrónico es inteligente. Es sencillo y directo. Además, si alguien se da de baja, al menos tienes su información para intentar que vuelva. Se trata de gestionar las expectativas y mantener el control.
Puedes iniciar sesión a través de tu cuenta de Google o introducir tu correo electrónico manualmente. Pulsa el CTA verde para continuar y ¡ya estás dentro! Esta empresa de diseño sí que sabe lo que hace.
La página de registro de Asana es de lo más sencilla. Al registrarse, la plataforma sólo pide el correo electrónico de trabajo del usuario, sin perder un tiempo precioso y dejando el esfuerzo cognitivo al mínimo.
Nos encanta que Asana haya conseguido crear una página de registro que ofrece una buena experiencia. Habla a los profesionales de todo el mundo, y alude al hecho de que la herramienta les hará la vida más fácil en la oficina. Esto es algo que muchos diseños de páginas de registro intentan reproducir: El formulario de registro de Asana es fácil, sin esfuerzo y no requiere ninguna reflexión por parte del usuario. ¡Simplemente perfecto!
Airbnb es una empresa que no necesita presentación. Es famosa por el impacto que ha tenido en el sector turístico y por su vibrante y única presencia online. Con el diseño blanco y espacioso por el que es conocido su sitio web, el diseño de la página de registro de Airbnb no es abrumador, aunque pida más información que otros de esta lista.
Nos gusta que el formulario de registro de Airbnb divida sus preguntas en tantas partes como sea posible, reduciendo el esfuerzo necesario para completarlo. El hecho de que la fecha de nacimiento esté separada en 3 menús desplegables diferentes es un magnífico ejemplo de cómo tomar algo que es fácil y hacerlo aún más fácil para el usuario. El diseño general de la página de registro es agradable a la vista y da la impresión de que el formulario no requiere mucho tiempo. Nos encanta especialmente la microinteracción del icono del ojo en el campo de introducción de la contraseña: ¡muestra la fuerte personalidad de Airbnb!
Una de las principales razones por las que nos gusta el diseño de la página de registro de Outlook de Microsoft es que está dividida en varios pasos. A estas alturas, todos sabemos que a los usuarios no les entusiasma rellenar cualquier tipo de formulario, por lo que dividir las preguntas en varias pantallas es una decisión inteligente.
Hace que el diseño de la página de registro resulte rápido y sencillo. Como cada pantalla sólo tiene una pregunta, los usuarios no tienen la impresión inicial de que el formulario vaya a ser complicado. A medida que los usuarios rellenan las preguntas, avanzan por las páginas, dándoles una sensación de progreso.
Shopify se ha convertido en una plataforma de comercio electrónico muy popular, que ayuda a personas de todo el mundo a vender sus productos online. No es de extrañar que el diseño de su página de registro facilite al máximo la creación de una cuenta de prueba: ¡la gente acude en masa a Shopify!
El formulario de registro es breve y sencillo, puedes registrarte con correo electrónico, Apple, Facebook y Google. Nos encanta que Shopify haya mantenido la página sencilla y directa, sin grandes animaciones ni otras distracciones. La página de registro también tiene un gran texto, como podemos ver en las dos primeras líneas, que te tranquiliza haciéndote saber que te queda un último paso antes de ser recompensado con una prueba gratuita.
El sitio web de Asos es un gran punto de referencia para el diseño web en muchos aspectos: desde su magnífica arquitectura de la información hasta su estructura web orientada al SEO. Asos ofrece una experiencia específica a los usuarios, que no sólo incluye contenido de venta al por menor, sino también de estilo de vida. Así que no es de extrañar que el diseño de su página de registro también esté a la altura.
El diseño de la página de registro ofrece a los usuarios la sencilla opción de registrarse utilizando sus cuentas de redes sociales, con un solo clic. También ofrece a los usuarios un sencillo formulario de registro de una columna que contiene un total de 6 preguntas. Puede parecer mucho, pero el diseño es inteligente al utilizar diferentes componentes de UI. En la parte inferior de la página de registro, vemos menús desplegables, botones de radio y casillas de verificación. Son una buena forma de pedir información adicional, sin hacer suspirar al usuario por la necesidad de teclear más.
Diseña páginas de registro con Justinmind
Netflix es otro nombre de esta lista que no necesita presentación. Conocido por su producto innovador y su gran usabilidad general, Netflix no decepciona cuando se trata de su formulario de registro. Todo el formulario de registro se divide en 3 pasos, todos ellos fáciles y rápidos de completar para cualquier usuario. Nos encantan los formularios bien estructurados y que ayudan a los usuarios a llegar hasta el final, ¡y el diseño del formulario de registro de Netflix está entre nuestros favoritos!
En primer lugar, se pide a los usuarios que elijan un plan de una tabla comparativa: basta con hacer clic, sin necesidad de escribir nada. De hecho, los usuarios sólo tienen que escribir su correo electrónico y contraseña en el siguiente paso del proceso de registro. Después, todo es cuestión de configurar su método de pago preferido. Más fácil imposible.
Las famosas botas a prueba de agua y de todo que todos conocemos y adoramos. El sitio web de Dr. Marten está lleno de personalidad, con brillantes destellos de color que nos recuerdan a sus propias botas de colores. El diseño de su página de registro sigue un estilo similar, en blanco y negro con toques de amarillo para marcar las llamadas a la acción.
El formulario de registro tiene una sola columna y es rápido, ya que sólo pide información básica a los usuarios. Los usuarios seguro que aprecian que haya campos de entrada separados para su nombre y apellidos, lo que facilita un poco el formulario. Un detalle interesante es que el formulario de registro ofrece a los usuarios un poco de ayuda para crear una contraseña. Esto ocurre sólo después de que el usuario haya empezado a escribir la contraseña, en forma de una barra de progreso que representa la fuerza de la contraseña. ¡Muy útil!
Tasty se ha hecho enormemente popular con sus vídeos de cocina en las redes sociales, que se propagan más rápido que la gripe común. Tasty hizo algo genial, aparte de tener un sitio web joven y desenfadado: colocó su formulario de registro justo encima del pie de página.
Es bastante diferente del resto de páginas de registro de esta lista, principalmente porque se trata de un enlace que se refiere al registro en un boletín de noticias y no en un servicio o plataforma. Esto significa que Tasty sólo necesita un dato, la dirección de correo electrónico del usuario. El formulario de registro consiste en un único campo de entrada, acompañado de una sencilla forma de validación bajo el propio campo. Nos encanta que Tasty no le dé demasiada importancia a su página de registro, simplemente distribuyéndola por todo su sitio web. Lo hace tan informal, tan fácil para los usuarios que podrían plantearse recibir recetas en su bandeja de entrada de correo electrónico. ¡Nos encanta!
El sitio web de Nike tiene dos diseños diferentes de formularios de registro: uno para su boletín de noticias y otro para su suscripción premium. Nos centraremos en la página de registro de miembros, aunque los dos formularios comparten muchos rasgos.
El formulario de registro se presenta en forma de ventana superpuesta en el centro de la pantalla. Tiene la opción estándar de registrarse a través de las redes sociales (Facebook), pero también ofrece la opción clásica de registrarse por correo electrónico. Los campos de entrada sólo están marcados por bordes que contrastan ligeramente con el fondo blanco, haciendo que todo parezca ligero y sencillo. Nos gusta que, mientras que el esquema de color general de la página de registro es blanco, gris y negro, la validación de cada uno de los campos es de color rojo brillante. Crea un gran contraste y es imposible pasarlo por alto. Aún mejor es el hecho de que la validación no se basa únicamente en el color para transmitir su mensaje, sino que ofrece a los usuarios un mensaje de error descriptivo.
Otro diseño de página de registro que apuesta por la ligereza y la sencillez. Canva, una de las herramientas de edición visual más populares del mundo, tiene un formulario de registro que hace gala de minimalismo y sencillez. El formulario en sí se encuentra justo en la página de inicio y tiene poco color, aparte de la llamada a la acción en el tono azul de Canva.
Es genial que el formulario se mezcle sin esfuerzo con el resto de la página de inicio, y que la imagen de la derecha no distraiga del formulario en sí. Otra gran victoria del formulario de registro de Canva es que ofrece a los usuarios un texto útil en la validación, como un mensaje específico de que la contraseña necesita 8 o más caracteres para ser válida.
Crear un formulario de registro es fácil. Conseguir que los usuarios lo rellenen es difícil. Pero todos los buenos formularios de registro tienden a hacerlo:
- Sé claro y conciso
- Pide la información adecuada
- Evita agotar al usuario con demasiados campos
Todos los formularios de registro de este artículo cumplen esos criterios. Algunos lo hacen mejor que otros. A la hora de crear el tuyo propio, asegúrate de tener en cuenta al usuario. Usa una pizca de empatía. Y corta la grasa. Si no es necesario, no lo pongas en el formulario.