UX UX
Páginas 404: Transforme Erros em Boas Experiências de Usuário
Lista de conteúdos
UX UX

Páginas 404: Transforme Erros em Boas Experiências de Usuário

Páginas 404: Transforme Erros em Boas Experiências de Usuário cover

Designers têm como objetivos: garantir que os usuários estejam engajados, que o conteúdo esteja bem apresentável, a navegação consistente e a interface simples e eficiente. Mas não importa o quão impecável nosso projeto esteja, é muito provável que os usuários eventualmente vão topar com um link quebrado e páginas 404.

Talvez isto não seja o fim do mundo e seja algo bem trivial. Mas e se nós pudermos utilizar este momento e dar aos usuários uma melhor experiência ou mesmo engajá-los a executar novas ações?

Páginas de erro 404 (Página Não Encontrada) muitas vezes não são apreciadas ou são negligenciadas pelas empresas. Podemos pensar que, para começo de conversa, estes erros nem deveriam ocorrer. Mas você pode ter mais ganhos se começar a tratar essas páginas 404 como uma oportunidade de surpreender e agradar seu público.

Esperamos que esta lista te inspire a desenhar belas páginas 404 e tê de algumas idéias do que você pode fazer para reforçar sua marca quando alguém dá de cara com a parede do 404.

Use ilustrações

Dropbox Community

Esta 404 mostra personagens perdidos na ilustração. Funciona bem porque é engraçada; e o estilo consistente e a paleta de cores fazem com que você se sinta como se não estivesse perdido.

Diga aos usuários para onde ir

A página 404 do Airbnb comunica o erro de uma forma bem humorada e dá ao usuário links úteis para outras áreas do site, ajudando-os a encontrar o caminho de volta.

Permita que os usuários encontrem para onde querem Ir

MailChimp

O MailChimp manteve uma 404 simples. Tem uma funcionalidade similar a do Airbnb, mas neste caso oferece uma busca e, assim, os usuários podem tentar encontrar novamente o que estavam procurando.

Mantenha a experiência imersiva

Red Bull TV

Se alguém se perde em seu site de streaming de vídeo de esportes extremos, por que não mostrar a eles clipes curtos também extremos?

Tire sarro da situação

Bluegg

Criatividade e humor frequentemente se conectam, portanto usar um vídeo viral engraçado é uma idéia perfeita para uma empresa criativa.

E utilize uma Call to Action

Bluegg

O exemplo acima deu muito certo e rendeu à empresa citações em vários sites, gerando bastante tráfego. Aproveitando o gancho, eles evoluíram para um estilo que leva o usuário a uma ação: "Então, ao invés de dar risada do cabrito… ligue para nós, talvez?"

Tire sarro de você mesmo(a)

Hillary for America

Tirar sarro de si é uma ótima forma de garantir que usuários se sintam bem por terem cometido seus próprios erros. Além disso, a forma que este exemplo chama o usuário a se voluntariar dá um novo propósito à página.

Use momentum

Alex Deruette

Esta 404 usa um meme que está em alta para comunicar uma mensagem de forma bem criativa. É um bom exemplo de uso de momentum, o que significa que uma idéia chama bastante atenção naquele momento específico. Em contrapartida, ela pode se tornar obsoleta após um curto período e necessitar ser atualizada (esse meme, por exemplo, já pode estar obsoleto quando você estiver lendo esse artigo).

Utilize pop culture

Dennis Kramer

O uso de elementos icônicos pode apelar para um grande grupo de pessoas e tornar a experiência divertida.

Use variação

Shirley Wong

Ter múltiplas opções é uma forma de tornar a experiência em uma brincadeira. As experiências variáveis pode engajar seus usuários na busca por outras mensagens ocultas ou easter eggs no site.

Braden Kowitz

Você ainda pode ser criativo mesmo que a marca seja muito corporativa para piadas. O público talvez seja muito maduro para ilustrações ou talvez o humor não se aplique ao contexto, mas isso não precisa te impedir de criar uma experiência interessante.

Transforme erros em oportunidades com suas Páginas 404

Nunca é ideal que usuários caiam em uma página 404, mas vai acontecer inevitavelmente. Portanto, não trate isso como uma perda. Todo engajamento que você tem com os usuários é uma oportunidade de impressioná-los e páginas 404 não são exceção.

Os exemplos acima provam que páginas 404 podem se tornar uma oportunidade para fortalecer a impressão que seu site deixa nos usuários. Dependendo das necessidades de seu projeto, você pode fazer o design das 404 para expressar o senso de humor de uma marca, redirecionar os usuários de forma específica, fazer um call to action, ou também entretê-los com um conteúdo surpresa.

Com esse artigo eu te convido a refletir em outras experiências negativas, inicialmente, que você pode transformar em oportunidades de surpreender seus usuários.

Se você gostou desse conteúdo não se esqueça de clicar em curtir e compartilhar! Esse pequeno gesto ajuda bastante no nosso trabalho! Fique à vontade para continuar navegando aqui e, caso queira receber nossos conteúdos por email, inscreva-se na nossa newsletter!


Programas

Nosso maior orgulho é todo mês ter pessoas da comunidade contratadas em grandes empresas, em países como
Brasil, EUA, UK, Irlanda, Alemanha, Holanda, Espanha, Portugal, Áustria, Rep. Tcheca, Nova Zelândia e Canadá.

Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro
Parceiro Parceiro