Histórico da Página

Visão Geral

As mensagens toaster, 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 toaster não interropem a atividade corrente do usuário sem requerer portanto sua atenção para prosseguir.
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

• Para informar sobre ações executadas com sucesso;
• Para alertar sobre situações não críticas que precisam apenas ser comunicadas;
• Para informar sobre erros de baixa criticidade que não precisam interromper a atividade corrente do usuário;

Estrutura

A Mensagem segue a mesma estrutura de Janelas Modais , contendo:

• Barra de título
• Cabeçalho (opcional)
• Conteúdo
• Painel de ações no Rodapé
  • Ícone de lixeira;
  • Ícones de navegação próximo e anterior.
• Números com setas indicando que há mensagens a serem visualizadas.

Comportamentos

• O Toaster desliza no canto da parte inferior para cima e fica parado por alguns instantes até que a leitura seja realizada;
• Após alguns segundos (suficientes para a leitura), desliza para baixo ocultando a mensagem;
• Caso usuário passe o mouse sobre a mensagem a mesma não é ocultada até haver o mouse Out;
• Ao clicar na lixeira, realiza exclusão da mensagem corrente;
• Navegação entre mensagens através do click nos ícones < e >;
• O botão fechar no topo direito fecha a mensagem;
• Os textos são selecionáveis para permitir copiar.
  
  

Boas Práticas

• Prefira sempre que possível mensagens toaster para não interromper o usuário
• Aplique mensagens curtas, de leitura rápida para haver tempo de leitura antes de ser ocultada;
• Utilize termos comuns ao negócio, evite termos técnicos ou em outro idioma
• Evite textos em negrito.
  
  

  Exemplos

• Mensagem de Advertência e Alerta - Toaster;
• Mensagem de Informação - Toaster;
• Mensagem de Erro - Toaster;
  

Referências

• http://designinginterfaces.com/
  
  

  Veja Também

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