Entschuldigung 40 Beispiele für 404 Seiten

404-Fehlerseiten sind eine großartige Gelegenheit, um die Persönlichkeit einer Website zu demonstrieren, und bieten potenziell verwirrten Benutzern Hilfe. Wenn Sie eine Website gestartet haben, ohne die Fehlerseiten berücksichtigt zu haben, sollten Sie diese sofort ansprechen.

Dies ist ein schnelles Feuer, ein unterhaltsamer Blick auf 404 Seiten im Web - und wir werden sie wie folgt kategorisieren:

  • Unterstützung anbieten
  • Die Kunst der Ablenkung
  • Bereitstellung von Unterhaltung
  • Angenehme Ästhetik
  • Aufrichtige Entschuldigungen
  • Ein Hauch von Persönlichkeit

Vier-O Was?

Weitere Informationen zum Bereitstellen benutzerdefinierter Fehlerseiten finden Sie unter .htaccess-Dateien für den Rest von uns von Dan Wellman. Versuchen Sie insbesondere für WordPress, wie Sie eine einfache 404-Fehlerseite für WordPress-Themes erstellen.

Unterstützung anbieten

Perfekt funktionell, genau das, was Sie von www.gov.uk/404 erwarten.

Kristallklare Botschaft von www.designernews.co/404.

Funktionell von Foursquare foursquare.com/404.

Netflix zeigt, dass sie sich nicht mit fremden Glocken und Pfeifen beschäftigen müssen (www.netflix.com/404).

Um brutal ehrlich zu sein; Ich hätte erwartet, dass uxpin.com/404 eine Route anbietet, um fortzufahren. Sie bieten Benutzern die Möglichkeit, defekte Links zu melden, was großartig ist, der Fluss wird jedoch immer noch durch das Fehlen von Such-Eingaben oder eines Homelinks unterbrochen. 

Invision leistet wahrscheinlich dieselbe gründliche Arbeit, einschließlich eines Fortschritts auf mindestens www.invisionapp.com/404.

Die 404-Seite von Airbnb bietet alle Links auf der linken Seite mit einer einfachen und minimalistischen Animation auf der rechten Seite. Sauber, übersichtlich und einfach genug, um den Benutzer zurück zur Website zu navigieren. 

Ein ähnlicher minimalistischer, aber kreativer Ansatz von Dropbox. dropbox.com/404

Die Kunst der Ablenkung

Sie wissen, es wird kommen, aber ich garantiere Ihnen, dass Sie noch ein paar Mal den falschen Befehl eingeben, um es zu hören..

Oh nein, ich hatte gehofft zu finden-warten, sind das Bézier-Griffe ?! www.figma.com/404.

Es gibt wirklich nur einen Grund, warum Sie die 1403 Vintage Mono Pro-Website besuchen würden. Warum sollten Sie nicht die Schrift ausprobieren, wenn Sie sich nicht bewegen? 1403.slantedhall.com/404.

Bewegen Sie den Mauszeiger über diese mit HTML und CSS erstellte Eule…

Amazon hat dieses fantastische Thema erstellt: Meet the dogs von Amazon und zeigt diesen Link zu seinem Blog auf der 404-Seite (amazon.com/404). Jedes Mal, wenn Sie auf der 404-Seite landen, wird ein anderer Hund vorgestellt. 

Bereitstellung von Unterhaltung

Vincent Vega hat Probleme, auf 9gag.com/404 zu finden, wo er sein soll.

Tolle Animation von marvelapp.com/404.

Wenn Sie ein Fan der I.T. Menge (du bist ja, richtig?) Ich muss dir nicht sagen, was in dieser GIF passiert. Besuchen Sie www.larkef.com/404 für das Original.

Zombie zeigt eine schöne, animierte, verrottende Hand. Sehr stimmungsvoll.

Mehr GIFs, mehr Gewalt unter www.bloomberg.com/404. Danke an Luke Meehan für diesen Vorschlag.

Schwörende Elefanten auf gradle.com/404.

Einige amüsante Kopie von der E-Mail-Newsletterplattform www.getrevue.co/404.


Teehan + Lax sind nicht mehr als Agentur tätig, aber glücklich lebt ihr Leben. T + L liebte es, Humor in ihre persönlichen Produkte zu injizieren. Diese Fehlerseite ist keine Ausnahme, da sie von „unbeholfenen Familienfotos“ inspiriert wird. www.teehanlax.com/404/.

Nun sagen Sie mir, diese pixar.com/404-Nachricht hat Sie nicht zum Lächeln gebracht. 

Um der Markenidentität treu zu bleiben, versagt The New Yorker niemals. newyorker.com/404 

Angenehme Ästhetik

Beruhigend und attraktiv von Tubik Studio.

Slack weist darauf hin, dass diese reizvolle Scrollszene wahrscheinlich nicht der Ort ist, an dem wir gesucht haben. Obwohl ich mit seinen Kaninchen und der fröhlichen Flora keine Probleme habe, slack.com/404 da zu sein.

GIF-Magie und Pacman von Arthur MB.

Die Emerald 404-Seiten-Sammlung umfasst 24 Varianten, die alle direkt und auf den Punkt gebracht werden.

RPZ ist eine Sammlung von zwei Seitendesigns mit jeweils vier Farbvarianten. Einfach und sauber.

Aufrichtige Entschuldigungen

Entschuldigung vom Team unter castle.io/404.

Ebenso aus Litmus litmus.com/404.

Eine Entschuldigung mit dem praktischen Grund von Lego lego.com/404

Starbucks entschuldigt sich und gibt einen Grund an, was schief gelaufen ist und was man tun kann. starbucks.com/404

Ein Hauch von Persönlichkeit

Voreingenommen? Vielleicht, aber ich habe das animierte Computerterminal auf unserer eigenen 404-Website webdesign.tutsplus.com/404 schon immer geliebt. Netter Jacob!

Gabel-CMS, die eine klassische Kombination aus Marke und Wortspiel nutzt www.fork-cms.com/404.

Erkennen Sie diese Fußabdrücke? foundation.zurb.com/404

Dieses stark stilisierte Flugticket "in den Wolken verloren" ist eine großartige Möglichkeit, einen 404-Fehler darzustellen.

Großartiges Gefühl von Adidas - was würden Sie sonst von einem der größten Motivatoren der Welt erwarten? www.adidas.de/404.

MailChimp, die Meister der Persönlichkeitsentwicklung von Produkten, setzen ihr Maskottchen Frederick von Chimpenheimer IV für den Fall einer fehlenden E-Mail-Kampagne ein: us1.campaign-archive1.com/404.

Ich denke, wir wissen, wem 404 dies ist, richtig? www.facebook.com/404.

IMDb.com/404 wandte einige bekannte Filmzitate in Website-Zitate um. Es gibt einige davon, so dass jedes Mal, wenn Sie auf der 404 landen, ein anderes Zitat vorliegt. 

Einpacken

Diese Beispiele sollten Sie dazu inspirieren, mit Ihren eigenen 404-Fehlerseiten kreativ zu werden. Merken:

  • Bieten Sie Unterstützung an - idealerweise einen Weg nach vorne, wie beispielsweise vorgeschlagene Links oder eine Sucheingabe.
  • Verwenden Sie Ablenkung, wenn Sie es für angemessen halten (Ihre Benutzer sind möglicherweise frustriert, wenn sie einen Fehler von 404 erreicht haben.).
  • Sorgen Sie für Belustigung (auch wenn es angebracht ist) und halten Sie die Sprache menschlich.
  • Bieten Sie einen Hauch von Persönlichkeit.