1244 - Refatorar tela de lista de pedidos conforme sugestão da equipe UX/UI

De Wiki Trovata
Ir para: navegação, pesquisa

Construção de nova tela de lista de pedidos de acordo com novos padrões definidos pela equipe de UX/UI. Padronização do layout, cores e ícones, para facilitar a manipulação do sistema pelo usuário.

Novo layout da tela, com nova separação por abas. Quando o usuário acessar a tela, será exibida inicialmente a aba de vendas pendentes, sendo possível a rápida navegação entre as demais abas de situações da venda. Para criar uma nova venda, foi incluído um Floating Action Button no canto inferior direito da tela, seguindo o padrão do Material Design.


Nova tela vendas 1.jpg


É disponibilizado a opção de filtrar as vendas dentro de uma situação, bem como alterar a ordenação da lista de vendas durante a visualização.


Nova tela vendas 2.jpg


Agora existem opções de filtros avançados na lista de vendas, conforme imagem abaixo.


Nova tela vendas 3.jpg


Novas opções de ações em lotes nas vendas selecionadas. Agora as vendas podem ser selecionadas a partir de um checkbox na tela de vendas.


Nova tela vendas 4.jpg


Lista de vendas com nova formatação, exibindo novo layout, mais limpo e com informações condensadas. Nesse novo layout, existe um checkbox para seleção das vendas para ações em lote, e um botão de switch para informar se a venda está disponível para envio após ser finalizada. Nessa lista é possível expandir as vendas para visualização detalhada.


Nova tela vendas 5.jpg


A tela de informações detalhadas da venda pode ser expandida venda a venda, ou selecionando a opção do menu da tela, onde detalhará todas as vendas.


Nova tela vendas 6.jpg