Mudanças entre as edições de "1166 - Refatorar tela de lista de pedidos conforme sugestão da equipe UX/UI"

De Wiki Trovata
Ir para: navegação, pesquisa
(Criou página com '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...')
 
 
(5 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 1: Linha 1:
 
Construção de nova tela de lista de pedidos de acordo com novos padrões definidos pela equipe de UX/UI.
 
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.
+
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.
 
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.
 
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.
+
Para criar uma nova venda, foi incluído um Floating Action Button no canto inferior direito da tela.
  
 
+
[[Arquivo:Screen_Shot_2018-06-06_at_10.24.54.png]]
[[Arquivo: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.
 
É 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.
  
 +
[[Arquivo:Screen_Shot_2018-06-08_at_17.12.12.png]]
  
[[Arquivo:Nova_tela_vendas_2.jpg]]
+
[[Arquivo:Screen_Shot_2018-06-06_at_08.58.00.png]]
 
+
 
+
Agora existem opções de filtros avançados na lista de vendas, conforme imagem abaixo.
+
 
+
 
+
[[Arquivo: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.
+
 
+
 
+
[[Arquivo: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.
+
 
+
 
+
[[Arquivo: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.
+
  
 +
Na lista de vendas é possível também selecionar vendas para serem realizadas processos em lote com as vendas selecionadas:
  
[[Arquivo:Nova_tela_vendas_6.jpg]]
+
[[Arquivo:Screen_Shot_2018-06-07_at_10.10.29.png]]

Edição atual tal como às 14h54min de 11 de junho de 2018

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.

Screen Shot 2018-06-06 at 10.24.54.png


É 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.

Screen Shot 2018-06-08 at 17.12.12.png

Screen Shot 2018-06-06 at 08.58.00.png

Na lista de vendas é possível também selecionar vendas para serem realizadas processos em lote com as vendas selecionadas:

Screen Shot 2018-06-07 at 10.10.29.png