Tela de Login

Além das novas cores, a tela de login recebeu botões e campos mais intuitivos.

• A logo da sua empresa não é mais exibida, por um motivo importante: a tela agora é mais responsiva, adaptando-se melhor a diferentes tamanhos de monitores. Vale destacar que a logo continua sendo exibida nos relatórios e documentos.

Open

_{Figura 1: Tela de Login}

Homepage - Tela Inicial

Na tela inicial do sistema, também chamada de home, percebemos que a aparência ficou mais clara e limpa, com novas cores e o tamanho maior da fonte.

Foi removido o quadro de Vídeo Aulas, que deu lugar para o quadro Alertas do sistema, deixando os avisos de vencimento mais visuais.

Os Atalhos também estão melhores distribuídas no quadro central da tela.
 

Open

_{Figura 2: Home}

Detalharemos a seguir as principais alterações nesta tela:

Menu Lateral

O ícone para fechar/abrir o Menu Lateral mudou de aparência e local. Agora é simbolizado por uma seta dupla inversa e está no lado esquerdo do menu lateral.

Outro ajuste foi que os ícones dos menus no Menu Lateral agora são realçados (alteram para a cor laranja) quando uma Rotina dentro dele está em uso.

Open

_{Figura 3: Recolher Menu Lateral}

Dicas importantes:

• Quando qualquer tela do sistema está aberta, é possível pesquisar por ferramentas utilizando o atalho do teclado CTRL + K. Essa função já existente facilita a busca, mesmo enquanto outra tela do sistema está em uso.

• Para retornar à tela inicial do sistema, basta clicar na logo "bsoft tms" localizada no topo do menu lateral.
  
  

Open

_{Figura 4: Campo de Pesquisa}

Barra Superior

No topo da tela, ficaram disponíveis apenas os ícones mais utilizados, sendo os acesso às Rotinas Preferências, Notificações e Alterar Zoom das Fontes.

Os demais foram movidos para o menu do botão Usuário, onde agora fica o nome do seu Usuário.

• Dentro do menu do botão, logo abaixo do nome do usuário, fica localizado o código do cliente, que também pode ser chamado de Id. Bsoft. Este é o número de identificação da sua área.

No menu do botão, também foi adicionada a opção que direciona para a página de vídeo aulas, que também ficou mais fácil de navegar.

Open

_{Figura 5: Barra superior}

Uma novidade importante é a opção Aparência e Acessibilidade, também disponível no menu do botão Usuário.

• Através dela, é possível ajustar o tamanho dos ícones e a densidade das listas (a proximidade entre linhas e colunas) dentro das ferramentas. Isso permite que as telas de listagem fiquem mais ou menos condensadas, de acordo com a preferência do usuário.

Também é possível alterar a aparência visual do sistema, alterando o tema de cores.

Open

_{Figura 6: Aparência e acessibilidade}

Dica importante: na barra superior, fica disponível o botão Rotinas Preferenciais, representado por uma estrela, que permite acessar as rotinas preferenciais (também visíveis no quadro "Minhas Ferramentas Preferenciais"). Com isso, não é necessário voltar à tela inicial para acessá-las.

Open

_{Figura 7: Rotinas Preferenciais}

Rotinas - Telas do Sistema

As telas de Rotina do sistema também ganharam melhorias visuais, com maior espaçamento e alinhamento entre os elementos, linhas e colunas.

• Além disso, os botões das operações receberam uma atualização dos seus ícones, que agora estão mais modernos. Eles também passaram a suportar diferentes dimensões de tela.

Também, está sendo realizada a padronização da ordem dos botões das operações "Adicionar", "Editar", "Visualizar" e "Remover" em todas as telas.

Open

_{Figura 8: Rotina}

Uma mudança importante nas telas que contêm listagens é que, agora, o quadro de Filtro fica recolhido por padrão, proporcionando uma interface mais limpa e ganhando espaço para a visualização dos registros.

• O quadro é facilmente expandido ao clicar sobre o cabeçalho Filtrar.

Ainda dentro deste quadro, foi alterada a ordenação dos botões Limpar E Filtrar, com contraste de cor entre eles, melhorando a usabilidade.

Open

_{Figura 9: Filtro}

Nas telas onde existem modelos personalizados de listagem, o campo para a seleção do modelo foi movido do canto superior direito da tela para o cabeçalho da lista, após os botões de operações extras.

Outra melhoria é que, em listagens longas, o cabeçalho agora permanece fixo no topo ao rolar a tela, o que facilita a visualização.

Open

_{Figura 10: Personalizar listas}

Dicas importantes:

• Ao clicar com o botão direito do mouse sobre um registro, é exibido um menu com atalhos para as operações, o que facilita a execução de ações em registros individuais.

• É possível personalizar a cor da legenda para o destaque dos registros na listagem. Para isso, dê um clique do mouse sobre o ícone de cor da legenda.

Open

_{Figura 11: Rotina - dicas}

Outro ajuste para melhorar a usabilidade da tela, foi a realocação dos botões de ferramentas, que agora estão posicionados próximos aos campos de interesse. Anteriormente, esses botões estavam localizados no final da tela, o que dificultava o uso.

• Além disso, os botões finalizadores (como Cancelar, Retornar, Salvar, Finalizar, Cadastrar, etc.) foram atualizados com cores distintas, facilitando a visualização e o uso

Open

_{Figura 12: Botões próximos aos campos}

É importante lembrar que a visualização das ferramentas, botões, campos, etc., depende da configuração do seu sistema e das permissões do seu usuário.

Videoaula