Die Gestaltung von 404-Fehlerseiten wird nicht selten übersehen und unterschätzt. Sind diese allerdings sorgfältig und durchdacht gestaltet, können Besucher, die Ihre Seite zufällig aufrufen, dazu gebracht werden, sich weiter umzusehen und schließlich doch zu bei Ihnen zu finden, wonach sie ursprünglich gesucht haben. Gute 404-Fehlerseiten können darüber informieren, warum die gewünschte Seite nicht aufgerufen werden kann und was der Besucher als nächstes machen kann. Dabei kann eine Suchoption und eine Liste nützlicher Links (am besten im Zusammenhang mit der fehlenden Seite) hilfreich sein.
Nun ist es an der Zeit für eine frische Ladung Inspiration für Ihre 404-Seiten. In diesem Artikel finden Sie 48 Beispiele für die Gestaltung attraktiver und origineller 404-Seiten. Dabei sind einige zwar attraktiv, aber nicht anwenderfreundlich, andere hingegen anwenderfreundlich aber nicht attraktiv. Nutzen Sie diese Vorschläge einfach als Inspiration – hoffentlich ist für jeden Geschmack etwas dabei.
Cut & Taste
Hier ist das Personal Schuld. Man beachtet die Hervorhebung der Suchbox.
Productplanner
Eine perfekt in das Branding der Site integrierte 404-Seite.
Mundofox.com
Eine 404-Seite mit einem nicht allzu eloquenten Homer.
Duoh.com
Wahrscheinlich eine der farbigsten 404-Seiten, die man finden kann.
Apartmenthomeliving.com
Eine ziemlich ungewöhnliche Fehlerseite.
Chrisglass.com
Chris nimmt seine Kumpels auf einen Ausflug mit. Auf der Jagd nach der “richtigen” Seite.
Huwshimi.com
Hier scheint es als ob ein Ninja die Seite gestohlen hätte.
ilovetypography.com
Eine typographisch – natürlich – wunderschöne Fehlerseite
Newspond
Hier wird eine seltsame Illustration verwendet. Der Kreis beschreibt die Grenzen der Website. Und die kleine Abbildung im Zentrum ist das Firmenlogo.
Brightkit
Brightkit zeigt eine vermisste Eule auf einer Milchpackung.
Gog.com
Hier gibt es nichts… (eingesendet von @Chamb via Twitter)
Nutzerfreundliche 404 Fehlerseiten
RealMacSoftware
Eine funktionale 404-Seite mit eigener Sitemap.
InspirationBit
Statt eines Fehler gibt es eine Übersicht über gefragte und empfohlene Beiträge.
45royale
Diese Fehlerseite enthält Links zu gefragten Themen und eine schicke Illustration.
Spaß mit 404 Seiten
Aber ja, Spaß! Die 404-Seite ist auch ein Ort, wo Sie Ihren Sinn für Humor beweisen können. Sie haben die Möglichkeit, machen sie etwas draus!
Techkultura
Pawel Opydo’s Blog mit Samurai.
Abduzeedo
Wird haben da ein Problem…
Habrahabr
Eine illustrative Abbildung (eingesendet von sabugao on Twitter).
CSS Remix
Dieser Kollege ist ziemlich verängstigt (eingesendet von @dezignMusings on Twitter).
Pattern Tap
Werde nicht wütend, und schreie nicht. Pattern Tap wird alles regeln.
New Yorker
Das New Yorker Magazin erscheint seit 1925…
Frye/Wiles
Frye/Wiles Creative Agency.
Heinz
Die 404-Seite des bekanntesten Ketchups.
Craigslist
Eine ASCII 404-Fehlerseite.
The Truth
Ist das wirklich die Wahrheit?
Wulffmorgenthaler
Der schreckliche Biber…
Henrik Hedegaard
Hier scheint jemand die Simpsons zu mögen.
NotaNiche
Bei jedem Reload eine andere Zeichnung.
Daze of Our Lives
“What the…?”
Limpfish
Wanted: Eine Webseite.
Orangecoat
Die erste 404-Fehler-Mindmap.
Kochatelier Berlin
404 Toastbrot.
Dawdle
Mario hat bisweilen die falsche Burg erobert.
CSS-Tricks
Chris Coyier hat einen tiferen Einblick in den Quellcode.
Niki Brown
Eine schöne Maus-Illustration.
Twitter
Twitter verwendet eine minimalistische, dennoch attraktive 404-Seite.
Livadaru
Homer in Cristian Livadarus Blog.
ARTTHUG Studios
Nochmal Homer.
Cubeecraft
Ein Fehler “Cubee” (den man selbst basteln und downloaden kann).
d20 SRD
Die brutale Variante.
HomeStar Runner
Upps!
Animation? Aber sicher!
404-Seiten drehen sich nicht zwangsläufig nur um statische Grafiken. Hier kommen animierte Beispiele.
Mark Fennell
Diese Fehlerseite bietet uns ein Spiel an!
Project Euh
Project Euh? Einfach klicken und eine zufällige Website besuchen.
Total Insanity
Was Wahnsinn wirklich meint.
Herr Nilsson
Diese 404-Seite greift sich 404-Tweets und stellt sie in Echtzeit dar (via eelay on Twitter).
Cricket Feet
Diese 404-Seite spricht zu uns!
Bluedaniel
Daniel Karcher’s film design studio.
Quellen und Links
Über die Autorin
Sylwia Besz ist Projectmanagerin. Sie liebt das Bloggen und die Fotografie. Sie finden ihre 404-Seite hier. Der Beitrag erschien auf Englisch im Smashing Magazine. Mit freundlicher Genehmigung. ™
[...] Fehlerseiten 404 [...]
[...] Und wieder einmal – 404-Fehlerseiten Und wieder einmal – 404-Fehlerseiten on Dr. Web. [...]
Ein recht unpassendes Icon (Männchen schießt sich durch den Kopf) für eine Topstory am heutigen Tag. Stichwort Katastrophe in Winnenden.
Und zum “Talk like pirate -day” gibt’s dann wieder diese wundervollen “Arrr! Rats below deck!”-404-Seiten :-)
Schick, Schick warum ist den meine nicht dabei ? :D
Finde es sehr gut, dass Ihr das Icon geändert habt. Danke.
Danke für die Erwähnung meiner 404 Seite notaniche.com . Die Witze gibts auf http://blogdrauf.de/404 auch noch mit ein paar deutschen Witzen. :)
Ich denke, man sollte auf jeden Fall das Corporate Design der Seite einblenden, vor allem bei unternehmen. Bei einigen dieser Beispiele sieht das so aus, als ob die komplette Navi ausgeblendet wäre.
Ich würde je nach Geschmack eine HTML-Sitemap oder eine benutzbare volltextsuche anbieten.
[...] den meisten fällen sind die 404-Seiten ja nicht gerade schön anzusehen.drWeb.de hat hier eine Liste schöner Page-not-Found-Pages veröffentlicht. Kann man sicher die ein oder andere als [...]
[...] 404 und wie kann man kreativ damit umgehen? Die haben sich bestimmt von Dr. Web inspirieren lassen (Und wieder einmal – 404-Fehlerseiten). Tipp: Man die 404-Seite originell gestalten oder mit einer nützlichen Funktion versehen, [...]
[...] bietet das Tracking von 404 Fehlern in bestehenden Webseiten und die Benachrichtigung per Mail inklusive umfangreichem Fehlerbericht. [...]
[...] Eine schöne Sammlung mit ungewöhnlichen Fehlerseiten findet ihr übrigens bei Dr. Web. [...]
I like those ones with homer :D
[...] wenig Inspiration gefällig? Hier geht’s [...]
[...] DrWeb.de [...]