Aguarde...

15 de março de 2019

Como transformar uma página 404 frustrante em uma fonte de inspiração

Como transformar uma página 404 frustrante em uma fonte de inspiração

Se você estiver indo para executar um blog, e-store, portfólio da web ou qualquer site, você precisará exatamente de uma página 404. No entanto, é melhor deixar as páginas tradicionais e optar por várias soluções extraordinárias. Use esta página como uma fonte de possibilidade única para se destacar na web. É uma ótima oportunidade para mostrar que até uma imensa fonte de frustração pode ser transformada em uma fonte de emoções positivas, humor, gráficos de memória e muito mais. Páginas de alerta personalizadas e criativas podem se tornar uma descoberta para seus visitantes por sua própria natureza. Para transformar uma situação infeliz em uma vencedora, você pode aprimorar suas páginas 404 com:

  • qualquer tipo de sugestão de como conseguir o lugar certo;
  • elementos de humor como gifs engraçados, imagens, etc .;
  • elementos avançados de experiência do usuário;
  • desenho bonito e desenho de atenção;
  • envolvendo animações / ilustrações ;
  • componentes interativos;
  • tipografia reconhecível.

Escusado será dizer que as páginas de erro 404 engraçadas são verdadeiramente as mais eficazes. Mas o que os torna tão engraçados? Vamos dar uma olhada mais de perto em algumas das mais memoráveis ​​páginas de alerta de todos os tempos.

Os exemplos efetivos e memoráveis ​​de páginas 404

Página não encontrada – ilustração engraçada

Como transformar uma página 404 frustrante em uma fonte de inspiração

Tente evitar imagens chatas, gráficos sem emoção e soluções sem inspiração ao criar uma página de alerta específica. Lembre-se de que uma página 404 pode ser muito confusa, por isso não agrave a situação. Uma ilustração tão criativa, relaxante e engraçada, ” Página não encontrada “, certamente vai iluminar sua página. Parece elegante, mas adiciona um pouco de humor à página de alerta. Parece que um homem da ilustração está confuso sobre o que fazer com uma situação tão desagradável. No entanto, sua pose relaxada, roupas de cores brilhantes e rosto cômico diminuirão a frustração dos usuários, sem dúvida.

TemplateMonster Página 404 – Erro do Monstro

Como transformar uma página 404 frustrante em uma fonte de inspiração

Esta página 404 você pode encontrar no site da TemplateMonster . Um grande monstro roxo torna a página realmente envolvente. A empresa pede desculpas de uma forma divertida pelo inconveniente causado por um deles. Além disso, a empresa adicionou um link útil que redireciona os usuários para páginas da Web válidas. Essa abordagem certamente fornecerá aos seus usuários emoções positivas e dará a chance de obter informações esperadas.

NMFH – uma parte de humor escuro

Como transformar uma página 404 frustrante em uma fonte de inspiração

O humor negro atrai muita atenção porque as pessoas sempre apreciam exemplos de qualidade de todos os tipos de humor. Por que não aplicar tal prática para uma página de erro 404 como o Museu Nacional de História do Funeral fez. Parece criativo, marcante e memorável porque reflete brilhantemente o conceito do site. A frase “A página que você está procurando desapareceu na vida após a morte” soa incrível e rigorosa. Então, se o seu nicho de negócios é compatível com um tipo de humor negro, você pode certamente usá-lo para um design de 404 páginas.

Volante – Abordagem Minimalista com Humor Subtil

Como transformar uma página 404 frustrante em uma fonte de inspiração

Os designers do site do Flywheel decidiram não sobrecarregar uma página de alerta com imagens e ilustrações complexas. Eles encontraram uma solução mais atraente – uma ilustração limpa e minimalista com palavras pomposas: “Holey Moley. Isso realmente é uma droga. ”Além disso, todos os pequenos detalhes e a letra ‘O’ na página de alerta estão se movendo na tela chamando a atenção dos usuários. Parece minimalista e conceitual.

Bermuda 404 – ilustração vetorial de contraste

Como transformar uma página 404 frustrante em uma fonte de inspiração

Você gosta de ilustrações vetoriais coloridas? Esta ilustração ” Página não encontrada ” no estilo das Bermudas ajudará você a tornar uma página 404 mais atraente. Um homem descontraído de bermudas parece dizer: Humm … qual o caminho a escolher se não há nada de útil para mim? Com esta ilustração, você não terá dificuldade em incorporar vários links para redirecionar os usuários para as páginas necessárias em seu site.

Bluegg – outra parte de humor escuro

Como transformar uma página 404 frustrante em uma fonte de inspiração

A página Bluegg 404 é uma mistura de palavras, tipografia vívida e humor negro. Os designers da Web gostam de usar várias piadas relacionadas à morte ao criar um design “Página não encontrada”. A mesma abordagem pode funcionar para o seu site, não contradiz o conceito geral do site. Isso é para você decidir.

Colorlib 404 – Emoji Notável

Como transformar uma página 404 frustrante em uma fonte de inspiração

Opa! Bem-vindo a mais uma página de erro engraçada que descreve um emoji choroso em vez do número trivial ‘O’. Este design plano e direto parece positivo e fresco graças a esse elemento engraçado. Além disso, o layout da página contém um botão de call-to-action. Essa é uma solução inteligente para ajudar seus visitantes a encontrar o que desejam sem sair do site.

Destilada – página de erro britânica em quadrinhos

Como transformar uma página 404 frustrante em uma fonte de inspiração

O diálogo em quadrinhos britânico à maneira da conversa de Sherlock será muito apreciado por muitos usuários. A “Página Não Encontrada” do destilado parece bastante engraçada para chamar a atenção dos visitantes para o conteúdo da conversa. O acento da caixa de diálogo é feito na resolução de problemas: os navegadores que chegam nessa página devem entrar em contato com os proprietários do site e notificar sobre o erro.

Orangecoat – Gráficos Interativos

Como transformar uma página 404 frustrante em uma fonte de inspiração

Com a página 404 da Orangecoat , os usuários terão muita emoção. A página é criada na forma de um gráfico visualmente atraente que oferece várias soluções, dependendo da finalidade da pesquisa do usuário: vá até a página Sobre nós, envie uma pesquisa no formulário acima ou entre em contato com os proprietários do site para corrigir o problema. O gráfico começa com uma história em quadrinhos mostrando um homem correndo com ursos de canguru nas pernas, tornando a página geral mais divertida e envolvente.

404 – Transporte para o espaço

Como transformar uma página 404 frustrante em uma fonte de inspiração

Com uma página 404, é possível delegar usuários ao espaço! Não tenha medo de ser criativo ao criar uma página de erro. Esta solução dinâmica, bonita e atraente para uma página 404 certamente atingirá o gosto do público. Realmente diverte e deixa um sabor agradável.

Código 404 e espaço novamente

Como transformar uma página 404 frustrante em uma fonte de inspiração

Se você navegar na internet mais profundamente, você definitivamente vai notar uma tendência interessante. Existem toneladas de páginas 404 relacionadas ao espaço em toda a web. O espaço é algo inacessível e distante, e quando você pousa na página que não existe, realmente se parece com um espaço desconhecido. Esta ilustração vetorial para o design “Página não encontrada” será útil para aqueles que quiserem adicionar um tópico espacial à sua página de alerta. É brilhante, fácil de entender e divertido.

Jess e Marks ‘404 Page – Regras da Simplicidade

Como transformar uma página 404 frustrante em uma fonte de inspiração

Esta página de erro pode ser encontrada pelos usuários no site de fotógrafos de casamento. Parece simples, elegante e informativo. Letras distintivas e atraente fundo de cor cinza avisam que você chegou na página errada, mas você tem uma grande chance de voltar ao menu ou página do blog. A página foi feita de acordo com os princípios gerais do site de casamento.

Mashable – engraçado e criativamente

Como transformar uma página 404 frustrante em uma fonte de inspiração

É uma das páginas 404 mais simples e divertidas que já vi antes. Uma imagem em tela cheia representando uma meia de malha com um buraco e um dedo do pé olhando para fora do buraco impressiona profundamente. Além disso, a barra lateral direita contém uma caixa de pesquisa que permite ao usuário encontrar as informações necessárias em todo o site. A frase sobre “boas e más notícias” é uma abordagem tradicional, mas eficaz, que atrai a atenção das pessoas e as faz sorrir. Funciona!

Pixar – Super Clever 404 Page

Como transformar uma página 404 frustrante em uma fonte de inspiração

A página 404 da Pixar combina perfeitamente com o serviço. Ele apresenta real tristeza com a ajuda de um herói incrivelmente popular do filme de animação computadorizada da Pixar, Inside Out. Parece simples, mas inteligente. A tristeza representa perfeitamente a reação dos usuários ao desembarque em uma página 404.

Brincando com formas

Como transformar uma página 404 frustrante em uma fonte de inspiração

Se você não sabe como criar uma página 404 realmente envolvente, tente usar formas. Eles vão trabalhar 100%, especialmente se você precisar de uma loja virtual. Você pode usar seus produtos ou outras imagens para criar uma forma atraente para colocar na sua página de erro. Dê uma olhada mais de perto como os designers usaram essa abordagem. Quanto a mim, parece inspirador e marcante.

Airbnb – Solução Inteligente com uma Garota Animada

Como transformar uma página 404 frustrante em uma fonte de inspiração

Quando você chegar na página 404 do Airbnb , você definitivamente se sentirá mal por uma garota animada. Ela parece tão chateada por causa da queda de sorvete, então você vai esquecer a sua própria frustração. No entanto, o Airbnb oferece uma lista de links úteis que permitem acessar informações apropriadas: Página inicial, Pesquisa, Ajuda, Sitemap etc.

O índice da Web inútil – Meerkats ajudará a encontrar

Como transformar uma página 404 frustrante em uma fonte de inspiração

Esta página é capaz de impulsionar os espíritos, basta dar uma olhada nestes suricatos incríveis. Eles pararam em busca de sua página certa. Eles parecem tão concentrados que você pode confiar no sucesso deles. A página de erro faz os usuários sorrirem, realmente vale a sua atenção!

Mais uma ilustração vetorial para código 404

Como transformar uma página 404 frustrante em uma fonte de inspiração

Se você não preferir uma solução simples para coisas comuns como um design de ‘página não encontrada’, tente esta solução vetorial . Parece incomum e chama a atenção dos visitantes. Pode decorar uma página 404 chata e confusa. Você não terá dificuldade em adicionar links úteis ou caixa de pesquisa à página que apresenta essa ilustração. Tudo parecerá harmônico e equilibrado, apenas tente tornar uma página visualmente mais atraente.

Uma solução ridiculamente simples

Como transformar uma página 404 frustrante em uma fonte de inspiração

Mantenha suas 404 páginas concisas se você não souber como projetá-las. Simplicidade governa o mundo, lembre-se desse fato e você será bem-sucedido. As pessoas vão apreciar a sua abordagem, porque essa página não vai levar muito tempo. Chega ao ponto sem perder tempo. Nenhuma informação necessária, não há necessidade de ficar lá …

Gato rabugento

Como transformar uma página 404 frustrante em uma fonte de inspiração

Uma página 404 com um gato rabugento é uma solução ganha-ganha. Dê uma olhada neste rosto irritado. 100% reflete seu humor ao aterrissar na página que não existe. No entanto, este gato transforma seu fracasso em seu próprio. De qualquer forma, esta página de erro ilustrativa destina-se a chamar a atenção dos visitantes de uma só vez.

Linha de fundo

Esta incrível coleção de variantes de 404 páginas prova que até mesmo uma página chata pode fazer sorrir. Tente encontrar o caminho para chamar a atenção dos usuários e direcioná-los para o lado direito. Humor e ilustrações funcionam 100%, portanto leve isso em conta ao criar seu próprio layout para uma página de erro. Você pode implementar algumas dessas ideias ou projetar uma delas. Deixe seu UX menos frustrante e os visitantes não vão querer abandonar seu website.

Postado em BlogTags:
Escreva um comentário