Português (Portugal)
  • autenticação
  • experiência-do-utilizador
  • login
  • registo

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

Aprende como melhorar a experiência de registo de utilizadores com os parâmetros de autenticação do Logto.

Simeng
Simeng
Developer

Pare de perder semanas com autenticação de utilizadores
Lance aplicações seguras mais rapidamente com o Logto. Integre a autenticação de utilizadores em minutos e concentre-se no seu produto principal.
Começar
Product screenshot

No Logto, damos uma forte ênfase ao aperfeiçoamento do nosso processo de onboarding para os nossos clientes. Compreendemos a importância de tornar a experiência de registo e início de sessão do utilizador o mais simples e intuitiva possível. Neste artigo, vamos partilhar dois pequenos truques que deves usar para melhorar a experiência de registo do utilizador.

Primeira tela

Vamos dar uma breve olhada no processo de autenticação OIDC.

Quando um utilizador envia um pedido de autenticação a partir da aplicação cliente, uma sessão de autenticação OIDC é iniciada no Logto. O utilizador é então direcionado para a página de login, hospedada no Logto, para inserir as suas credenciais e verificar a sua identidade. Depois de o utilizador fazer login com sucesso, a resposta de autenticação é enviada de volta para a aplicação cliente.

Por defeito, uma tela de login será apresentada ao utilizador.

Tela de login

Se o utilizador não tiver uma conta, ele poderá clicar no botão Registar para mudar para a tela de registo.

Tela de registo

Mas e se o utilizador chegar à aplicação com a intenção clara de se registar? Provavelmente quererias saltar a tela de login e direcionar o utilizador diretamente para uma tela de registo bem desenhada.

Isto pode ser facilmente alcançado adicionando o parâmetro first_screen ao teu pedido de autenticação.

Ou num SDK suportado:

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

Ao definir o parâmetro first_screen para register, podes saltar a tela de login e direcionar o utilizador diretamente para a tela de registo.

Tal como na nossa página inicial do Logto.

Iniciar

Quando o utilizador clica no botão Iniciar, ele será direcionado diretamente para a tela de registo.

Bem-vindo

Login direto

Outro parâmetro de autenticação útil que deves conhecer é o direct_sign_in. Este parâmetro permite-te iniciar diretamente uma autenticação SSO social ou empresarial, contornando a tela de login.

Isto é particularmente útil quando tens os teus próprios pontos de entrada SSO social e empresarial e queres evitar a tela de login do Logto.

Por exemplo, sem o parâmetro direct_sign_in especificado, o percurso de um utilizador SSO empresarial seria o seguinte:

  1. A tela de login padrão é apresentada.
  2. Insere o endereço de e-mail.
SSO
  1. O single sign-on é detetado e o utilizador clica no botão Single Sign-On para iniciar o fluxo SSO.

  2. Se vários fornecedores SSO forem configurados no mesmo domínio de e-mail, o utilizador será solicitado a selecionar o fornecedor SSO desejado.

Lista de SSO

Este fluxo pode ser simplificado se souberes de antemão o fornecedor SSO desejado do utilizador.

O parâmetro direct_sign_in pode ter os seguintes valores:

  • social:<nome-do-fornecedor>: Iniciar diretamente um fluxo de autenticação social de terceiros. (ex. social:google)
  • sso:<id-do-conector>: Iniciar diretamente um fluxo de autenticação SSO empresarial. (ex. sso:1234567890)

Anexa o parâmetro direct_sign_in ao teu pedido de autenticação:

Ou num SDK suportado:

Com o parâmetro direct_sign_in, o utilizador será redirecionado diretamente para a página de autenticação do fornecedor de identidade especificado. Reduzindo significativamente o número de passos necessários para concluir o processo de autenticação.

Conclusão

No Logto, levamos a experiência do utilizador muito a sério. Usando os parâmetros first_screen e direct_sign_in, podes melhorar significativamente o processo de onboarding para os teus clientes.

Se queres criar uma tela de registo personalizada e visualmente apelativa, não te esqueças de explorar a nossa funcionalidade de custom-css.

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