Páginas filhas
  • Auto-preenchimento de Entradas (Valores default)

Quando usar

  • Para auxiliar no cadastro de informações e reduzir erros;
  • Para informações pré-definidas e que podem ou não ser alteradas;
  • Para sugerir ao usuário as respostas comumente utilizadas ou esperadas pelo sistema;
  • Para reduzir a quantidade de trabalho dos usuários na entrada de dados;
  • Para conduzir o usuário, mesmo que a sugestão não seja a que ele deseja, servirá para ajudá-lo a decidir a melhor resposta;
  • Para evitar que ao preencher algo inesperado o usuário receba uma mensagem de erro.

Estrutura

Pré configuração dos objetos com os valores padrão sugeridos pelo sistema:

  • Caixas de texto;
  • Checkboxes;
  • Comboboxes;
  • RadioButtons;
  • Sliders;
  • ColorPickers;
  • ToogleButtons;
  • NummericSteppers;
  • DateFields;
  • TextAreas;
  • Auto foco em botões e links focais.

Comportamentos

Preencha os controles com padrões a partir da abertura da interface ou a partir de lógica sobre o preenchimento de outras informações.(Por exemplo, se alguém fornece um CEP, é possível a partir do número já sugerir estado, cidade, bairro e rua).

Boas Práticas

  • Usar valores default para minimizar ações do usuário;
  • Sugira os defaults a partir de outros campos preenchidos anteriormente, sugerindo por conclusão lógica. Porém cuidado para não sugerir algo politicamente sensível como "sexo e religião";
  • Muitos usuários acham que "seja lá o que o sistema sugerir está certo, ele decide"e aí temos que tomar cuidado para não sugerir opções destrutivas"ou que comprometam as metas ou levem a erros. Nestes casos é melhor forçar o preenchimento manual;
  • Não defina um valor default, apenas porque você acha que ele não deve deixar em branco qualquer controle;
  • Considere o conhecimento técnico dos usuários, pois num setup por exemplo 90% dos usuários não altera os endereços, IPs, proxy e outras configurações técnicas definidas como padrão.

Exemplo

Referências

Veja Também

\\ h6.Navegação {pagetree:root=@home|startDepth=2|expandCollapseAll=true}