Les 404 meilleures pages sur Internet (et ce que nous avons appris d'eux)

De temps en temps, votre site Web contient un lien cassé ou supprimé qui flotte toujours quelque part sur Internet ou un utilisateur écrit une faute de frappe dans l'URL. Puis quelqu'un finit par atterrir sur une page d'erreur 404, confus, perdu et se demandant: "où vais-je à partir d'ici?"

Une erreur 404 est un code HTTP (Hypertext Transfer Protocol) vous indiquant que le serveur du site Web ou de la page spécifique que vous essayez d'accéder ne peut pas être localisé. Il existe d'autres types d'erreurs HTTP, mais les erreurs 404 sont les plus courantes.

Un lien brisé au cours de votre expérience de navigation est un gros problème pour certains sites Web, mais même une page 404 peut être une opportunité. Vous pouvez réduire la frustration de vos utilisateurs en remplaçant une page d'erreur 404 fade par quelque chose d'un peu plus amusant.

Si vous cherchez des modèles à essayer, j'ai cherché des pages en haut et en bas et trouvé 20 des 404 meilleures pages que vous puissiez apprendre.

1. Gymbox

Pourquoi cela fonctionne-t-il:

Gymbox est une entreprise de fitness basée à Londres qui est fière de ses cours de fitness à la mode et de la personnalité de sa marque.

Cette page 404 fonctionne parce que la vidéo de la page 404 vous laisse plus perplexe que l'erreur de 404 pages. Rien ne dit que vous êtes au mauvais endroit, comme un homme dans un top court, un short court et une poussée pelvienne inspirée des années 90. Vous êtes sûr de revenir à la page d'accueil en un rien de temps.

2. Dérive

Pourquoi ça marche:

Personne n'aime se poser sur une page de 404 pages. C'est pourquoi il est toujours préférable d'atténuer la déception que vos utilisateurs en ligne peuvent rencontrer lorsqu'ils débarquent sur l'un d'eux.

La page 404 de Drift est l'une des plus amusantes que nous ayons vues. Les utilisateurs mal dirigés sont accueillis par une vidéo intégrée de DJ Khaled perdu en mer.

La page dirige le visiteur vers la page d'accueil avec le lien et rappelle aux utilisateurs que la situation pourrait être pire: ils pourraient être DJ Khaled perdu en mer.

3. 20th Century Fox

Pourquoi cela fonctionne-t-il:

Vous pouvez changer la frustration en plaisir en utilisant des images, des légendes et des vidéos de la culture pop lorsque vous créez vos 404 pages.

Comme Fox héberge la plupart de ces films, il est naturel qu’ils les incorporent à leur site Web. Ils vont plus loin en ajoutant un élément de hasard: leur référence de film de 404 pages change chaque fois que vous y arrivez.

Des extraits d’Edward Scissorhands, du Jeune Frankenstein, de Napoleon Dynamite, etc. Cliquez ici pour voir ce que vous obtenez!

4. Magnt

Pourquoi cela fonctionne-t-il:

Répertorié par CNBC comme l'une des meilleures pages d'erreur sur Internet Magnt le dit hardiment comme il est: soit vous ne savez pas comment taper, ou ils cassé quelque chose. Vous décidez quelle est la cause de votre erreur de 404 pages.

Vous pouvez suivre les étapes de Magnt et essayer des approches audacieuses ou créatives de vos 404 pages avec quelques légendes ironique.

5. Hootsuite

Pourquoi ça marche:

Vous ne savez toujours pas comment concevoir vos 404 pages? Vous pouvez incorporer le logo de votre entreprise ou une mascotte de marque dans la conception. Prenons Hootsuite, par exemple: pour leurs 404 pages, ils ont montré leur mascotte, Owly, manquante sur une boîte de lait, ainsi que les raisons pour lesquelles cette page pourrait être manquante.

6. eharmony

Pourquoi cela fonctionne:

Votre page 404 peut même être l’occasion de vendre vos services en douceur. C'est ce que Eharmony a fait avec ses 404 pages.

Un site de rencontre au succès retentissant qui indiquait que, même si la page n’était pas disponible, il y avait des millions de singles eharmony.

7. BluePath

Pourquoi cela fonctionne-t-il:

Blue Path est un cabinet de conseil en stratégie de données avec une pointe d'humour, l'humour d'un site Web pour être précis; Blue Path vous permet de savoir à quel point vous êtes perdu avec leur page d'erreur 404.

La page 404 présente un rapport détaillé sur le taux de criminalité à Atlanta datant de janvier 2015, car c'est un crime pour lequel vous ne les avez pas encore engagés. Un autre moyen extraordinaire de vendre vos services aux visiteurs.

8. Email Center UK

Pourquoi cela fonctionne:

Quelqu'un doit être tenu pour responsable d'une erreur 404. Donc, qu'est-ce que Email Centre UK a fait?

Création d'une page interactive 404 dans laquelle vous pouvez sélectionner le salarié renvoyé, ainsi qu'une autre option plus douce pour les laisser conserver leur travail en revenant à la page d'accueil.

9. IMDB

Pourquoi cela fonctionne:

Un peu plus tôt, nous avons parlé de la façon dont les références à la culture pop sont intemporelles. Retour vers le futur ne fait pas exception. En tant que page de film, IMDB ne déçoit pas.

10. Marvel

Pourquoi ça marche:

Bien, peut-être que les références de films ne sont pas votre truc, pourquoi ne pas essayer des blagues qui fonctionnent dans votre créneau. Marvel a ajouté Watcher de l'univers à son mélange de 404 pages.

La société était sûre de gagner des points intéressants avec Black Widow en toile de fond et l'œil suivant autour de votre curseur à l'écran.

11. Steve Madden

Pourquoi cela fonctionne-t-il:

Pour ce qui est des excuses, cette page de Steve Madden 404 prend le gâteau. Le texte est long mais capture la voix d'un véritable amateur de chaussures.

N'ayez pas peur d'ajouter un placement de produit sur vos 404 pages. S'ils venaient faire des achats, laissez-les magasiner et fournissez un service clientèle au cas où ils auraient besoin d'aide, car ils ne trouvaient pas ce qu'ils cherchaient sur votre site Web.

12. MailChimp

Pourquoi cela fonctionne-t-il:

Le Mailchimp 404 est assez drôle avec la façon pas si subtile de dire que vous êtes aussi perdu qu'un âne avec la tête dans un trou, tout en vous dirigeant doucement vers page d'accueil.

13. Taco Bell

Pourquoi cela fonctionne-t-il:

Taco Bell est une marque qui maîtrise l’art d’être à la fois drôle et succulent. Cette page indique aux utilisateurs que la page qu’ils recherchent n’existe pas – à moins qu’ils recherchent un taco animé.

14. Pixar

Pourquoi cela fonctionne-t-il:

Pixar a décidé de miser sur sa vedette dans Inside Out, "Sadness", parce que c'est ce que l'on a l'impression d'atterrir sur une page de 404 pages, et toute personne familière avec le film reconnaîtra la blague à long terme sur la mémoire . (Personnellement, je trouve ça plutôt mignon, n'est-ce pas?)

15. TSheets

Pourquoi cela fonctionne-t-il:

Je vous promets qu’il s’agit de la dernière référence à la page 404 de Back to the Future que je vais partager (mais il faut bien admettre que ce film est un classique).

TSheet est une application de planification qui se targue d'une précision et d'une analyse en temps opportun. En accord avec cela, ils ont référencé la ligne où Dr. Emmet Brown atteint précisément 88 mph en utilisant son condensateur à flux.

16. Buzzfeed

Pourquoi ça marche:

Vous pouvez toujours rester simple. Buzzfeed l'a fait, avec sa mascotte féline qui remue la queue pour vous faire savoir qu'il manque quelque chose ou que vous avez fait une faute de frappe.

17. Lego

Pourquoi cela fonctionne-t-il:

Lego fait partie du top 10 en 404 pages et il est facile de comprendre pourquoi avec une page comme celle-ci. Vous ne pouvez pas vous empêcher d’allumer lorsque vous le voyez (le contraire de votre réaction habituelle à une page d’erreur). C’est sur la marque, coloré, fantaisiste, amusant et efficace.

18. 9GAG

Pourquoi ça marche:

9GAG est le père de tous les mèmes et de la communauté qui l’alimente. Ils hébergent un large éventail de vidéos, d'images et de GIF du monde entier. Lorsque vous atterrissez sur une page 404 de 9GAG, vous rencontrez Vincent de Pulp Fiction à la recherche de Mia (qui est devenue un symbole culturel de confusion) avec la légende: "Il n'y a rien ici".

Cependant, ils ne le font pas. laisser les utilisateurs au sec et laisser la possibilité de télécharger l'application

19. AirBnB

Pourquoi cela fonctionne-t-il:

Personne n'aime laisser tomber de la crème glacée fraîchement préparée, comme personne n'aime atterrir une page d'erreur 404. AirBnB a donc décidé d'utiliser une illustration simple pour illustrer ce fait.

Cela prouve que votre page 404 n'a pas besoin d'être là-bas ni d'être remplie de culture pop et de glam: ça peut être aussi simple. en utilisant une illustration simple pour ajouter un peu de couleur et d’émotion.

20. Dropbox

Pourquoi cela fonctionne-t-il:

Depuis l’actualisation de la marque 2018 de Dropbox, ils ont pratiquement tout changé depuis leur page Web, interface, jusqu'à leur 404 page d'erreur.

Si vous actualisez la marque de votre entreprise, n'oubliez pas d'ajouter vos 404 pages à l'ensemble. Croyez-le ou non, ça compte.)

Résumé

Voilà, 20 des 404 meilleures pages sur Internet. Vous pouvez suivre les conseils de chaque page 404 et les utiliser lorsque vous créez vos propres pages.

Du simple au complexe, de la vidéo aux images, vous pouvez faire beaucoup de choses amusantes pour remplacer le texte ennuyeux par défaut "page introuvable".

Quelle était votre page 404 préférée et pourquoi? Commentez ci-dessous et faites-moi savoir, j'aimerais entendre.