loader

Apresentação do menu superior (header)

Todos os dados apresentados nas telas a seguir são fictícios, utilizados apenas para fins de demonstração do manual.

Na figura 31 é exibida a parte superior do sistema Hippo Notify, denominada aqui como Menu superior .

Esse menu inclui a logo e botões funcionais que serão detalhados adiante. Ele permanece visível em todas as telas do sistema.

Menu superior
Figura 31 - Menu superior

Clicar na logo direciona para a tela do dashboard.

O botão tipo “hamburguer”, em destaque vermelho, alterna entre exibir e ocultar o menu lateral. A visualização ocorre na tela do dashboard.

A figura 32 exibe o menu lateral maximizado e a figura 33 mostra o mesmo menu minimizado.

Exemplo menu lateral maximizado
Figura 32 - Exemplo menu lateral maximizado
Exemplo menu lateral minimizado
Figura 33 - Exemplo menu lateral minimizado

Com o menu minimizado (figura 33), há mais espaço disponível na tela.

Para alternar entre os modos, basta clicar novamente no botão "hamburguer".

O botão Trocar/Adquirir plano (destaque azul em figura 31) direciona para a tela de planos.

Ao clicar nesse botão, o sistema exibe a tela mostrada em figura 34 .

Tela trocar/adquirir plano
Figura 34 - Tela trocar/adquirir plano

Nessa página, é possível alterar planos ativos ou contratar novos módulos.

No módulo Faturamento, o botão Teste grátis por 7 dias indica ausência de plano ativo.

Os demais módulos exibem o plano ativo com aparência ofuscada.


O botão com ícone de engrenagem (destaque verde) permite configurar o tema (claro ou escuro).

As telas apresentadas até aqui estão no tema claro. A escolha do tema ocorre na janela aberta após clicar no botão figura 35 .

Janela configuração estilo do tema
Figura 35 - Janela configuração estilo do tema

O botão do tema ativo aparece selecionado. Para alterar, basta clicar em Escuro ou Claro, conforme desejado.

Sistema com tema escuro
Figura 36 - Sistema com tema escuro

O botão final do menu superior exibe as informações do usuário (destaque preto com ícone ou imagem).

Ao clicar, a janela será aberta conforme mostra a figura 36 .

Janela informações do usuário
Figura 37 - Janela informações do usuário

Na figura 37, o destaque verde mostra foto/logo, nome, tipo de usuário e e-mail.

No destaque azul, o botão Meu Perfil direciona para a tela de configurações da conta ( figura 37 ).

Tela de configuração do perfil do usuário
Figura 38 - Tela de configuração do perfil do usuário

As configurações de perfil são explicadas separadamente. Para acessar, clique aqui.

No destaque vermelho, o botão Cancelar Conta inicia o processo de cancelamento. A confirmação aparece no topo da tela, como mostra a figura 38 .

Confirmação do cancelamento da conta
Figura 39 - Confirmação do cancelamento da conta

Ao clicar em Sim, a conta é encerrada e ocorre o logout do sistema. Caso contrário, basta clicar em Não para cancelar a ação.

As explicações sobre o menu superior se encerram aqui.

Para continuar, acesse as informações sobre Usuários clicando aqui ou utilize o menu lateral.

Configurações

Estilo do Tema