Mensagens Toaster

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

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

Páginas filhas