Pequenos truques para melhorar a experiência de onboarding do seu cliente

No Logto, damos grande importância ao aperfeiçoamento de nosso processo de onboarding para nossos clientes. Entendemos a importância de tornar a experiência de cadastro e login do usuário o mais simples e fluída possível. Neste artigo, compartilharemos dois pequenos truques que você deve usar para melhorar a experiência de cadastro do usuário.

Primeira tela#

Vamos dar uma olhada rápida no processo de autenticação OIDC.

Quando um usuário envia uma solicitação de autenticação do aplicativo cliente, uma sessão de autenticação OIDC é iniciada no Logto. O usuário é então direcionado para a página de login hospedada no Logto para inserir suas credenciais e verificar sua identidade. Uma vez que o usuário faz login com sucesso, a resposta de autenticação é enviada de volta ao aplicativo cliente.

Por padrão, uma tela de login será apresentada ao usuário.

Se o usuário não tiver uma conta, ele pode então clicar no botão Registrar para mudar para a tela de cadastro.

Mas e se o usuário acessar o aplicativo com a intenção clara de se cadastrar? Você certamente vai querer pular a tela de login e direcionar o usuário diretamente para uma tela de cadastro bem projetada.

Isso pode ser facilmente alcançado adicionando o parâmetro first_screen à sua solicitação de autenticação.

Ou em um SDK suportado:

O parâmetro first_screen pode ter dois valores: signIn ou register.

Ao configurar o parâmetro first_screen como register, você pode pular a tela de login e direcionar o usuário diretamente para a tela de cadastro.

Assim como na nossa página inicial do Logto.

Quando o usuário clica no botão Comece agora, ele será direcionado diretamente para a tela de cadastro.

Login direto#

Outro parâmetro de autenticação útil que você deve conhecer é o direct_sign_in. Esse parâmetro permite que você inicie um fluxo de autenticação SSO social ou de empresa diretamente, ignorando a tela de login.

Isso é particularmente útil quando você tem seus próprios pontos de entrada SSO social e de empresa e deseja pular a tela de login do Logto.

Por exemplo, sem o parâmetro direct_sign_in especificado, uma jornada de usuário de SSO empresarial seria assim:

1. Tela de login padrão é apresentada.
2. Insere o endereço de e-mail.

3. Single sign-on detectado e o usuário clica no botão Single Sign-On para iniciar o fluxo SSO.

4. Além disso, se vários provedores SSO estiverem configurados sob o mesmo domínio de e-mail, o usuário será solicitado a selecionar o provedor SSO desejado.

Este fluxo pode ser simplificado se você souber com antecedência o provedor SSO desejado pelo usuário.

O parâmetro direct_sign_in pode ter os seguintes valores:

• social:<provider-name>: Inicia diretamente um fluxo de autenticação social de terceiros. (por exemplo, social:google)
• sso:<connector-id>: Inicia diretamente um fluxo de autenticação SSO empresarial. (por exemplo, sso:1234567890)

Adicione o parâmetro direct_sign_in à sua solicitação de autenticação:

Ou em um SDK suportado:

Com o parâmetro direct_sign_in, o usuário será redirecionado diretamente para a página de autenticação do provedor de identidade especificado. Reduzindo significativamente o número de etapas necessárias para concluir o processo de autenticação.

Conclusão#

No Logto, levamos a experiência do usuário muito a sério. Usando os parâmetros first_screen e direct_sign_in, você pode melhorar significativamente o processo de onboarding para seus clientes.

Se você deseja criar uma tela de cadastro personalizada e visualmente atraente, certifique-se de explorar nosso recurso de custom-css.

Para mais informações, consulte os parâmetros de autenticação.