Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.
Comentário: Migration of unmigrated content due to installation of a new plugin

Visão Geral

As mensagens modais, são parte do mecanismo de diálogo do sistema para se comunicar com o usuário. Elas podem ser modais ou toaster. Sendo que as modais interropem a atividade corrente do usuário requerendo sua atenção para prosseguir através geralmente de botões de ok ou confirmação.
As comunicações podem ser dos tipos informação, alerta, erro e confirmação.

Devemos optar sempre que possível pelas mensagens do tipo Toaster , para evitar interromper a atividade corrente do usuário.

Quando usar

  • Quando o sistema precisa de uma confirmação do usuário

Quando usar

  • Para informar algo crítico, porém travando outras interfaces para chamar a atenção do usuário;
  • Para alertar sobre situações críticas, inesperadas ou erros que necessitam de atenção;
  • Para informar que algo crítico foi executadao e retornou erro.


Estrutura

A janela é composta por um ícone, informações e botões de ação.Este tipo de mensagem pode ter quatro tipos de conteúdoMensagem segue a mesma estrutura de Janelas Modais , contendo:

  • Barra de título
  • Cabeçalho (opcional)
  • Conteúdo
  • Painel de ações no Rodapé

    Image Added

    As Mensagens podem ser dos tipos:
    Page Tree
    root

...

  • @self
    startDepth2


    Comportamentos
  • O usuário ao clicar e manter pressionado pode mover a janela para todos os lados da área do browser.
  • A Janela Modal é carregada na interface com o efeito de Zoom-in quando carregada.
  • botão fechar no rodapé ou no topo direito fecham a mensagem
  • Ao haver mais de uma mensagem o fechar fica desabilitado até o usuário ver a última
  • Caso o usuário selecione o checkbox do rodapé, permite fechar sem ler todas
  • Os textos são selecionáveis para permitir copiar
  • A Janela é carregadacom o efeito de Zoom In quando carregada e Zoom Out quando fechaPara ação de fechar a Janela Modal é utilizado o efeito de Zoom-out.

Boas Práticas

  • Evitar sempre que possível mensagens modais para não interromper o usuário, preferir toaster
  • Aplicar mensagens curtas, de leitura rápida
  • Utilizar termos comuns ao negócio, evitar termos técnicos ou em outro idioma
  • Evite
  • Sugere-se sempre uma ação focal no rodapé e que irá receber a tecla de ação Enter pelo teclado.
  • Deve-se evitar textos em negrito.
  • Usar sempre que possível mensagens em Toaster no lugar de Janelas modais para não bloquear a tarefa corrente do usuário.

Exemplos

Código fonte

...


Referências

Veja Também

dts_pagetree
sdk_doc_footer