5ª Heurística de Usabilidade de Nielsen:
Prevenção de ERROS
Quantas vezes você já excluiu aquele item importante sem perceber?
E o número de telefone se embaralhando em um formulário?
Para essas situações é que a 5° Heuristica existe:
Ajudar o usuário a se recuperar de um erro é bom. Impedir que ele erre em primeiro lugar é o que transforma interfaces comuns em produtos excepcionais.
Ações inconscientes. O usuário sabe o que quer fazer, mas a mão/olho falha por desatenção ou automatismo
Exemplos:
-
Trocar uma letra ao digitar
-
Clicar no botão errado por estar no "piloto automático"
-
Selecionar a opção errada sem perceber
Deslizes (SLIPS)
Mas afinal, o que é um erro?
Frequentemente, o termo "erro do usuário" é utilizado para culpar quem utiliza o sistema, mas a verdadeira responsabilidade costuma ser do designer, que facilitou o cometimento do deslize.
Erros afetam negativamente a usabilidade, pois sua frequência e gravidade estão diretamente ligadas à qualidade da experiência.
Exemplos:
-
Achar que " Arquivar" significa excluir
-
Não entender o significado de um ícone
-
Seguir um fluxo que o sistema não suporta
Erros Conscientes (Mistakes)
Decisões equivocadas. O modelo mental do usuário está desalinhado com o sistema
Erros Conscientes (Mistakes)
Decisões equivocadas. O modelo mental do usuário está desalinhado com o sistema
Exemplos:
-
Achar que " Arquivar" significa excluir
-
Não entender o significado de um ícone
-
Seguir um fluxo que o sistema não suporta
Deslizes (SLIPS)
Ações inconscientes. O usuário sabe o que quer fazer, mas a mão/olho falha por desatenção ou automatismo
Exemplos:
-
Trocar uma letra ao digitar
-
Clicar no botão errado por estar no "piloto automático"
-
Selecionar a opção errada sem perceber
Como guiar o usuário corretamente?
A prevenção de erros baseia-se em reduzir a carga cognitiva e guiar o usuário com precisão. Para evitar deslizes, o sistema deve oferecer:
Restrições úteis, sugestões contextuais e bons padrões.
Para mitigar erros conscientes, é essencial remover fardos de memória, fornecer avisos claros e suportar a função de desfazer (undo).
Um recurso comum é o diálogo de confirmação, que interrompe o fluxo para pedir que o usuário verifique uma ação perigosa.
ATENÇÃO!
Se usados em excesso para ações rotineiras, os usuários passam a ignorá-los, clicando em "Sim" automaticamente, o que anula a proteção pretendida.
mas...
Ação Rotineira
Ação Perigosa
Ação Reversível
Não Interrompa
Confirme
Prefira "Desfazer"
Alguns Exemplos...
Restrições no Calendário
O widget de voos da Southwest impede que o usuário selecione uma data de retorno anterior à de partida, forçando a escolha de um intervalo válido.
1
Sugestões de Busca
A Amazon oferece sugestões clicáveis enquanto o usuário digita, evitando que erros de digitação resultem em “nenhum resultado encontrado”.
2
Formatação Indulgente
O site da Uber formata o número de telefone automaticamente enquanto o usuário digita, facilitando a revisão e ignorando caracteres desnecessários.
3
Lixeira do Sistema
Sistemas operacionais enviam arquivos deletados para a “Lixeira” em vez de excluí-los permanentemente de imediato, permitindo a recuperação em caso de exclusão acidental.
4
Ações de Alto Risco
O MailChimp exige que o usuário digite a palavra “DELETE” antes de apagar uma lista, garantindo que a intenção seja real.
5
Evite confirmações em rotinas
Não utilize diálogos de confirmação para tarefas comuns que não tenham consequências sérias, para não “viciar” o clique do usuário.
Use padrões razoáveis
Ofereça opções predefinidas que atendam aos objetivos prováveis do usuário, como opções de “amanhã” ou “próxima semana”.
O que fazer?
Priorize o esforço
Foque primeiro em prevenir erros de alto custo (que causam perda de dados ou dinheiro) e depois trate as pequenas frustrações.
Seja específico nos avisos
Em vez de perguntar “Você tem certeza?”, explique exatamente as consequências da ação (ex: “Excluir este arquivo permanentemente?”).
.jpg)
Forneça saídas de emergência
Sempre que possível, ofereça a opção de desfazer, que é mais resiliente do que apenas pedir confirmação.
.jpg)
Quer saber mais sobre a 5° Heurística?
Dê uma olhada em algumas das sugestões, desde textos didáticos até diretrizes
Homem Máquina: 5° Huerística, Prevensão de Erros. <https://www.homemmaquina.com.br/prevencao-de-erros/>
NN/G: 10 Usability Heuristics for User Interface Design. <https://www.nngroup.com/articles/ten-usability-heuristics/>
NN/G: Confirmation Dialogs Can Prevent User Errors — If Not Overused. <https://www.nngroup.com/articles/confirmation-dialog/>
Blog Formação DEV: Heurísticas de Nielsen - Prevenção de Erros. <https://blog.formacao.dev/heuristicas-de-nielsen-prevencao-de-erros/>
Agora, reflita...
O usuário consegue executar ações impossíveis?
Existem campos que aceitam informações inválidas?
O sistema sugere opções antes que o usuário precise lembrar?
A interface diferencia claramente ações perigosas?
Existe uma forma de desfazer ações importantes?
As confirmações aparecem somente quando realmente necessárias?
Os textos dos botões deixam claro o que acontecerá?
Informações importantes estão visíveis no momento da decisão?
O usuário consegue perceber as consequências antes de confirmar?
Você está utilizando essa Heurítica?
Vamos ver se você aprendeu?
Teste rapidamente o que você aprendeu.
A) Deslizes acontecem apenas em celulares, enquanto erros conscientes ocorrem no computador.
B) Deslizes são ações inconscientes por desatenção; erros conscientes ocorrem quando o modelo mental do usuário está errado sobre como o sistema funciona.
C) Deslizes são falhas do sistema (bugs), enquanto erros conscientes são causados pela falta de internet.
D) Não há diferença prática entre eles, pois ambos geram o mesmo impacto na interface.
Qual é a diferença entre um "Deslize" (Slip) e um "Erro Consciente" (Mistake)?
Resposta: B.
A) Porque aumenta o uso de memória do servidor.
B) Porque os usuários tendem à habituação: passam a clicar em "Sim" de forma mecânica sem ler, anulando a proteção em ações críticas reais.
C) Porque o Google penaliza sites que utilizam pop-ups de confirmação.
D) Porque diálogos de confirmação só devem ser usados em aplicativos móveis.
Resposta: B.
Por que é prejudicial colocar "Tem certeza" em todas as perguntas?
A) Exibir um diálogo de confirmação com um texto longo e técnico antes de qualquer ação.
B) Bloquear a conta do usuário por 15 minutos caso ele cometa algum erro de digitação.
C) Fornecer a opção de "Desfazer" (Undo) ou colocar itens deletados em uma "Lixeira" temporária.
D) Desativar completamente os botões de exclusão na interface.
Qual das alternativas acima é a estratégia mais recomendável para prevenir e mitigar erros em ações comuns?
Resposta: C.