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

Jon Vieira
Aela
Published in
5 min readFeb 23, 2018

Designers têm como objetivos garantir que 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 mais uma oportunidade de surpreender e agradar seu público.

Espero 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 nada 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

MailChimp manteve uma 404 simples. Tem uma funcionalidade similar à do Airbnb, mas neste caso oferece uma busca, e assim, usuários podem tentar encontrar o que fez com que eles acabassem se perdendo.

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.

Utilize um Call to Action

Bluegg

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

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. Também, 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 (este 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.

Seja Simples e Conciso

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 humor não se aplique ao contexto, mas isto 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. Portanto, não trate isto 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 convido você a refletir em outras experiências negativas, inicialmente, que você pode transformar em oportunidades de surpreender seus usuários.

Gostou do artigo? Deixa um comentário! O feedback de vocês é muito importante para continuarmos criando conteúdos relevantes.

Se você quiser encontrar mais artigos como esse, acesse nosso Blog! Lá, você tem diversos temas relacionados a UX Design. Desde ferramentas e conceitos até dicas para migrar de carreira! Fique ligado para não perder nenhum aprendizado!

Ficou com alguma dúvida? Manda uma mensagem!

Baseado no artigo Turn Error Into Opportunity With These 404 Page Inspirations que escrevi para a Toptal

--

--

Jon Vieira
Aela
Writer for

Product Designer, currently @ Facebook VR/AR