15 49.0138 8.38624 1 0 4000 1 https://www.boydrice.com 300 0
theme-sticky-logo-alt
theme-logo-alt

Cómo crear formularios de inscripción / registro efectivos

El formulario de registro es uno de los elementos más importantes de cualquier sitio que lo requiera, y algo en lo que los diseñadores de interfaces deberían dedicar más tiempo a hacerlo bien. Las opciones de diseño afectan directamente las tasas de conversión y, sin usuarios, su proyecto está casi muerto..

A continuación, se ofrecen algunos consejos para mejorar sus formularios de registro..

Si le gusta este artículo, es posible que le interese alguno de nuestros artículos anteriores sobre Tutoriales de PSD a HTML, archivos PSD de diseño web de comercio electrónico, tutoriales de diseño web de Photoshop, consejos para escribir CSS y las mejores plantillas de correo electrónico.

1. Venda el producto a su usuario antes de exigir el registro

Una táctica que a veces se ve en la Web es ocultar más información sobre el servicio detrás de un formulario de registro. De esa manera, estos desarrolladores calculan que pueden vender el producto y explicar todas las excelentes funciones que contiene una vez que ya tienen al usuario cautivo, con la capacidad de enviar material de marketing a su bandeja de entrada..

Pedirle a un usuario que se registre es su llamado a la acción. En redacción publicitaria, la llamada a la acción se encuentra al final de la carta de ventas porque ha tenido tiempo de entusiasmar al lector y analizar sus objeciones. Aquí hay un cruce con el diseño de la interfaz. Desea poner la mayor cantidad de información a disposición de quienes visitan por primera vez para que aquellos que se encuentran en su grupo demográfico objetivo estén listos y dispuestos a registrarse..

2.Haga que su formulario de registro sea de fácil acceso

Hay un equilibrio en la primera regla, y eso hace que el formulario de registro sea de fácil acceso. Hay clientes que prefieren probar un nuevo servicio incluso con muy poca familiaridad que leerlo primero. Hay otros que ya saben para qué están en el sitio y solo quieren comenzar. Y, por supuesto, una vez que sus visitantes hayan leído la presentación de su página de inicio, no querrá que se pierdan tratando de registrarse..

Asegúrese de que cualquier visitante de su sitio pueda averiguar dónde registrarse a los pocos segundos de que se cargue la página..

Arriba, puede ver la página de inicio de Twitter. Realmente no hay nada más fácil de acceder que eso.

3. Elija sus colores sabiamente

Como todos los diseñadores saben, la psicología del color juega un papel muy importante en el diseño comercial de cualquier tipo, ya sea para materiales de marketing impresos o sitios web..

Es particularmente importante cuando se trata de su llamado a la acción, el formulario de registro en este caso, que use colores que le digan al lector que siga adelante, que no se escape con el rabo entre las piernas. Use botones verdes y texto neutro, y evite los elementos rojos o naranjas que le dicen a su lector de manera subliminal que deje de hacer lo que está haciendo..

Está bien usar esos colores para errores de validación, por ejemplo, si ingresan una dirección de correo electrónico no válida. Llamar la atención sobre los errores de manera clara y rápida es tan importante para lograr que un usuario se registre como evitar esos mismos colores en el resto del diseño..

En el caso de Creditable, como se vio arriba, el esquema de color en gran parte azul no está roto, pero el botón de acción tiene un color verde de “¡adelante!”.

4. Utilice autenticación de terceros, a menos que exista una razón real por la que no puede

La autenticación OAuth a través de los principales servicios como Google, Facebook, Twitter y, más recientemente, LinkedIn es un gran ahorro de tiempo para desarrolladores y usuarios por igual. Los usuarios se están acostumbrando a tener esta opción y, como resultado, se están volviendo más impacientes que nunca con los formularios de registro..

Definitivamente hay casos en los que no es posible utilizar estos servicios, pero si puede, hágalo. Sin embargo, asegúrese de dar opciones a sus usuarios. Algunas personas, como yo, prefieren usar Twitter en lugar de Facebook para estos servicios; Facebook es algo más privado para mí (ríete de eso todo lo que quieras, Zuckerberg). Otros prefieren centralizar sus identidades digitales en torno a un servicio, a menudo Facebook para los menos privados. Ofrezca una amplia gama de opciones para cubrir todas sus bases.

Echosign permite a los usuarios iniciar sesión a través de cuentas de Google o Google Apps, que son buenas opciones para su grupo demográfico empresarial. Sería bueno incluir LinkedIn ahora que lanzaron un servicio de autenticación similar.

5. Minimice la inversión de tiempo necesaria para el usuario

Una de las reglas del buen diseño de formularios de registro ha sido durante mucho tiempo minimizar el número de campos en ese formulario. Como mencioné, la ubicuidad de las soluciones de autenticación OAuth con un solo clic solo ha reducido la paciencia que tienen los usuarios para los formularios de registro. Es más importante que nunca atenerse a lo que necesita inmediatamente cuando solicita información de usuario..

Si su departamento de marketing está pidiendo a gritos más datos sobre los usuarios, pídales que completen perfiles opcionales una vez que hayan iniciado sesión. Pero si los fuerza en la página de registro, su departamento de marketing pedirá a gritos que haya más usuarios para empezar..

a B C

Este es el formulario de registro de LinkedIn. Este tipo de formulario de cuatro campos es cada vez más común, pero es notable porque LinkedIn razonablemente podría solicitar mucha más información para comenzar su perfil, como su lugar de trabajo actual. En cambio, cuando demasiados gerentes de marketing insistirían en capturar esa información directamente, esto lo alienta suavemente a completar más información usando un medidor de progreso una vez dentro..

También es notable la alerta, donde LinkedIn indica que es posible que ya tenga una cuenta en el sitio. Disuadir a los usuarios de que inicien una cuenta cuando ya hayan invertido unos minutos en configurar una es ir más allá en lo que respecta a minimizar la inversión de tiempo del usuario..

6. Validar sobre la marcha

No hay ninguna razón para obligar a un usuario a seguir enviando y volviendo a cargar la página para averiguar dónde se ha equivocado, lo que invariablemente requiere que vuelva a completar otras partes del formulario que estaban bien antes. Siempre parece haber una o dos respuestas inexplicablemente faltantes.

Es bastante fácil hacer que los formularios validen las respuestas de los usuarios a medida que se completan estos días. Si la contraseña no cumple con los criterios o no coincide con el campo de confirmación, se toma el nombre de usuario, o es posible que no puedan vivir en ese código postal porque es un dígito menos que el país que han seleccionado, no los haga esperar. descubrir. Validar campos a medida que el usuario los completa.

El ejemplo anterior es un formulario de ejemplo de jQuery de Designers (puede probarlo en acción aquí) y, como puede ver, ha comprobado si el nombre de usuario es válido y si en realidad hay una imagen en la URL proporcionada antes del envío..

7. No exceda una página

Los mejores formularios de registro son lo suficientemente pequeños como para colocarlos en una barra lateral para los usuarios que no han iniciado sesión. Hemos cubierto la importancia de la brevedad. Pero si su aplicación es un poco más formal y realmente requiere todos esos campos por alguna razón (por ejemplo, una cuenta bancaria en línea con su banco), no exceda una página web en el formulario de registro..

Tal vez sea un poco optimista hacer esta recomendación a las instituciones financieras, pero para el resto de ustedes … no exceda una página!

Si recuerdas hace diez años, Yahoo! solía tener un formulario de registro enorme. Probablemente tenía más preguntas que una solicitud de ciudadanía. Si bien creo que podrían hacer que este formulario sea mucho más corto, es un gran logro para los miembros de Yahoo! haberlo bajado a una pantalla.

8. Ponga un enlace a su política de privacidad cerca

Adquirir registros es más que simplemente hacer que un usuario se entusiasme con su producto. Necesitan confiar en ti, y hay varias formas sutiles en las que puedes dar un aire de credibilidad. Estos incluyen íconos para mejores organizaciones comerciales y similares, pero lo más simple que puede hacer es vincular a su política de privacidad donde se verá cuando los ojos del usuario se muevan hacia el formulario de registro..

Utilice un texto de anclaje como “Nunca damos su información personal. Saber más.” Los ojos del usuario tienden a omitir las palabras “Política de privacidad” después de más de diez años de ubicuidad entre los principales sitios..

Groupon hace un gran trabajo tranquilizando al usuario. Debajo del campo de correo electrónico, han incluido el texto “No se preocupe, su correo electrónico está seguro con nosotros”. No está vinculado directamente a la política de privacidad, pero proporcionaron un vínculo justo debajo del siguiente botón de acción..

9. Mantenga legibles los tamaños de fuente

Parece haber una regla no escrita que establece que las etiquetas de los formularios deben tener tamaños de fuente relativamente pequeños. Esta compulsión no es tan fuerte como antes, pero es algo a tener en cuenta.

No dejes que tus etiquetas sean más pequeñas que 14 px, y algo más cercano a 16 px (el tamaño estándar del texto del cuerpo) o 18 px, un tamaño un poco más grande para llamar la atención un poco más, son buenas opciones..

Las etiquetas de Freshbooks no son de ninguna manera enormes, pero tienen el mismo tamaño que el texto del cuerpo, que es aproximadamente el lugar donde quieres estar. Como diseñadores, tenemos que poner fin a formar etiquetas más pequeñas que este.

10. Preste atención a los detalles

Como con cualquier otra cosa, debe probar sus formularios antes de implementarlos. “Lo suficientemente bueno” es un punto de finalización con el que a menudo tenemos que conformarnos o las cosas nunca salen por la puerta, pero este es un aspecto de su sitio en el que necesita alcanzar la perfección.

A medida que crea varias cuentas con el formulario, tome nota de cualquier cosa que haya sido momentáneamente discordante o levemente molesta. Tome medidas para reducir incluso los obstáculos más pequeños para obtener el registro todopoderoso. Un ejemplo común: si usa el etiquetado de formularios en línea, asegúrese de que las etiquetas desaparezcan cuando el usuario active el campo haciendo clic o tabulando en él. Obligarlos a eliminar texto antes de comenzar a escribir es solo un ejemplo de una molestia menor que, cuando se combina con otras molestias menores, podría llevar al abandono del proceso..

Necesita trabajo de diseño de formularios o sitios web?

Encuentra algo diseño de formularios web trabajos y clientes que buscan diseño web rentable.

Previous Post
Dijital Ürününüz İçin DVD Kapağı Nasıl Oluşturulur
Next Post
25 tablas comparativas profesionales