Padrões de design - Tela inicial (Responsável)

Esse documento estabelece os padrões e fornece um guia para a definição do layout e da interface da tela inicial para os usuários do perfil responsável. O layout padrão do sistema contará com o menu superior, e com as listas de dependentes e pré-matrículas.

O menu superior deve conter algumas funcionalidades, como um botão para sair do sistema, um botão para o log de ação e um outro para gerenciar a conta do usuário.

Os itens menus utilizados e as configurações do sistema apresentados na barra de navegação superior são:

• Log de ações
• Gerenciar sua conta
• Logout

Esses itens de navegação poderão ser acessados com um clique no botão lista suspensa na barra de navegação que os agrupa.

Também deve existir um botão para exibir as notificações do sistema para o usuário, ao aciona-lo será exibido uma lista de notificações.

Por padrão a cor do menu superior em todas as páginas deve ser #?.

As listas deverão exibir para o usuários todos os dependentes e pré-matrículas cadastradas por ele, além de permitir alterar, visualizar e excluir os dados.

A lista de dependentes deverá exibir todos os dependentes. Cada item dessa lista deve possuir um botão para alterar ou excluir um registro.

Alinhado ao título da lista deverá existir um botão para incluir um novo registro.

Exemplo de lista de dependentes:

A lista de cards de pré-matrículas deverá exibir todas as pré-matrículas, sendo que cada card simboliza um registro. Cada item dessa lista deve possuir um botão para excluir um registro, e ao clicar no card os detalhes da pré-matrícula devem ser exibidos.

Alinhado ao título da lista deverá existir um botão para incluir um novo registro. Ao acioná-lo será exibido um sub-menu para selecionar o tipo de pré-matrícula.

Exemplo de lista de cards de pré-matrícula:

Exemplo do sub-menu da inclusão de pré-matrículas:

Por padrão, os ícones a serem exibidos para o responsável são esses: