O guia rápido para "Redesign - Criação de item de pedido de venda no painel lateral" tem as seções:

• O que é o Redesign - Criação de item de pedido de venda no painel lateral?
• Como o sistema se comportava antes?
• Nova experiência de cadastro de itens do pedido: confira as principais mudanças
  • Painel lateral para adicionar item ao pedido
  • Alternância entre preenchimento completo e preenchimento ágil
  • Manutenção dos dados ao trocar de modo
  • Reestruturação do preenchimento ágil
  • Botões de ação no rodapé do painel
  • Campos que abrem modais
  • Organização de informações adicionais
  • Edição e exclusão de itens na tabela
  • Versão de visualização
• Resumo das principais mudanças
   

O que é o Redesign - Criação de item de pedido de venda no painel lateral?

Agora, a criação de itens do pedido passa a contar com uma nova experiência em painel lateral.

Com essa atualização, ao adicionar ou editar um item, o sistema abre um painel na lateral direita da tela, mantendo parte da tabela de itens visível ao fundo. Isso facilita a consulta dos itens já adicionados e torna o preenchimento mais fluido, sem que o usuário precise sair completamente da tela principal do pedido.

A atualização tem como objetivo melhorar a experiência de navegação, reduzir interrupções durante o cadastro e tornar o processo de inclusão de itens mais prático para usuários que lidam com pedidos com muitos produtos.

Essa nova experiência está disponível em fase beta a partir da versão 3125.

Essa mudança traz diversos benefícios:

• Cadastro em painel lateral: o formulário de criação de item passa a ser exibido em um painel lateral, permitindo que o usuário continue visualizando parte da tabela de itens do pedido ao fundo.

• Mais agilidade na inclusão de itens: o usuário pode alternar entre o preenchimento completo e o preenchimento ágil dentro do mesmo painel, escolhendo o formato mais adequado para sua rotina.

• Botões reorganizados: as ações de salvar, salvar e adicionar novo item, manter informações e cancelar foram reorganizadas para facilitar o uso e padronizar o comportamento entre os modos de preenchimento.

• Melhor aproveitamento da tela: o novo painel lateral evita que o usuário precise navegar para uma tela separada durante a criação do item, tornando a experiência mais objetiva.

• Navegação adaptada para dispositivos móveis: em celulares, o painel foi ajustado para ocupar toda a tela, garantindo melhor usabilidade em telas menores.

Essa atualização faz parte do compromisso da Nomus com a melhoria contínua da experiência do usuário e com a evolução das rotinas industriais no sistema.

Veja uma imagem da tela "Adicionar item ao pedido":

Como o sistema se comportava antes?

Antes dessa atualização, o cadastro de itens do pedido era realizado em experiências separadas, dependendo do tipo de preenchimento utilizado.

No preenchimento completo, o usuário acessava uma tela própria para cadastrar ou editar o item. Já no preenchimento com agilidade, o sistema utilizava um modal específico para inserir os dados de forma mais rápida.

Essa separação fazia com que o usuário tivesse experiências diferentes para realizar ações semelhantes. Além disso, a navegação podia exigir mais mudanças de contexto, principalmente em pedidos com muitos itens, nos quais é comum adicionar vários produtos em sequência.

Com a nova experiência, os dois modelos passam a ficar disponíveis dentro do mesmo painel lateral. Assim, o usuário pode alternar entre o preenchimento completo e o preenchimento ágil de forma mais simples, mantendo o foco no pedido em edição.

Veja na imagem abaixo uma comparação entre o antes e depois:

Nova experiência de cadastro de itens do pedido: confira as principais mudanças

Abaixo, veja as principais mudanças contempladas na nova experiência de cadastro de itens do pedido.

Painel lateral para adicionar item ao pedido

Ao clicar para adicionar um item ao pedido, o sistema passa a abrir um painel lateral com o título “Adicionar item ao pedido”.

Veja uma imagem da tela "Adicionar item ao pedido":

Esse painel é exibido na lateral direita da tela, com o restante da página escurecido ao fundo. Dessa forma, o usuário entende que está em uma etapa de preenchimento, mas continua com uma referência visual da tela principal do pedido.

O painel lateral conta com:

• Botão de fechar no topo direito.

• Cabeçalho fixo no topo.

• Rodapé fixo com os botões de ação.

• Espaçamento interno para facilitar a leitura dos campos.

• Exibição adaptada para ocupar toda a tela em dispositivos móveis.

A proposta é tornar o cadastro mais moderno, organizado e fácil de utilizar, mantendo as informações importantes próximas ao usuário durante a inclusão do item.

Veja uma imagem do painel lateral de criação de item em destaque:

Alternância entre preenchimento completo e preenchimento ágil

No topo do painel lateral, o sistema passa a apresentar um seletor de modo de preenchimento.

Esse seletor permite alternar entre duas opções:

• Preenchimento completo: exibe o formulário completo de criação do item, com todos os campos disponíveis.

• Preenchimento ágil: exibe uma versão mais rápida do cadastro, voltada para usuários que precisam adicionar itens com maior velocidade.

Com essa mudança, o usuário não precisa acessar telas ou modais diferentes para escolher como deseja preencher o item. As duas experiências passam a ficar disponíveis no mesmo painel.

Em telas menores ou dispositivos móveis, o seletor é exibido em uma versão mais compacta, utilizando apenas ícones quando não houver espaço suficiente para apresentar os textos completos.

Atenção: ao clicar no botão “Adicionar item” ou ao editar um item do pedido de venda, a tela “Adicionar / Editar item ao pedido” é aberta conforme a última opção de preenchimento utilizada pelo usuário.

Por exemplo: se o último item foi criado utilizando a opção “Preenchimento completo”, ao acessar novamente a tela de adição ou edição de itens, o sistema abrirá automaticamente nessa mesma opção.

Veja uma imagem do seletor de preenchimento no topo do painel em destaque:

Manutenção dos dados ao trocar de modo

Ao alternar entre preenchimento completo e preenchimento ágil, os dados já informados nos campos são preservados.

Isso significa que, se o usuário começar o cadastro em um modo e depois decidir mudar para outro, não precisará preencher novamente as informações já inseridas.

Essa melhoria reduz retrabalho, evita perda de informações e torna a experiência mais segura durante o cadastro de itens.

Veja uma imagem do campo produto logo após a mudança de "Preenchimento ágil" para "Preenchimento completo":

Reestruturação do preenchimento ágil

O preenchimento ágil, que antes era exibido em um modal separado, passa a ser apresentado dentro do próprio painel lateral.

Com isso, o sistema mantém os dois modelos de cadastro no mesmo ambiente: o preenchimento completo e o preenchimento ágil.

Essa mudança deixa a navegação mais simples, pois o usuário consegue escolher o formato ideal de preenchimento sem sair do painel de criação do item.

Veja uma imagem do preenchimento ágil dentro do painel lateral:

Botões de ação no rodapé do painel

Os botões de ação passam a ficar fixos no rodapé do painel lateral. Isso permite que o usuário tenha acesso às principais ações mesmo ao rolar o formulário.

A nova organização dos botões é:

• Cancelar: fecha o painel sem salvar as alterações.

• Salvar e adicionar novo: salva o item atual e mantém o usuário no fluxo de inclusão para cadastrar outro item rapidamente.

• Salvar: salva o item e fecha o painel lateral.

• Salvar e manter informações para próximo item: salva o item e mantém as informações preenchidas para facilitar o cadastro de um novo item semelhante.

A ação "Salvar" é exibida como botão principal e conta com opções adicionais relacionadas ao salvamento.

Essa organização busca padronizar os comportamentos entre o preenchimento completo e o preenchimento ágil, além de facilitar a rotina de usuários que adicionam muitos itens ao mesmo pedido.

Veja uma imagem dos botões fixos no rodapé do painel em destaque:

Campos que abrem modais

Alguns campos do cadastro de item podem abrir novas janelas ou modais para seleção, consulta ou preenchimento complementar.

Nesses casos, o sistema mantém o comportamento de abrir uma nova camada acima do painel lateral, escurecendo o fundo para destacar a ação em andamento.

Essa organização ajuda o usuário a entender qual informação está sendo preenchida no momento e reduz a poluição visual da tela.

Veja abaixo uma imagem do modal aberto ao clicar no ícone de pesquisar produto:

Organização de informações adicionais

No preenchimento completo, alguns grupos de informações foram reorganizados para tornar o formulário mais limpo e fácil de navegar.

Os quadros "Atributos adicionais do item" e "Informações adicionais" passam a ser exibidos em formato de acordeão. Assim, o usuário pode expandir ou recolher essas seções conforme a necessidade.

Além disso, o campo de "Observações" foi incorporado ao final dos campos do item, evitando a necessidade de uma aba separada apenas para essa informação.

Essa mudança melhora a organização visual do formulário e facilita o preenchimento das informações mais importantes.

Veja uma imagem dos acordeões no preenchimento completo em destaque:

Edição e exclusão de itens na tabela

A tabela de itens do pedido também recebeu ajustes na forma de editar e excluir itens.

Com a nova experiência, as ações passam a ficar mais diretas na própria tabela:

• Editar item: é possível acessar a edição pelo ícone de lápis.

• Excluir item: é possível remover o item pelo ícone de lixeira.

Como o usuário pode alternar entre preenchimento completo e preenchimento ágil dentro do mesmo painel, a edição do item passa a seguir uma experiência mais unificada.

Veja uma imagem dos ícones de edição e exclusão na tabela de itens em destaque:

Versão de visualização

Os usuários que possuem permissão apenas para visualizar os detalhes dos itens continuam tendo acesso às informações do cadastro, sem possibilidade de edição.

A experiência definitiva de visualização será ajustada em versões futuras, acompanhando a evolução do novo painel lateral.

Resumo das principais mudanças

Com essa atualização, o cadastro de itens do pedido passa a contar com uma experiência mais moderna, prática e organizada. Entre os principais ganhos estão:

• Cadastro de item em painel lateral.

• Tabela de itens parcialmente visível ao fundo.

• Indicação de versão beta no topo do painel.

• Alternância entre preenchimento completo e preenchimento ágil.

• Preservação dos dados ao trocar de modo de preenchimento.

• Botões de ação fixos no rodapé.

• Opção direta para salvar e adicionar novo item.

• Ações de edição e exclusão mais acessíveis na tabela.

• Informações adicionais organizadas em acordeões.

• Melhor adaptação para dispositivos móveis.

Essas melhorias tornam a inclusão de itens mais simples, reduzem mudanças de contexto e ajudam os usuários a trabalhar com mais agilidade durante a criação e edição de pedidos no sistema.

#VamosEmFrente