Quando usar?

  • Casos onde a inclusão possui uma bifurcação (dois caminhos distintos dependendo do valor de um campo qualquer);
  • Quando houver muitos campos ou situações, e a aprendizagem for difícil;
  • Para executar uma tarefa complexa que é pouco utilizada;
  • É mais recomendado para inclusão, porém é recomendado um estudo prévio pra verificar se uma tela normal não é mais eficiente para edição/exclusão;
  • É recomendado o estudo de cada caso, pois pode ser interessante implementar também uma tela de edição simples, para quem não quiser usar o wizard; (usuários avançados).

Layout

  • Um wizard pode ser apresentado tanto na tela principal como no formato de tela modal (para casos de cadastros específicos dentro de outros cadastros, ex: endereço);
  • Os passos devem ficar numa área reservada a eles, à esquerda:
  • Apresentar todos os passos previamente;
  • Descrição de cada passo somente com texto (sem ícone, ou bolinha!);
  • Destacar passo corrente com negrito;
  • Informar os passos que já passaram com um V (check) em frente (antes) da descrição do passo;
  • Para os casos com bifurcações em que um caminho tem mais passos que outro, mostrar o maior número, e considerar os passos a mais como já vencidos, quando atingir um ponto comum;
ex: passos 1 2 3 4 5
Caminho A: 1 2 3 4 5 Caminho B: 1 4 5
Mostrado no Caminho B primeiro passo : 1 2 3 4 5 (amarelo -> passo atual; vermelho-> passos a serem executados)
Mostrado no Caminho B no passo seguinte: 1 2 3 4 5 (verde -> passo já efetuado; )

Título da tela

  • Deve estar sobre uma linha que vai até 50% da tela, como no layout padrão das demais telas;
  • Deve descrever o passo corrente.

Fluxo

  • As telas que compõem o wizard devem estar encadeadas através de botões “Próximo” e “Anterior”;
  • Deve constar o botão “Cancelar” em todas as telas, com a opção de fechar o wizard em questão, cancelando todas as operações já realizadas previamente;
  • Para os casos de inclusão/ alteração/ exclusão através do wizard, na tela principal, o término do mesmo ou a operação do botão “Cancelar” deve retornar para a Tela de Pesquisa do objeto em questão, ou à Tela Inicial caso o mesmo tenha sido acessado diretamente através do menu;
  • Quando se tratar de wizard em Tela Modal, o encerramento descrito acima deve fechar a janela modal e retornar ao cadastro principal.