O artigo "Novo menu Lateral" tem as seções:

Por que criamos um novo menu lateral?

Nosso objetivo é sempre otimizar a experiência do cliente com o Nomus ERP Industrial, oferecendo melhorias contínuas que ajudem a aumentar a eficiência no uso da plataforma. Nesse intuito, mudamos o menu lateral, pois sabemos que em uma rotina industrial, cada centímetro de tela é importante para exibir os dados e as tabelas de forma clara e acessível.


Veja abaixo a comparação entre as interfaces antiga e a nova:


Percebemos que muitos de nossos clientes utilizam o menu lateral aberto durante todo o tempo de navegação no sistema, o que diminui a quantidade de itens visíveis na tela, impactando a visualização de informações essenciais para o controle da produção, qualidade e outros módulos do sistema.


Com base nisso, decidimos adotar uma versão compacta do menu lateral. Essa mudança permite que nossos clientes tenham mais área útil na tela para visualizar informações, tornando o uso do Nomus ERP Industrial mais eficiente.


Ícones fixos na lateral


 

Na nova versão do menu lateral, são exibidos apenas os ícones dos módulos disponíveis para o usuário, sem a presença de barra de rolagem. O design foi pensado para utilizar toda a altura disponível da tela, acomodando os ícones de forma otimizada. 


Menu completo


O menu completo, como o conhecemos anteriormente, só é exibido quando o usuário passa o mouse sobre o menu compacto de ícones, permanecendo aberto até que o mouse seja retirado. A partir dessa atualização, o menu completo sobrepõe a tela, em vez de empurrá-la para o lado.


Nenhuma parte da tela é movida, garantindo que o conteúdo permaneça estático, mesmo quando o menu completo for exibido, proporcionando uma navegação mais fluida e organizada.


Ajustes nas dimensões e cores do menu completo 


Logo e Cabeçalho


Com a remoção do ícone do menu do cabeçalho, o logotipo completo ficou desproporcional em relação ao novo menu de ícones. Para garantir uma melhor harmonia visual, alinhamos a logo do sistema Nomus ERP Industrial com o menu lateral.



Mudanças no Menu completo


Para garantir que o menu completo não bloqueie muito o conteúdo da tela quando sobreposto, realizamos algumas alterações para otimizar seu tamanho e melhorar a experiência de navegação:



  • Redução do tamanho dos ícones: Os ícones dos módulos foram reduzidos.
  • Altura dos itens do menu: Cada item do menu teve sua altura ajustada, tornando a lista mais compacta.
  • Largura do menu expandido: Agora, a largura total do menu aberto é de 224px, criando mais espaço para o conteúdo.
  • Barra de rolagem ajustada: A barra de rolagem só aparece a partir do primeiro item da lista, sem interferir na visualização do logotipo.
  • Padding adicional: Essa ação ajuda a diminuir a sensação de aglomeração visual, especialmente em telas com muita informação.


O sistema também teve mudanças nas cores do menu, para manter a hierarquia de cores mais organizada, oferecendo melhor contraste e clareza visual.


Essas mudanças foram projetadas para melhorar a usabilidade e a estética do menu, tornando a navegação mais intuitiva e agradável para os usuários, sem comprometer o espaço dedicado à visualização do conteúdo na tela.