[UXZero] Heurística de prevenção de erros

Jefferson Alex Silva
4 min readOct 11, 2021
capa com texto UX ZERO e imagem de teclado e protótipo de papel ao fundo
UX Zero — Heurística de prevenção de erros

Já pensou como seria chato preencher um formulário com diversos tipos de dados, como telefone, email, data de nascimento e no final descobrir que o formato de algum desses dados está errado?

Infelizmente o cenário é muito comum, onde formulários e sistemas despreparados para lidar com problemas comuns dos usuários o fazem perder tempo e cometer alguns erros “básicos”. Já tive problemas de precisar entrar em contato com o suporte para alterar ou cancelar um cadastro, simplesmente porque o sistema deixou seguir e só no final me avisou que havia algo de errado (descobri na hora de tentar resgatar o acesso também).

Boas mensagens de erro são importantes, mas o melhor design oferece uma prevenção, primeiramente.

Devemos nos preocupar com as explicações e mensagens de erros compreensíveis, deixando o usuário capaz de entender o que fazer e o que está acontecendo com o sistema. Porém, é melhor ainda não deixar o usuário errar à toa, perdendo o foco da sua missão quando tentou utilizar o recurso.

Como isso acontece?

Um exemplo prático e distante de produtos digitais — para ser mas didático e não enviesar a interpretação dessa heurística — é quando estamos em uma rodovia. Imagine que as placas que informam as entradas fiquem após a saída da estrada principal, ou que sejam posicionadas muito em cima dos desvios.

Placa de rodovia colocada em lugar errado e com informações erradas
Placa de rodovia. Origem https://www.vvale.com.br

Claramente não teremos tempo de recuperar o erro de perder a entrada de uma cidade, sobrando apenas procurar o próximo retorno e tentar novamente. Se o aviso desse retorno for colocado de forma errada, vai te fazer entrar em um loop infinito de erros.

Outro exemplo, também de rodovia, é se você é multado por excesso de velocidade, mas não havia nenhuma informação de qual era o limite. Quando olha para o radar, está escrito “75km/h”… e agora? senta e chora?

Placa de rodovia com aviso de 70km/h e 60km/h dependendo do tipo do veículo
Aviso de fiscalização eletrônica, por tipo de veículo

Em produtos digitais isso e muito comum, pois há um legado de construirmos sistemas, formulários ou recursos de interface que não ficam claros sobre seu uso ou seu preenchimento, fazendo o usuário perder tempo e nem uma boa documentação salva isso(documentação é um recursos post mortem).

Como fazer isso certo?

Dê dicas de preenchimento em lugares que possuem formatação, ou que o tipo do dado seja específico.

Input com botão desabilitado, enquanto dado obrigatório não é preenchido
Prevenção de erro. Desabilita botão, enquanto dado obrigatório não é preenchido

Exemplos de como prevenir o erro com dicas:

  • Hints: apenas números, seunome@dominio.com, vencimento no formato mm/yyyy;
  • Máscaras de formatação: 00.000.000–00 (para CPF, por exemplo);
  • Constrangimento: desabilitar campos, ocultar ou desabilitar botões;
  • Informações: textos antes da atividade.

Um recurso que previne o erro é o constrangimento, onde o artefato na tela não responde ou impede seu uso de alguma forma, até que seja satisfeito uma regra de preenchimento. É o caso daqueles botões de “concluir” que ficam desabilitados até você preencher todos os campos obrigatórios.

Fique atento também para dar as pistas necessárias do que é obrigatório na interface, pois o usuário deve ter que ficar brincando de campo minado com seu sistema até achar os lugares certos/obrigatórios. Use sinalizadores (*).

Outro momento importante de prevenir o erro é quando uma ação do usuário é irreversível, danosa ou pode prejudicar de alguma forma os dados. Aquele momento em que você deveria ter perguntado “deseja realmente apagar todo o banco de dados?”.

input do mailchimp solicitando que digite “delete” para confirmar uma exclusão de campanha
Mailchimp solicita que confirme a exclusão

Conclusão

Não deixe para avisar os erros para o usuário depois que ele os comete, principalmente se forem coisas que são previstas como formatações, campos obrigatórios ou formatos específicos (dados ou imagens). Faça com que o usuário aproveite o uso do sistema, não que ele tenha que adivinhar as “pegadinhas” que estão em um simples uso.

Um bom design é preditivo quanto aos erros mais comuns, isso aumenta a satisfação do usuário e instrui a medida que usa.

Algumas ações precisam de mais atenção, então evite que prejuízos sejam causados por um simples clique em “DELETE”. Vale a pena interromper o usuário, principalmente se o próximo passo do sistema é irreversível.

Lembre-se de que o período de testes de usabilidade é outro, então o sistema que está em produção já deve ser fácil o bastante para o usuário perceber valor e utilidade do produto. Faça a viagem valer a pena, impedindo o avanço ou instruindo dos passos obrigatórios de forma que não precise ligar para o suporte ou executivo de vendas, muito menos que o primeiro passo seja ter que ler o FAQ do sistema antes de fazer o login.

--

--