Errar é humano. Todos cometemos erros de tempos em tempos e seus usuários não são exceção. Como você pode projetar produtos que permitem erros?

A coisa sobre os seres humanos é que você não pode confiar neles com nada . Ok, talvez isso seja um pouco indelicado. No entanto, é uma verdade simples que mesmo os mais cuidadosos, cuidadosos e diligentes de nós vão cometer erros. O resto de nós vai cometer mais erros.

Esses erros, em relação ao design da web, podem ser tão simples quanto digitar uma URL incorretamente, colocar as informações incorretas no campo errado em um formulário de inscrição ou tão ruins quanto enviar acidentalmente centenas de dólares para a pessoa errada via PayPal. Então há uma situação como o Havaí; nós não temos nenhuma captura de tela real da interface do usuário que foi usada para assustar milhões com um falso aviso de míssil, mas ela foi recriada por vários designers - Eu suspeito que alguns deles estavam sendo um pouco sarcásticos.

Então, aqui estão algumas maneiras básicas para explicar o erro humano quando você cria seus sites. Eu os apresento a você com uma ressalva: você não pode impedir que tudo dê errado. Se você fizer algo à prova de idiotas, o Universo fará um idiota maior e melhor. Boa sorte.

1. Instruções Claras

As pessoas geralmente vêem as instruções básicas como um pouco condescendentes. Quero dizer, eles já sabem que o café é quente, certo? Por que eles precisam impressos na lateral de um copo? Porque eles podem não ter todas as informações: o café no famoso caso do McDonald's foi servido em 180 a 190 graus Fahrenheit, ou cerca de 82 a 87 graus Celsius. Isso pode ter sido uma informação útil para os clientes, você não acha?

É humano assumir que você sabe tudo que precisa saber

É humano supor que você sabe tudo que precisa saber para uma tarefa aparentemente simples. Isso causa erros. Eu me vejo pensando que podemos precisar colocar instruções em qualquer tarefa mais complexa do que um formulário de contato. E mesmo assim, ajuda a ter dicas.

2. Limpar Avisos

As pessoas às vezes precisam ter consequências de possíveis ações explicadas a elas. Em detalhe. Isso não vai parar o tipo de pessoas que constantemente ignoram os avisos claros, mas não há muito o que você possa fazer por eles em qualquer caso.

Por outro lado, há pessoas que, quando se deparam com algum aviso ou caixa de diálogo que não entendem completamente, simplesmente deixam seu site ou pedem ajuda a um parente mais experiente em tecnologia. Você terá que decidir se prefere lidar com a inação potencial de alguns clientes ou mais erros. Ambas as abordagens têm seus prós e contras.

3. Espaço Branco

Os aborrecimentos são uma coisa. Mis-taps são talvez mais, dependendo da destreza manual do usuário e da precisão da tela de toque. O debacle do Havaí mencionado anteriormente foi causado por um clique incorreto em um menu suspenso.

Mesmo no meu grande teclado mecânico, eu ocasionalmente "fat-finger" as teclas erradas, levando a erros de digitação embaraçosos e granadas virtuais indo onde eles não deveriam em videogames. Como eu disse, você não pode evitar todos os erros, mas pode torná-los muito menos prováveis.

4. Diálogos de Confirmação

um rápido "Você tem certeza que quer fazer isso?" mensagem pode ser inestimável.

Para alguém que precisa repetir o mesmo processo várias vezes (por exemplo: qualquer pessoa na entrada de dados), um diálogo de confirmação parece um passo extra irritante e inútil. E para eles talvez esses diálogos possam e devam ser desativados.

Mas para qualquer um que esteja completando uma nova tarefa pela primeira vez, ou mesmo pela décima, ter uma rápida mensagem “Você tem certeza que quer fazer isso?” Pode ser inestimável.

5. Validação de Formulário

Agora isso é um que a maioria das pessoas está acertando nos dias de hoje. A validação de formulários, embora imperfeita, é uma coisa poderosa e uma ótima maneira de orientar o usuário na direção certa. Embora o design de formulário adequado possa ajudar a impedir que os usuários simplesmente coloquem o texto errado na forma incorreta, a validação de formulários é ótima para verificar informações e detectar erros de digitação e campos esquecidos.

Gostaria apenas de salientar que a validação do lado do cliente (embora útil) não é suficiente. Quebras de JavaScript. Se você for implementar a validação do lado do cliente, seria bom ter alguns no lado do servidor também, apenas para estar seguro.

6. Etiquetas

Ah rótulos. Agora, isso pode parecer muito óbvio, mas eu já vi tantos formulários vagamente rotulados na Internet que tive que incluí-los. Pior ainda são os formulários que usam o jargão da indústria em um site voltado para o cliente. E nem sequer me inicie nos formulários em que os rótulos e entradas estavam desalinhados. Isso é errado.

7. Use cores e contraste

As pessoas costumam usar cores de forma simplista: verde = bom, vermelho = ruim. Isso é um começo, e certamente ajuda muita gente. Não ajuda necessariamente os daltônicos, nem pessoas com outras deficiências visuais. Encontre outra maneira de adicionar contraste aos seus elementos, para que eles sejam diferenciados de maneira clara e fácil. Preste especial atenção a isto se duas opções usarem texto similar, mas coisas radicalmente diferentes.

8. Faça as mudanças com cuidado

As pessoas tendem a operar no piloto automático ao executar tarefas familiares. Isso é bastante útil, pois os torna mais eficientes. Infelizmente, essa propensão para a rotina leva a erros quando as coisas mudam. Há memes inteiros sobre lembrar de anotar a data corretamente após o ano novo, e eles aparecem todos os anos no ponto.

As pessoas tendem a operar no piloto automático ao executar tarefas familiares

Agora, às vezes, sua interface de usuário precisa de um novo design completo. Se sim, tudo bem. Caso contrário, não faça alterações muito rapidamente. Deixe as entradas do menu das pessoas em lugares familiares. E sempre, sempre realce pequenas alterações na interface do usuário, para que as pessoas possam vê-las e começar a formar novas rotinas.

9. Desfazer Botões Onde Possível

Bem, "CTRL-Z" funciona muito bem em formulários regulares, então você geralmente não precisa implementar isso sozinho. Mas, se você estiver criando um aplicativo da Web, poderá considerar seriamente implementar algum tipo de função "Desfazer" para praticamente todas as ações com consequências permanentes.

O Gmail realmente lhe dá alguns segundos (se você ativar o recurso) para desfazer o envio de um e- mail - e pensar que vivemos em um mundo onde você pode desfazer e-mails enviados por alguns anos, agora - isso surpreende.

Agora, se tivéssemos um botão de desfazer para alertas de mísseis não intencionais ...