top of page
Quando a interface não responde, o usuário fica perdido.
Como informar o usuário sobre ações, carregamentos, mudanças e resultados de forma simples e eficiente.
.png)
Seu usuário precisa saber
o que está acontecendo.
Quando a interface não responde,
o usuário fica perdido.
.png)
Como informar o usuário sobre ações, carregamentos, mudanças e resultados de forma simples e eficiente.
Seu usuário precisa saber
o que está acontecendo.
Imagine estas situações:
Você clicou em:
Mas nada aconteceu.
O pedido foi realizado ou não?
Você enviou um formulário.
A página ficou parada. Será que enviou ou precisa clicar novamente?
Você clicou em “Salvar”.
Mas nada aconteceu.
O pedido foi realizado ou não?
Essas situações parecem pequenas, mas podem gerar dúvida, insegurança e erros.
A falta de informação frequentemente significa falta de controle.
Quando o sistema não mostra o que está acontecendo, o usuário precisa tentar descobrir sozinho o estado da interface. Isso pode fazer com que ele repita ações, abandone uma tarefa ou perca a confiança no produto.
Heurística 1
O que é Visibilidade
do status do sistema?
Seu usuário precisa saber o que está acontecendo.
Sempre que o usuário realizar uma ação, a interface deve, quando necessário, apresentar uma resposta que permita entender se aquela ação funcionou, está acontecendo ou encontrou algum problema.
1. Uma mensagem de confirmação
Esse retorno pode ser muito simples:
4. Uma mudança no botão
2. Uma barra de progresso
5. Um aviso de erro
3. Um indicador de carregamento
O objetivo não é mostrar todas as informações internas do sistema.
É mostrar aquilo que o usuário precisa saber para entender a situação e decidir o próximo passo.
Incorreto
O problema:
A interface pode parecer travada ou apresentar algum erro.
03. Compra em uma loja virtual
O usuário adiciona um produto ao carrinho, mas nenhuma alteração aparece na tela.
Correto
Após o clique, o carrinho é atualizado e aparece uma mensagem:
✓ Produto adicionado ao carrinho.
Por que funciona?
O usuário entende que o sistema está trabalhando e que precisa aguardar.
Por que funciona?
O usuário recebe uma resposta sobre o que aconteceu e sabe que não precisa repetir a ação.
Por que funciona?
O usuário recebe uma resposta sobre o que aconteceu e sabe que não precisa repetir a ação.
O problema:
A interface pode parecer travada ou apresentar algum erro.
Por que funciona?
O usuário recebe uma resposta sobre o que aconteceu e sabe que não precisa repetir a ação.
O problema:
A interface pode parecer travada ou apresentar algum erro.
Exemplos práticos
O problema:
O usuário não sabe se o formulário foi enviado. Pode clicar novamente e acabar enviando os mesmos dados mais de uma vez.
01. Envio de formulário
Incorreto
Correto
O usuário clica em “Enviar” e a tela permanece exatamente igual.
Depois do clique, o botão apresenta um carregamento e, ao finalizar, aparece:
✓ Formulário enviado com sucesso!
Incorreto
O usuário acessa uma página e nada parece mudar durante alguns segundos.
Correto
A página apresenta um indicador de carregamento enquanto o conteúdo é preparado.
Carregando...
02. Carregamento de uma página
Por que funciona?
O usuário entende que o sistema está trabalhando e que precisa aguardar.
Incorreto
O problema:
O usuário não sabe se o formulário foi enviado. Pode clicar novamente e acabar enviando os mesmos dados mais de uma vez.
A regra é simples:
Não faça o usuário adivinhar.
Se uma ação produz um resultado importante, informe esse resultado.
Como aplicar essa heurística no seu projeto?
01. Dê uma resposta às ações
Sempre que o usuário fizer algo, pense:
“Ele consegue saber se isso funcionou?”
Se a resposta for não, considere adicionar um feedback.
02. Mostre o que está acontecendo
Se uma tarefa demora, não deixe o usuário olhando para uma tela aparentemente parada.
Use informações como:
Carregando...
Enviando...
Processando...
Salvando...
O objetivo é deixar claro que o sistema recebeu a ação e está trabalhando.
03. Avise quando algo terminar
Não basta mostrar que uma ação começou. Quando ela terminar, o usuário também precisa saber.
04. Comunique problemas
Quando algo não funcionar, não deixe o usuário sem resposta.
Em vez de:
Prefira algo que explique a situação:
05. Mostre informações que realmente importam
Nem tudo o que acontece dentro de um sistema precisa aparecer para o usuário.
Priorize informações que possam afetar suas decisões.
Por exemplo:
Resumindo:
Não deixe o usuário no escuro.
Uma interface eficiente comunica o que está acontecendo, oferece respostas rápidas e mantém o usuário no controle.
Vamos ver se você aprendeu?
Teste rapidamente o que você aprendeu.
A) Manter o usuário informado sobre o que está acontecendo.
B) Reduzir a quantidade de informações na interface.
C) Impedir que o usuário altere suas decisões.
D) Mostrar todos os processos internos do sistema.
Qual é o principal objetivo da heurística de Visibilidade do status do sistema?
Resposta: A.
A) Manter a tela completamente parada.
B) Exibir um indicador de carregamento.
C) Ocultar a operação até ela terminar.
D) Solicitar que o usuário repita a ação.
Durante uma operação que demora alguns segundos, qual solução melhor aplica a heurística?
Resposta:B.
A) Um pagamento falha sem apresentar nenhuma mensagem.
B) Um produto indisponível desaparece sem explicação.
C) Um download começa sem indicar seu andamento.
D) Um formulário enviado mostra uma confirmação de envio.
Qual situação representa uma aplicação adequada da Visibilidade do status do sistema?
Resposta: D.
bottom of page