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 do 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 erro.
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é
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
| Page Tree | ||
|---|---|---|
|
Quando usar
A Janela Modal tem como objetivo capturar ações e tomadas de decisões que precisam ser realizada antes de continuar o processo corrente que está em forma de background.
- Quando existem ações que necessitam bloquear a atividade do usuário.
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
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.
Exemplo
Código fonte
...
Referências
...
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 |
|---|
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas