Mensagem De Erro Modelos

Modelos modernos de mensagens de erro para diferentes estados de falha

Uma senha rejeitada e uma página ausente contam como erros, mas exigem atitudes muito diferentes do visitante. É por isso que os modelos de mensagens de erro são mais fáceis de comparar pelo problema que explicam, deixando cores e ilustrações em segundo plano.

Comece pelo que deu errado

A situação determina o que a mensagem deve dizer, e a maioria dos erros se encaixa em um destes grupos:

• validação de formulário, em que a mensagem deve ficar ao lado do campo e indicar a solução, de modo que «Insira uma data no passado» é muito melhor do que um simples «Data inválida»;
• problemas de login e de permissão, em que os visitantes precisam saber se a sessão expirou ou se a conta não possui autorização de acesso;
• falhas de solicitação e de sistema, como um formulário que não pôde ser enviado ou um servidor que parou de responder;
• conteúdo inexistente ou indisponível, desde o clássico 404 até uma seção temporariamente fechada para manutenção.

Seja qual for o grupo, os visitantes devem entender o problema logo na primeira leitura, tornando a frase vaga «Algo deu errado» a primeira linha a ser reescrita.

Compare o tom visual antes da personalização

Assim que a situação estiver clara, fica mais fácil avaliar a aparência antes de alterar qualquer texto ou imagem. Designs neutros, com estilo de sistema, combinam com áreas de conta e etapas de checkout, onde as pessoas esperam tranquilidade. Layouts ilustrados e descontraídos, com um código de erro grande ou um pequeno mascote, são ótimos quando uma página não é encontrada e nenhuma informação relevante foi perdida. Tipografia marcante e cores fortes servem para destacar um aviso grave, embora decorações excessivas ao redor de uma mensagem de validação tendam a ocultar a única linha que o usuário precisa ler.

Páginas inexistentes também contam com um ponto de partida pronto no Nicepage: a documentação do modelo Não encontrado (404) apresenta o modelo específico em conjunto com blocos 404 predefinidos.

Aponte o próximo passo para os visitantes

Cada falha exige um caminho de resolução próprio. Uma página ausente deve oferecer um atalho para a página inicial ou uma caixa de pesquisa, já que um relato técnico sobre o link quebrado não ajuda ninguém. Uma mensagem de validação deve manter o usuário no formulário com seus dados preenchidos intactos, para que corrigir um campo leve apenas alguns segundos.

A opção de tentar novamente só faz sentido em falhas temporárias, quando uma nova tentativa realmente tem chances de funcionar. Uma instabilidade prolongada exige informar quando retornar ou onde buscar ajuda. Um conteúdo removido definitivamente merece uma indicação da alternativa mais próxima, como uma versão mais recente do mesmo artigo. Uma sessão expirada precisa de uma forma ágil de novo login, enquanto um erro de permissão deve informar quem pode conceder o acesso.

Um modelo de mensagem de erro bem escolhido permite que os visitantes identifiquem o que aconteceu num relance e encontrem o passo seguinte sem ter que procurar.