Histórico da Página

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

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údo:

• Informação;
• Advertência/Alerta;
• Erro;
• Confirmação.

Comportamentos

• Mesmo comportamento descrito em Janela.
• A Janela Modal é carregada na interface com o efeito de Zoom-in quando é carregada.
• Para ação de fechar a Janela Modal é utilizado o efeito de Zoom-out.

Boas Práticas

• Sugerir sempre uma ação focal no rodapé e que irá receber o tecla de ação Enter pelo teclado.
• Evitar textos em negrito.

Exemplo

• HTML
  <A href="http://sdk.datasul.com.br/confluence/download/attachments/5210177/todos_messages_meiu.swf?version=1" target="_blank">Mensagens na Janela Modal</A>

Código fonte

...

Mensagem 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 startDepth 2

  
  
  Comportamentos
• O 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 fecha.

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 textos em negrito.

Exemplos

• Mensagem de Erro
• Mensagem de Confirmação
  

Referências

• http://designinginterfaces.com/

...

Veja Também

...

• Mensagens Toaster
• Mensagem de Informação - Toaster
• Mensagem de
• Janela Modal - Informação
• Janela Modal - Advertência e Alerta
• Janela Modal - Erro
Janela Modal - Confirmação
• - Toaster
• Mensagem de Erro - Modal
• Mensagem de Confirmação - Modal

dts_pagetree

sdk_doc_footer