Pular para o conteúdo principal
Tela explicada

Entrar na conta

Login com e-mail e senha, ou com Google, Facebook ou Amazon, para continuar a compra.

Login (Keycloak)Compra de passagem fluvial · passo 4 de 7

Como é a tela

Captura real do ambiente de desenvolvimento, com dados fictícios. Clique na área destacada para seguir a jornada.

Protótipo - dados fictíciosProtótipo: Compra de passagem fluvial
Entrar na conta - Entrar na conta

6 de 12 passos com captura real.

Para que serve

Identificar o passageiro para vincular a compra e os bilhetes à conta. Quem ainda não tem conta pode criá-la aqui.

Quem acessa e como chegar

Quem tocou em “Continuar para Comprar” sem estar conectado, ou em “Entre ou cadastre-se” no topo.

  1. No resumo da viagem, toque em “Continuar para Comprar”.
  2. Ou toque em “Entre ou cadastre-se” no topo do app.

Campos

3 campos. Os marcados como obrigatórios precisam ser preenchidos para seguir.

Campos da tela
CampoTipoObrigatórioFormato e regrasMensagens
E-mailE-mailSimseu@email.com · O rótulo muda conforme a configuração do Keycloak (e-mail ou usuário); no ambiente capturado aparece “E-mail”.-
SenhaSenha (com “Mostrar senha”)Sim--
Manter conectadoCaixa de seleçãoNão--

Botões e ações

Ações da tela
AçãoO que fazLeva para
EntrarAutentica e volta ao app para continuar a compra.Compra - dados dos passageiros (etapa 1)
Esqueci minha senhaInicia a recuperação de senha.-
Criar contaAbre o cadastro para quem “Ainda não tem conta?”.-
Continuar com Google / Facebook / AmazonLogin pelos provedores sociais configurados no Keycloak (no ambiente capturado: Google, Facebook e Amazon).-

Estados da tela

Como a tela se comporta em cada situação.

Formulário de login

Título “Entrar” e subtítulo “Acesse sua conta para reservar passagens”.

Captura real

Credenciais inválidas

Mensagem do Keycloak para usuário ou senha incorretos.

Mensagens exibidas

Textos exatos mostrados ao usuário.

  • “Acesse sua conta para reservar passagens”Ao abrir o login

Acessibilidade e celular

  • Rótulos visíveis nos campos; botão “Mostrar senha”.

Dúvidas comuns e solução de problemas

Esqueci minha senha. E agora?

Toque em “Esqueci minha senha” e siga as instruções enviadas para o seu e-mail.

Perco a viagem escolhida ao entrar?

Não. Depois do login o app volta para a compra com a viagem selecionada.

Mais detalhes em Compra de passagem fluvial.