Design de prevenção de erro

Desenhar a interface pra a pessoa errar menos, em vez de só tratar o erro depois que acontece.

Hard

O que é

Design de prevenção de erro é construir a interface de um jeito que reduz a chance de a pessoa errar, usando bons defaults, rótulo claro e restrição que impede a escolha ruim. Em vez de focar em lidar com o erro depois que ele acontece, você tira do caminho a própria oportunidade de errar.

Na prática, isso é deixar o caminho certo óbvio e o errado difícil ou impossível. Você faz isso com restrição, como dropdown, radio ou estado desabilitado, com validação em tempo real, máscara de campo, autocomplete, confirmação e undo pra ação séria. Tudo isso pra que a pessoa chegue ao fim da tarefa sem cair numa armadilha que o próprio design acabou criando.

Em uma frase

Em vez de só mostrar erro no fim, vamos investir em prevenção de erro com máscara de campo e validação na hora.

A pergunta que ele responde

Como faço a pessoa errar menos no formulário em vez de só avisar depois que ela errou?

Quando usar

Ajuda ao desenhar formulário, fluxo com passo crítico ou qualquer ação com consequência séria.

Como não usar

O cuidado é confiar só na mensagem de erro depois do estrago. Prevenir é melhor que avisar que já deu ruim, porque o avisado já passou pelo problema.

Na prática

Pense num campo de data que ganha máscara e num botão de confirmar que só ativa quando tudo está válido. A pessoa simplesmente não consegue enviar errado, porque o caminho do erro foi fechado antes.

Não confunda com

Vale separar prevenção de erro de mensagem de erro. A mensagem aparece depois que o erro já aconteceu, enquanto a prevenção age antes, pra que ele nem chegue a acontecer. Uma limpa a sujeira, a outra evita a sujeira.

D

Em inglês

Error Prevention Design

Pronúncia

n/a

Também chamado de

prevenção de erro, error prevention, design à prova de erro

Origem

Ligado às heurísticas de usabilidade de Jakob Nielsen.

Fonte

Saiba mais

Jakob Nielsen, 10 Heurísticas de Usabilidade