Indique o trabalho que está sendo processado
Não exiba a porcentagem se o sistema não tiver medido o progresso real.
Carregando Sistema de projeto
Indica que a tarefa está em andamento e quando precisa ser processada.
Conteúdo do checklist
Progresso da revisão
01
Estrutura e significado
Compare as informações e a apresentação no contexto de uso.
02
Interação e usabilidade
Experimente a operação, altere o status e continue trabalhando.
03
Complete a experiência
Verifique se há detalhes que são fáceis de perder ao colocar o design em uso.
O progresso é salvo automaticamente neste navegador.
ORIENTAÇÕES
Como revisar
EXEMPLOS
Exemplos de uso
Indique o trabalho que está sendo processado
“Processando 4 arquivos” em vez de um progresso longo e fixo de 99%.
Variantes e casos de uso
Forma de indicar espera
Escolher indicador de carregamento, barra de progresso ou estrutura provisória conforme as informações disponíveis sobre a tarefa.
Testar uma tarefa sem tamanho total conhecido: não exibir porcentagens inventadas.
Exemplo Baixar um arquivo mostra uma barra percentual; ler informações de uma URL mostra apenas o estado de processamento.
Explicar a espera
Informar a tarefa em andamento e o próximo passo quando a espera for maior que o habitual.
Simular uma resposta lenta: o estado deve mostrar que o aplicativo continua processando.
Exemplo Após alguns segundos, mostrar Lendo informações do vídeo, aguarde.
Carregando conteúdo
Contexto do processo
Colocar o indicador na área que está carregando e manter o conteúdo ainda utilizável.
A falha de um componente não deve transformar todo o painel em um indicador de carregamento de tela inteira.
Exemplo O bloco de receita mostra espera enquanto a lista de solicitações continua utilizável.
Carregando conteúdo
Manter o contexto e indicar o progresso quando possível.