A melhor mensagem de erro, como todos sabemos, é aquela que nunca aparece. No entanto, as falhas são inevitáveis, não importa quão bom seja o nosso design. Quando as pessoas interagem com os produtos, algo certamente dará errado em algum momento.
As mensagens de erro podem aparecer pouco, mas são uma parte importante da experiência do usuário. Os usuários frequentemente usam a qualidade das mensagens de erro para avaliar a qualidade do produto. Uma das coisas que irritam os usuários são as mensagens de erro mal escritas. Por outro lado, um bom design de UX pode melhorar o prazer subjetivo dos usuários e a velocidade de uso.
Como escrever boas mensagens de erro?
O gerenciamento dos pontos problemáticos do usuário é um elemento-chave do UX. A mensagem de erro é uma das mais temidas (pelos usuários). Isso pode ser um problema que ocorre enquanto um usuário está se inscrevendo em um produto ou que ocorre no meio do fluxo de trabalho do visitante. O objetivo é tornar o encontro o mais indolor possível. Quando se trata de escrever esse tipo de mensagem, as práticas recomendadas de copy e os guias de estilo podem ajudar, mas são mais do que simplesmente o básico.
Aqui estão alguns princípios gerais para ajudá-lo a criar as mensagens de erro mais eficazes para seus consumidores:
1. Seja específico em vez de especulativo
As mensagens de erro devem ser escritas de forma clara e básica. Ao visualizar uma mensagem de erro, o usuário deve ser capaz de entender o problema. Não adianta se a mensagem de erro for vaga e o usuário não conseguir determinar o motivo da mensagem. Os usuários não têm como resolver o problema, o que impacta negativamente na experiência do produto.
Exemplo:
2. Mantenha a mensagem curta e significativa
As informações necessárias devem ser incluídas na mensagem de erro. Na maioria das vezes, o usuário não está disposto a ler uma longa história. Escreva uma breve descrição que seja significativa para o usuário e ofereça a ele uma compreensão clara do problema e como resolvê-lo. Evite comunicar demais o problema e evite usar termos supérfluos.
Exemplo:
Imagem retirada de Strikingly
3. Evite jargões técnicos
A maioria dos usuários não está interessada nas complexidades técnicas do problema. O usuário fica perplexo se uma comunicação incluir frases técnicas ou jargões. Evite usar jargão ou referir-se a detalhes de implementação em sua escrita. Se detalhes técnicos ou sofisticados devem ser mencionados, coloque-os em uma seção de solução de problemas e encaminhe o usuário para que ele possa solucionar o problema rapidamente.
4. Seja humilde e não aponte o dedo para o usuário
Uma mensagem de erro decente é modesta por natureza. Explica educadamente o problema ao usuário sem condená-lo por seu comportamento. O usuário tem a capacidade de executar repetidamente uma ação incorreta. No entanto, é papel do designer alertá-lo adequadamente sobre seus erros.
“Para dar um tom mais humano às suas mensagens de erro, tente dizer isso em voz alta para alguém. Quando você diz isso em voz alta, como soa?” Sônia Gregório.
Exemplo:
5. As palavras negativas devem ser substituídas por palavras positivas
Na interface do usuário, existem algumas palavras desagradáveis que devem ser evitadas. Como uma mensagem de erro é baseada nas atividades estranhas, o sistema pode exibir algo que é desrespeitoso com o usuário.
John Ekman dá uma ótima ilustração de como usar "sim" e "não":
“Perguntei à mulher no balcão do aeroporto de Estocolmo há alguns anos se eu poderia fazer um upgrade para a classe executiva para uma passagem para os Estados Unidos. Ela respondeu: "Sinto muito, mas não é possível. Você teria que pagar extra por isso.” Tentei perguntar a mesma coisa novamente enquanto fazia o check-in para o voo de volta: “Claro, senhor!” foi a reação desta vez. “Como você gostaria de pagar por isso?” diz o narrador.
Portanto, apesar de a disponibilidade de assentos e o potencial de upgrade serem os mesmos, recebi duas respostas completamente diferentes: uma "sim" e outra "não".
6. Dê as instruções do usuário
Uma boa mensagem de erro contém três partes: identificação do problema, detalhes da causa, se disponíveis, e uma solução, se possível. Quando um usuário encontra um erro, ele quer resolvê-lo o mais rápido possível. A mensagem de erro deve fornecer ao usuário informações suficientes para ajudá-lo a sair da condição incorreta. A notificação também pode direcionar o usuário para outro local ou pessoa que possa fornecer mais informações sobre a situação.
Exemplo:
Imagem retirada de Strikingly
7. Torne seus pontos específicos e relevantes
A mensagem deve incluir informações pertinentes que permitam ao usuário se relacionar rapidamente com o local e as alternativas fornecidas. Aponte claramente a localização exata do problema, incluindo para onde o usuário deve ir e quais etapas devem ser seguidas para corrigi-lo. Se uma mensagem de erro contiver informações ambíguas, o usuário ficará perplexo, dificultando a correção do problema.
8. Não use todas as letras maiúsculas
O texto em maiúsculas é difícil de ler e dá ao usuário a impressão de gritar. Como uma mensagem de erro é um local onde o usuário é alertado sobre uma situação potencialmente perigosa, o uso de letras maiúsculas pode fazer com que ele se sinta desencorajado.
9. Tome as Ações Corretivas
As ações da mensagem de erro são essenciais. Ações apropriadas dão orientação ao usuário sobre o que fazer em seguida e são opções para resolver o problema. Uma mensagem pode incluir uma ou mais ações do usuário.
“Dê aos botões de alerta nomes curtos e razoáveis. Os melhores títulos de botão são uma ou duas palavras que transmitem o que acontece quando você os pressiona.” — Diretrizes do iOS.
Use o mesmo nome de ação do título do botão se o usuário precisar realizar atividades específicas para resolver o erro.
10. Adote uma Estratégia de Divulgação Progressiva
Se a mensagem de erro for extensa, coloque informações extras na área Mostrar/Ocultar para que o usuário decida se irá visualizá-la. Pode ser benéfico para um usuário mais avançado que deseja aprender sobre detalhes tecnológicos. Basta colocar as informações menos importantes nessas partes, pois a maioria dos usuários não visitará a seção Mostrar/Ocultar.
11. Use o Posicionamento Adequado
É fundamental posicionar a mensagem de erro mais próxima da região onde ela pertence. Os usuários não deveriam ter que olhar em volta depois de ler a mensagem para descobrir do que se trata.
Quando um usuário está preenchendo um formulário, por exemplo, fornecer um erro de validação junto com os controles aos quais se refere é a melhor opção. Caso contrário, o usuário localizará primeiro o controle incorreto antes de tentar corrigi-lo.
Uma mensagem de erro deve ser fácil de ver e entender. Mesmo que o usuário tenha rolado para a parte superior ou inferior da tela, a mensagem deve aparecer na visualização atual.
12. O Design Visual Certo para a Mensagem de Erro
A mensagem de erro deve estar sempre acessível. Use texto de alto contraste e imagens/cores de fundo para destacar a mensagem e ser lida facilmente.
Geralmente o texto do aviso de erro é vermelho. Ou, às vezes podem ser utilizadas as cores amarela ou laranja, pois alguns designers afirmam que o vermelho é excessivamente estressante para os consumidores. Em todas as circunstâncias, certifique-se de que o texto do erro seja legível e se destaque em relação à cor de fundo. Lembre-se de incluir um ícone relacionado à cor ao lado da cor para torná-la mais acessível a pessoas daltônicas.
Imagem retirada de UXplanet
Conclusão:
Agora você está pronto para reconstruir ou atualizar o site da sua empresa e pode ter algumas ideias de design ou recursos que gostaria de incluir. Antes de fazer qualquer outra coisa, certifique-se de que o UX, ou experiência do usuário, seja sua principal prioridade no design do seu site. O envolvimento do cliente, a geração de leads e as vendas são influenciados pela experiência do usuário.
Uma boa experiência do usuário faz mais do que apenas ajudar seus visitantes a navegar em seu site; também provoca respostas emocionais e aproxima você de seus clientes. No entanto, não importa quanta orientação exista para que seu design seja notado, acertar o UX pode ser difícil às vezes.
O objetivo do design da experiência do usuário é fazer com que as pessoas respondam "sim" a todas essas perguntas.
Não podemos projetar uma experiência do usuário e não podemos recriar a experiência do usuário de um site em outro. A experiência do usuário varia de acordo com o site. O design de um site deve ser adequado aos objetivos, valores, método de fabricação e produtos da empresa.
Imagem retirada de Strikingly
Tudo deve ser testado, e você deve tentar ver seu site pelos olhos do seu público-alvo. Seu site acabará se tornando mais fácil de usar para seus visitantes específicos, o que pode levar a vendas adicionais ou novos clientes.
Quando se trata do nível de usabilidade ou facilidade de uso, cada construtor de sites tem vantagens e desvantagens com base nos recursos, flexibilidade e design intuitivo da interface de edição. Por um lado, você tem um construtor como Strikingly, que é simples de usar e extenso. Por outro lado, um construtor de páginas como WordPress ou GoDaddy não oferece muitas opções quando se trata de criação de páginas. Com o melhor construtor de sites, você pode criar uma experiência de usuário memorável que inspire os usuários a retornar ao seu site.
Imagem retirada de Strikingly
Strikingly cresceu e se tornou o software de web design gratuito para startups, pequenas empresas e profissionais em todo o mundo, com mais de 3 milhões de usuários. Nossa equipe está sempre criando novos modelos de web design que priorizam a experiência do usuário, mantendo-se atualizados com as tendências do setor. Esperamos que, usando esses conceitos como estrutura para nossos modelos, possamos fornecer aos empreendedores em potencial uma plataforma sólida para a construção de sites exclusivos e ricos em recursos.
