Español

autenticación
experiencia-del-usuario
inicio-de-sesión
registro

Pequeños trucos para mejorar la experiencia de incorporación de tus clientes

Aprende cómo mejorar la experiencia de registro de usuarios con los parámetros de autenticación de Logto.

Simeng

Developer

7/25/2024

Deja de perder semanas en la autenticación de usuarios

Lanza aplicaciones seguras más rápido con Logto. Integra la autenticación de usuarios en minutos y concéntrate en tu producto principal.

Comenzar

En Logto, damos mucha importancia a perfeccionar nuestro proceso de incorporación para nuestros clientes. Entendemos la importancia de hacer que la experiencia de registro e inicio de sesión sea lo más sencilla y fluida posible. En este artículo, compartiremos dos pequeños trucos que deberías usar para mejorar la experiencia de registro del usuario.

Primera pantalla

Echemos un vistazo breve al proceso de autenticación de OIDC.

Cuando un usuario envía una solicitud de autenticación desde la aplicación cliente, se inicia una sesión de autenticación OIDC en Logto. Luego, el usuario es dirigido a la página de inicio de sesión alojada por Logto para ingresar sus credenciales y verificar su identidad. Una vez que el usuario inicia sesión con éxito, la respuesta de autenticación se envía de vuelta a la aplicación cliente.

Por defecto, se presentará una pantalla de inicio de sesión al usuario.

Si el usuario no tiene una cuenta, puede hacer clic en el botón Registrarse para cambiar a la pantalla de registro.

Pero, ¿y si el usuario llega a la aplicación con la clara intención de registrarse? Definitivamente querrías saltarte la pantalla de inicio de sesión y dirigir al usuario directamente a una pantalla de registro bien diseñada.

Esto se puede lograr fácilmente añadiendo el parámetro first_screen a tu solicitud de autenticación.

O en un SDK compatible:

El parámetro first_screen puede tomar dos valores: signIn o register.

Al configurar el parámetro first_screen en register, puedes saltarte la pantalla de inicio de sesión y dirigir al usuario directamente a la pantalla de registro.

Tal como nuestra página de inicio de Logto.

Empezar

Cuando el usuario hace clic en el botón Empezar, será dirigido directamente a la pantalla de registro.

Bienvenido

Inicio de sesión directo

Otro parámetro de autenticación útil que deberías conocer es direct_sign_in. Este parámetro te permite iniciar un flujo de autenticación SSO social o empresarial directamente, evitando la pantalla de inicio de sesión.

Esto es especialmente útil cuando tienes tus propios puntos de acceso SSO social o empresarial y quieres saltarte la pantalla de inicio de sesión de Logto.

Por ejemplo, sin el parámetro direct_sign_in especificado, el recorrido de usuario SSO empresarial sería así:

Se presenta la pantalla de inicio de sesión por defecto.
Introduce la dirección de correo electrónico.

Se detecta la autenticación única y luego el usuario hace clic en el botón Inicio de Sesión Único para iniciar el flujo SSO.
Además, si se han configurado múltiples proveedores de SSO bajo el mismo dominio de correo electrónico, se pedirá al usuario que seleccione el proveedor de SSO deseado.

Este flujo se puede simplificar si conoces de antemano el proveedor de SSO deseado del usuario.

El parámetro direct_sign_in puede tomar los siguientes valores:

social:<provider-name>: Inicia directamente un flujo de autenticación social de terceros. (por ejemplo, social:google)
sso:<connector-id>: Inicia directamente un flujo de autenticación SSO empresarial. (por ejemplo, sso:1234567890)

Agrega el parámetro direct_sign_in a tu solicitud de autenticación:

O en un SDK compatible:

Con el parámetro direct_sign_in, el usuario será redirigido directamente a la página de autenticación del proveedor de identidad especificado. Reduciendo significativamente el número de pasos necesarios para completar el proceso de autenticación.

Conclusión

En Logto, tomamos muy en serio la experiencia de usuario. Usando los parámetros first_screen y direct_sign_in, puedes mejorar significativamente el proceso de incorporación de tus clientes.

Si quieres crear una pantalla de registro personalizada y visualmente atractiva, asegúrate de explorar nuestra función de custom-css.

Para más información, consulta los parámetros de autenticación.

Prueba Logto Cloud gratis

Primera pantalla#

Inicio de sesión directo#

Conclusión#

Primera pantalla#

Inicio de sesión directo#

Conclusión#

Primera pantalla

Inicio de sesión directo

Conclusión

Primera pantalla

Inicio de sesión directo

Conclusión