Visão Geral
Mecanismo As mensagens modais, são parte do mecanismo de diálogo utilizado pelo do sistema para se comunicar com o usuário podendo . 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 Mensagens, para evitar interromper a atividade corrente do usuário.
Quando usar
- Para informar ou alertar o usuário sobre ações ocorridas no sistema;
- Quando o sistema precisa de uma confirmação do usuário;
- Quando ações ocorridas no servidor precisam ser informadas ao usuário;
- Para alertar sobre situações críticas, inesperadas ou erros que necessitam de atenção
- Para informar que algo foi executadao e retornou erroQuando o sistema precisa chamar a atenção do usuário para uma situação inesperada.
Estrutura
A Mensagem segue a mesma estrutura de Janela do Desktop.
As Mensagens podem disponibilizar os seguintes conteúdos:
Janelas Modais , contendo:
- Barra de título
- Cabeçalho (opcional)
- Conteúdo
- Painel de ações no Rodapé
Image Added - Informação
- Advertência/Alerta
- Erro
As Mensagens podem ser
...
...
...
Boas Práticas
- Escolher de acordo com a focalidade e nível da informação.
Exemplos
Código fonte
Bloco de código |
---|
< em desenvolvimento >
|
Referências
Veja Também
...
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
Referências
...
Veja Também
dts_pagetree |
]
h2. Veja Também
\\
* [Mensagem de Erro - Modal]
* [Mensagem de Confirmação - Modal]
* [Mensagens Toaster]
* [Mensagem de Advertência e Alerta - Toaster]
* [Mensagem de Erro - Modal]
|
---|
|