Para garantizar que la experiencia de sus usuarios sea perfecta desde el principio, debe diseñar sus pantallas de inicio de sesión y registro para que sean lo más intuitivas posible. Estas pantallas son generalmente el primer paso para un usuario cuando experimenta su producto.
Busqué en la web, específicamente busqué algunos de mis productos favoritos y analicé las opciones de UX para mostrar el bueno, lo malo y lo feo.
Es fácil confundirse'iniciar sesión' y 'inscribirse' considerando lo similares que son ambas frases.
Desde la perspectiva del usuario, podría ser fácil seleccionar el opción equivocada y potencialmente comenzar a registrarse, cuando en cambio tenían la intención de iniciar sesión.
Yo sugeriría usar 'acceso' con 'inscribirse'. Esta ligera variación proporcionará una claridad más inmediata a sus usuarios.
Fuente: Dropbox. Su terminología utiliza “iniciar sesión” y “registrarse”, que es demasiado similar.
Seamos sinceros – los usuarios pueden ser vagospuedo dar fe de esto 😉
A veces ves un formulario de registro largo y prefieres usar Facebook o Google para registrarte.
Con la reciente controversia sobre el intercambio de datos en los sitios de redes sociales, usted debe decidir cómo desea alinear su producto de manera ética. Sin embargo, proporcionar a sus usuarios estas opciones simplificar sus vidas, lo que hará que estén mucho más dispuestos a utilizar su producto. ¡Gana, gana!
Fuente: Airbnb. Permiten a los usuarios continuar con Facebook y Google.
Al iniciar sesión, proporcionar a sus usuarios más que una dirección de correo electrónico puede tener más sentido contextual. Como ejemplo, los números de móvil están fuertemente asociados con su cuenta Uber, como es principalmente una aplicación para teléfonos inteligentes.
Fuente: Uber
Por otro lado, considere permitir más de un 'nombre de usuario' o 'cliente #'. Si el usuario no tiene autocompletar o un administrador de contraseñas, podría resultar difícil recuperar esta información.
Fuente: Godaddy. He tenido problemas para recordar mi nombre de usuario y número de cliente antes.
No hay nada más frustrante que dedicar tiempo a completar un formulario y obtener la validación de que su contraseña no es válida: intentar ingresarla varias veces pero seguir recibiendo el mismo mensaje de error. 🤦
Es ideal si los usuarios pueden alternar mostrando su contraseñapara que pueda identificar exactamente dónde está fallando su contraseña.
Fuente: Airbnb. Tienen un interruptor sutil para mostrar la contraseña.
Hace que la vida de los usuarios sea mucho más eficiente si puedes dejarlos registrados. Obviamente, esto es un riesgo de seguridad, por lo que se debe implementar un límite de tiempo simbólico para garantizar que los piratas informáticos no puedan aprovechar esto. Adobe permite a los usuarios alternar esta opción.
Fuente: Adobe. De forma predeterminada, estoy configurado para permanecer conectado.
De manera similar a permitir alternar para 'mostrar contraseña', le ahorra tiempo al usuario al presentarle una validación inmediata de que tiene bloqueo de mayúsculas activado. En general, no se sentirán tan frustrados ya que podrán identificar su error de manera más eficiente.
Fuente: WordPress.
Podrías perder el tiempo de algunos de tus usuarios si esperas hasta que presionen el botón “enviar” antes se les presentan errores. Es más eficaz en términos de tiempo si son capaces de reconocer los errores que han cometido al principio del proceso. Puede implementar esto mostrando la validación al ingresar o salir. Airbnb maneja la validación de formularios de esta manera.
Fuente: Airbnb. ¿Puedes decir que amo su UX?
Indica a tus usuarios cuantos intentos tienen antes de que se bloquee su cuenta; esto es especialmente crucial para sitios web como bancos, etc., ya que los clientes tienen que llamar al banco para validar que no están pirateando su propia cuenta.
WordPress no aborda esto perfectamente – eligen bloquear la cuenta antes de dar una advertencia. Sin embargo, permiten un nuevo intento en 20 minutos.
Fuente: WordPress
Es un enfoque amigable para recordar a sus usuarios 🤗 No es necesario que vuelvan a ingresar credenciales adicionales y es posible que se sientan más inclinado para iniciar sesión nuevamente en el futuro. En este ejemplo, Google ha recordado mi cuenta. He ocultado mi dirección de correo electrónico por motivos de privacidad.
Fuente: Google
Es importante animar a sus usuarios a tener fuerte contraseñas, ya que es menos probable que sean pirateadas. He visto una combinación de texto puro o indicadores visuales para la longitud de la contraseña. Personalmente, prefiero el enfoque visual ya que es una descripción general rápida y sencilla. Atlassian utiliza esto perfectamente.