Como fazer algo útil e interessante fora da página 404: 30 exemplos

Quando inserimos o endereço errado no site ou clicamos no link "morto", ele deve produzir um código de resposta HTTP padrão - Não encontrado ou "Erro 404". Nós nos esforçamos para entender o que aconteceu e, em vez disso, deixar esta página.

Uma página 404 bem projetada em termos de design e usabilidade ajudará o usuário a entender o que fazer a seguir.

Considere os exemplos mais bem sucedidos.

Aliexpress

  • Redirecionamento automático para a página principal do site em 4 segundos.

Amazon

  • Ofereça-se para ir para a página principal.
  • Existe um link para a página do Amazon Dogs:

Aviasales

  • Ofereça-se para ir para a página principal.
  • Referências aos serviços da empresa.

Nevasca

  • Sarcasmo relevante.
  • Oportunidades para ir a todas as seções da página.

Coca Cola

  • A capacidade de ir para a página principal.
  • Acesso às seções da empresa a partir da página (botão redondo vermelho no canto superior direito).
  • Assine as notícias da empresa.

Converter monstro

  • Design criativo - uma jovem linda com uma chamada no espírito do sexo vende.
  • Acesso a todas as seções do site a partir do rodapé (pode ser visto ao rolar para baixo).
  • A imagem e o apelo à ação mudam sempre que você atualiza a página 404:

Ebay

  • Indicação direta de que algo deu errado. E um pedido de desculpas.
  • Ofereça-se para retornar à página principal ou usar o suporte técnico.

Evernote

  • Referência a links que podem ser usados ​​para trabalhos futuros - comece a trabalhar com o aplicativo, adquira uma versão comercial ou leia materiais do blog.

Facebook

  • Capacidade de retornar à página anterior, vá para o feed de notícias ou vá para as informações de referência.

Tupichok Goblin

  • Design gráfico no espírito dos jogos de computador do final dos anos 90.
  • Animação na página - olhos vermelhos aparecem nas fendas da porta à direita.
  • Acesse a partir da página para todas as seções do site.

Estúdio Denis Kaplunov

  • Acontece o endereço da página inserida incorretamente.
  • Texto de acompanhamento original
  • Acesse a partir da página para as principais seções do site.

Labirinto

  • Link para ações no corpo da página.
  • Capacidade de usar a pesquisa no site ou selecionar um livro do catálogo.

Art. Lebedev Studio

  • Texto de acompanhamento original
  • Acesso às seções mais interessantes do site do estúdio.

Combinação Metalúrgica Novolipetsk

  • A capacidade de retornar à página anterior ou ir para o principal.
  • Link para a geografia dos ativos da planta e seus produtos.

Ozon

  • Texto de acompanhamento original
  • Acesso ao catálogo de mercadorias.
  • A capacidade de ver todas as promoções e ofertas especiais "Ozone".

Sotmarket

  • Links não projetados para seções do catálogo eletrônico.
  • Logotipo clicável "Sotmarket" para ir para a página principal do site.

Texterra

  • Descrição das causas do problema.
  • Link para a página principal do site.
  • Capacidade de pesquisar a página desejada no site.

Banco "Tinkoff"

  • Texto original com um smiley.
  • Referências aos serviços básicos do banco "Tinkoff".

Wikium

  • Texto original.
  • Oportunidade de ir à página principal para tranquilizar o professor ou contatar a equipe "Wikium".

Yandex

  • Capacidade de usar a pesquisa :-)
  • Referências aos serviços "Yandex".
  • Link para a instalação do comutador de layout de teclado do Punto Switcher.
  • Anúncios (!) Na página 404.

Universidade "Sinergia"

  • Imagem positiva com significado.
  • Capacidade de usar a pesquisa.
  • A descrição da página sugere uma maneira de resolver o problema.

Estúdio de Animação "Magician"

  • O smiley-picture sugere claramente que ocorreu um erro irritante.
  • Na descrição da página são dadas maneiras de resolver o problema, além disso, eles são decorados com hiperlinks.
  • Duplicação desnecessária de informações de que a página não foi encontrada.

Lego

  • Todos os homens expressam pânico genuíno. O usuário entende que algo deu errado.
  • Na descrição da página manteve um tom informal de comunicação.
  • Uma solução para o problema é proposta - botão para ir para a página principal do site.

"Pesquisa de filmes"

  • A página mostra quadros de filmes famosos.
  • A descrição indica por que essa página pode aparecer. As formas de solução são decoradas com hiperlinks.
  • Cada vez que a página 404 gera uma nova imagem:

Oficina criativa "Stuki"

  • Título não trivial e muito relevante para este tipo de página.
  • A maneira de resolver o problema é decorada com um hiperlink.
  • Todos os itens de menu, autorização e registro no site, hiperlinks no rodapé estão disponíveis na página 404.

Playboy Russia

  • O peregrino quebra padrões J.
  • Na descrição eles atraem a permanência no site devido à grande quantidade de materiais e lindas mulheres (é bom que os artigos e fotos das garotas tenham links para as seções relevantes).

"Centro Único de Pedidos de Visto"

  • Uma memorável foto de meme com Grumpy Cat.
  • Na descrição da página, as soluções para o problema são hiperlinkadas.
  • Para uma captura de tela enviada pelo correio, uma página 404 é prometida como um presente.

Udemy

  • O título da página motiva o perdão dos donos do site por ter conseguido.
  • Existe um hiperlink para a página de suporte. Tudo é sério.

Pikabu

  • Deixe-me apenas dizer - nesta página está tudo bem!
  • Que tipo de criatura está sentada ao lado de um cara?

Pixar

  • Uma imagem melhor que a Sorrow do desenho animado "Puzzle" para a página 404 é difícil de imaginar.
  • O título da página "Oooh ... não chore". É difícil restringir, olhando para a imagem.
  • A descrição da página é escrita como se da face de Joy do mesmo desenho animado:

"Este é apenas um erro 404!

O que você está procurando pode ser perdido em uma memória de longo prazo. "

O que não deveria ser a página 404

  1. Transição instantânea para a página principal: neste caso, a pessoa não vai entender que ele digitou o endereço errado ou passou pelo link quebrado, e pode repetir a entrada errada.
  2. Aparência de página
  • com caracteres ilegíveis:
  • com inscrição padrão e não informativa:
  • Variante Zen da página 404 (como, por exemplo, no Moscow Art Theatre School-Studio):

Se você decidir fazer o site, deixe-o ser de primeira linha e a página com o código de resposta 404. Os usuários e os mecanismos de busca serão gratos a você.

Loading...

Deixe O Seu Comentário