Pular para o conteúdo principal
Tela explicada

Notificações (sino no topo)

Painel do sino com as notificações não lidas, para ler, marcar como lida ou abrir o link de cada aviso.

App Via FluvialAcompanhar a viagem e receber avisos · passo 2 de 2

Como é a tela

Protótipo - dados fictíciosProtótipo: Acompanhar a viagem e receber avisos
Carregando simulação…
Simulação no design do app · dados fictícios

0 de 5 passos com captura real.

Para que serve

Receber dentro do app os avisos da plataforma (como confirmações e comunicados) e controlar o que já foi lido.

Quem acessa e como chegar

Qualquer usuário com a conta conectada.

  1. Entre na sua conta.
  2. Toque no sino “Notificações” no topo da página; o número amarelo indica quantas não foram lidas.

Campos

Painel de leitura: não há campos para preencher.

Botões e ações

Ações da tela
AçãoO que fazLeva para
Notificações (sino)Abre ou fecha o painel e busca as notificações mais recentes.-
Marcar Como LidaRetira a notificação da lista e diminui o contador.-
Marcar Todas Como LidasZera a lista de não lidas.-
AbrirAbre em nova aba o link do aviso, quando houver.-

Estados da tela

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

Com notificações

Título “Notificações”, “x não lida(s)” e cada aviso com tipo, título, mensagem e data.

Simulação

Sem pendências

“Você não possui notificações pendentes.”

Simulação

Carregando

“Carregando notificações...”

Mensagens exibidas

Textos exatos mostrados ao usuário.

  • “Você não possui notificações pendentes.”Nenhuma notificação não lida
  • “Carregando notificações...”Ao abrir o painel
  • “Notificações (${unreadCount} não lida(s))”Rótulo do sino quando há não lidas

Acessibilidade e celular

  • Sino com rótulo acessível que inclui a quantidade não lida.
  • Painel fecha ao clicar fora dele.
  • Em telas muito estreitas (até 430 px) o sino não aparece.

Dúvidas comuns e solução de problemas

Não vejo o sino no celular.

Em telas muito estreitas (até 430 px de largura) o sino fica oculto. Gire o aparelho ou use uma tela maior.

A notificação sumiu depois que marquei como lida.

O painel mostra só as não lidas.

Mais detalhes em Acompanhar a viagem e receber avisos.