El desarrollo de la muestra de la pantalla de inicio de sesión superior debe tenerse en cuenta en 2022

La página de inicio de sesión puede parecer una ocurrencia tardía al crear una aplicación. Las pantallas de inicio de sesión aparecen rara vez y las pantallas de registro solo aparecen cuando los usuarios se registran. ¿Cuánto enfoque requiere una sola pantalla? Bastante, para ser precisos.

La pantalla de inicio de sesión de una aplicación móvil actúa como una puerta de entrada. Después de descargar una aplicación, la impresión inicial del usuario será su interfaz. Para evitar la frustración de los usuarios ante el primer obstáculo, asegúrese de que sus usuarios puedan navegar y completar fácilmente la página de inicio de sesión. Para lograr sus objetivos comerciales, contrate al desarrollador Flutter de Flutter Agency ( www.flutteragency.com ) como empresas para garantizar que la pantalla de inicio de sesión de su aplicación siga la estructura adecuada.

Hemos creado una lista de algunas de las mejores pantallas de inicio de sesión que existen para que las use como inspiración para su próximo proyecto de interfaz de usuario móvil.

Paypal

PayPal gana el premio a la simplicidad. Si no fuera por el pequeño logotipo de PayPal en la parte superior del inicio de sesión, no tendría idea de dónde estaba.

Esta página de inicio de sesión tiene una característica única: está dividida en dos secciones. Ingresas tu dirección de correo electrónico y presionas el siguiente botón para cambiar tu contraseña. La base de usuarios de PayPal creció más del 13 % año tras año en el cuarto trimestre de 2021 , en comparación con el mismo período de 2020.

LinkedIn

No hay imágenes de fondo ni animaciones en la página de inicio de sesión de LinkedIn. Sin embargo, una página de inicio de sesión no tiene que ser estéticamente agradable a largo plazo. Es un camino directo hacia una meta, ideal para una página de diseño sin distracciones.

La simplicidad del diseño de la página de inicio de sesión de LinkedIn refleja esto. Marca todas las casillas necesarias con una copia alegre y motivadora, la capacidad de iniciar sesión con su número de teléfono y la opción de mostrar la contraseña.

Hace lo que se supone que debe hacer y brinda a las personas una sensación de afirmación si la necesitan. Además de un formulario de inicio de sesión, ¿qué más necesitamos?

Uber

La página de inicio de sesión de Uber tiene varios dibujos creativos sobre la marca. Es probable que una página de registro no se vea durante un período prolongado, pero agregar un atractivo visual y un toque de vida puede ayudar a mantener a los usuarios interesados.

el nacional geográfico

No hay sorpresas con respecto al proceso de inicio de sesión en National Geographic. Debido a que es un ejemplo decente de un formulario de inicio de sesión, no hay mucho que decir al respecto. Las empresas de los Estados Unidos y Canadá suelen utilizar el caso del título, y National Geographic ha hecho lo mismo.

Otros casos muestran una mezcla de casos de títulos y oraciones en los títulos. Escribir en un estilo que sea familiar para la audiencia prevista ayuda al lector a imaginar esta línea como si fuera dicha por una persona real.

Medio

The Medium puede ser el claro ganador de los sitios de inicio de sesión fáciles de usar. Para empezar, no se solicita instantáneamente a los usuarios que proporcionen su dirección de correo electrónico, nombre de usuario o cualquier otra contraseña.

Puede adquirir acceso a la plataforma en función de su uso de otras redes sociales importantes, como Facebook o Twitter. Para aquellos que prefieren un método más tradicional de inicio de sesión, pueden elegir la opción Iniciar sesión con correo electrónico.

El estilo básico de la página de inicio de sesión se ve reforzado por el uso del blanco como color principal. Sin embargo, de acuerdo con su identidad, Medium incluyó algunos gráficos dinámicos que le dan a la pantalla una sensación de movimiento.

Spotify

La página de inicio de sesión de Spotify es una obra de arte. No hay imágenes u otros elementos visuales sobre un fondo blanco visible para el usuario. Además de permitir que los usuarios inicien sesión a través de Facebook, Spotify también ofrece la opción de permanecer conectado.

Este formulario de inicio de sesión tiene validación en línea en las secciones de nombre de usuario y contraseña, lo que creemos que es un buen toque, ya que ayuda a que el estado sea más fácil de usar. Después de un intento fallido de inicio de sesión, aparece otro tipo de validación sobre el formulario de inicio de sesión.

No hay nada de malo en usar el color y otras invalidaciones de señales visuales. Durante los primeros tres meses de 2022, Spotify tiene 182 millones de miembros premium en todo el mundo.

buzón

El formulario de inicio de sesión de Dropbox aparece como un modal vertical que se extiende a medida que el usuario llega a la parte superior de la página, justo en su página de inicio. Cuando el usuario se desplaza hacia abajo en la página de inicio, se colapsa. Ocupa una parte importante de la página y los colores utilizados en estas dos secciones son bastante distintos.

En consecuencia, el formulario de inicio de sesión se distingue del resto de la página por un llamativo contraste. Disfrutamos de la validación de correo electrónico y las opciones de inicio de sesión de redes sociales.

MailChimp

Se necesita un rediseño a medida que Mailchimp se convierte en una plataforma de marketing completa. Se han realizado algunas modificaciones en su página de inicio de sesión desde la última vez que la cambiaron.

Uno de ellos es la adición de un rasgo de carácter distintivo. Su obra de arte es extraña, dibujada a mano, pero muy adecuada. Además de poder iniciar sesión normalmente, esta página de inicio de sesión le permite aprender cómo conectarse mejor con su audiencia, lo que probablemente a muchos usuarios de Mailchimp les interese saber cómo lograr.

Incluso si el texto de esta pantalla de inicio de sesión es escaso, la parte del nombre de usuario/contraseña olvidada sigue siendo sencilla y coherente.

Sephora

La página de inicio de sesión en Sephora utiliza una ventana modal como elemento principal de la interfaz de usuario. Tienen un excelente dominio del idioma inglés. "¿Recuerdas tu contraseña?" es todo lo que se necesita para distinguir entre iniciar sesión y registrarse.

Además, agradecemos el esfuerzo adicional realizado para validar la dirección de correo electrónico ingresada en el formulario. En lugar de simplemente alertar al usuario sobre un error en su correo electrónico, también proporciona el formato correcto para cada correo electrónico por separado. A pesar de que es una característica pequeña, fue apreciada por algunas personas en el desierto virtual.

Habilidad compartida

Los consumidores pueden iniciar sesión en un servicio utilizando sus cuentas de redes sociales con un solo clic. No hay necesidad de ingresar su contraseña o cualquier otra información personal. Skillshare muestra de forma destacada una opción de inicio de sesión social en la parte superior del formulario de inicio de sesión.

Sin embargo, si decide no hacerlo, puede ingresar su dirección de correo electrónico y contraseña directamente a continuación. Este formulario de inicio de sesión hace su trabajo.

Conclusión

Los formularios de inicio de sesión prueban qué tan simple puede hacerlo para que sus usuarios inicien sesión. Cree un formulario de inicio de sesión fácil de usar incluyendo inicios de sesión sociales, texto de marcador de posición y etiquetado distintivo. Flutter Agency, una empresa líder en desarrollo de aplicaciones de Flutter, lo ayuda a obtener los mejores recursos de Flutter y acceso a las últimas herramientas.