VISÃO GERAL

A TOTVS CRM aprimorou a interface da tela de negociação de itens de ordens de venda, focando em usabilidade e eficiência. As principais melhorias incluem um layout otimizado para diferentes tamanhos de tela, reorganização clara das seções, exibição fixa de informações financeiras essenciais e dados de estoque mais acessíveis. A interface agora mostra o preço de tabela original e é totalmente responsiva em dispositivos móveis. Essas mudanças simplificam o processo de vendas, permitindo decisões mais rápidas e informadas.

    OBJETIVO

O objetivo desta melhoria é otimizar a interface de negociação de itens, corrigindo problemas que impactavam o aproveitamento do espaço em monitores grandes e dificultavam o uso em dispositivos móveis.

  DETALHES FUNCIONAIS

1. Ampliação da Modal:

   O tamanho da modal foi aumentado em monitores maiores, permitindo um melhor aproveitamento do espaço e diminuindo a concentração de informações.

2. Organização da Hierarquia Visual:

   Agora há uma distinção clara entre títulos de seções e seus conteúdos, destacando as informações principais de maneira mais visível e intuitiva.

   

Campos Adicionados:

3. Preço de Tabela e Preço de Tabela (Embalagem):

   Exibe o preço original do produto, permitindo que o usuário veja a referência do valor antes de qualquer alteração.

4. Estoque e Estoque (Embalagem):

   Exibe o estoque disponível tanto para a unidade básica quanto para a unidade de embalagem selecionada, sem necessidade de sair da tela de negociação.



5. Fixação das Informações Financeiras: as informações financeiras foram fixadas na tela, evitando a necessidade de rolar para baixo para visualizar o total da negociação.



6. Responsividade Melhorada:
   A tela foi adaptada para garantir uma navegação fluida e eficiente em dispositivos móveis, como smartphones e tablets, tornando o processo de venda mais acessível em qualquer plataforma.

   

  COMO USAR?

1. Acesse o Módulo de Vendas no TOTVS CRM.
2. Crie uma nova ordem de venda ou edite uma ordem existente.
3. Acesse a aba de negociação de itens, onde o novo layout será exibido.
4. Ajuste as quantidades e preços diretamente, com visualização imediata das informações de estoque e financeiras.

 EXEMPLO PRÁTICO

Desafio Antigo:

Anteriormente, os usuários tinham dificuldade em acessar informações como estoque e preço de tabela ao negociar itens de venda. O layout antigo também não aproveitava bem o espaço em telas maiores, e a experiência em dispositivos móveis era limitada.

Com a refatoração do layout, os usuários agora podem visualizar facilmente os dados de estoque e preço de tabela, tomar decisões rápidas e precisas, e utilizar a interface de maneira eficaz tanto em monitores grandes quanto em dispositivos móveis.