Was sind 404 Error Pages?
Eine 404-Fehlerseite ist eine Webseite, die dem Benutzer mitteilt, dass die Seite, auf die er zuzugreifen versucht, nicht existiert. Sie werden am häufigsten verwendet, wenn ein Browser eine angeforderte Seite nicht finden kann, entweder aufgrund eines gebrochenen Links oder einer verfälschten URL. Diese Fehlerseiten werden manchmal auch als "Page Not Found"-Seiten bezeichnet.
Zweck von 404 Error Pages
Der Hauptzweck einer 404-Fehlerseite besteht darin, sicherzustellen, dass der Benutzer versteht, warum er auf eine Fehlerseite gelangt ist. Eine gut gestaltete 404-Seite erklärt, was passiert ist, und leitet den Benutzer zu den Möglichkeiten weiter, die er hat, um fortzufahren. Es ist auch wichtig, eine gute Benutzererfahrung zu erzeugen, da eine schlecht gestaltete 404-Seite potenzielle Kunden davon abhalten kann, die Website erneut zu benutzen.
Creating Memorable and Unique 404 Error Pages
Bei der Gestaltung von einprägsamen und einzigartigen 404-Fehlerseiten ist es wichtig, dass die Seite sowohl optisch ansprechend als auch informativ ist. Die Seite sollte eine klare Richtung vorgeben, was der Benutzer tun kann, um die von ihm gesuchte Seite zu finden, während sie ihn gleichzeitig in gewisser Weise unterhält. Es kann hilfreich sein, eine Illustration oder Animation zu erstellen, um der Seite etwas Spaß zu verleihen. Außerdem kann die Verwendung von witzigen Kopien dazu beitragen, ein unvergessliches Erlebnis für den Benutzer zu schaffen.
Including Navigation and Contact Information
Es ist wichtig, darauf zu achten, dass die 404-Seite die Navigation zur Homepage und zu anderen Bereichen der Website enthält. Dies hilft dem Benutzer, sich leichter auf der Website zurechtzufinden. Außerdem kann die Angabe von Kontaktinformationen hilfreich sein, falls der Benutzer um Hilfe bitten muss.
Testing the 404 Error Page
Nachdem die 404-Seite entworfen wurde, ist es wichtig, die Seite zu testen, um sicherzustellen, dass sie korrekt funktioniert. Dadurch wird sichergestellt, dass der Benutzer die Seite sehen kann und ihm die Informationen und Optionen, die ihm zur Verfügung stehen, präsentiert werden. Außerdem ist es wichtig, die Seite mit verschiedenen Browsern und Geräten zu testen, um sicherzustellen, dass sie auf allen Plattformen korrekt funktioniert.
.
404 Error Pages: Wie sie einen Unterschied machen können
404-Fehlerseiten sind oft eine Nachwirkung des Webdesigns, aber sie können einen überraschend großen Einfluss auf die gesamte Benutzererfahrung haben. Wenn sich Benutzer auf einer unerwarteten Seite wiederfinden, kann das, was sie dort sehen, den Unterschied zwischen der
m auf der Seite bleiben oder sie aus gutem Grund verlassen. Und wenn sie richtig gestaltet sind, können 404 Seiten sowohl kreativ als auch nützlich sein.
Die 404 selbst ist ein Statuscode, der vom Server verwendet wird, um anzuzeigen, dass die Seite, die der Benutzer angefordert hat, nicht gefunden werden kann. Eine schlechte 404-Seite zeigt einfach eine Fehlermeldung mit keiner weiteren Erklärung an, während eine gute Seite die Situation als Gelegenheit nutzt, den Benutzer zu anderen Inhalten zu führen, die von Interesse sein könnten. Dies könnte in Form einer witzigen Nachricht mit Links zu anderen Seiten auf der Website oder sogar eines Spiels oder Witzes geschehen.
Airbnb ist ein gutes Beispiel für ein Unternehmen, das 404 Seiten zur Werbung für seine Marke eingesetzt hat. Ihre 404-Seite ist ein Abbild der Homepage ihrer Website, jedoch mit einem humorvollen Twist. Anstatt eine Unterkunft zu finden, finden die Nutzer stattdessen eine Rakete, die von der Seite mit der Nachricht "Nothing Found Here" darüber abspringt. Diese Seite arbeitet auf mehreren Ebenen: Sie vermittelt nicht nur die Botschaft, dass der Benutzer an einem toten Ende angekommen ist, sondern stärkt auch das Markenimage von Airbnb als lustiges, vorausschauendes Unternehmen.
Animierte Gifs sind eine weitere beliebte Möglichkeit, einer 404-Seite Leben einzuhauchen. Gifs werden oft verwendet, um Enttäuschung oder Verlegenheit über einen Fehler des Benutzers auszudrücken, sind aber auch ein wirkungsvolles Mittel, um Emotionen zu transportieren. Zum Beispiel hat der Webentwickler Brad Frost erstellte eine 404-Seite, die eine Reihe klassischer Filmgifs mit Captions enthielt, die sein Bedauern über die Erfahrung des Benutzers ausdrückten. Obwohl es sich dabei sicherlich um eine lustige Seite handelt, kommuniziert sie auch erfolgreich die Tatsache, dass der Benutzer ein totes Ende erreicht hat, ohne herablassend zu wirken.
Alternativ dazu, Tesla Motors nutzte seine 404-Seite clever, um ihre Produkte zu präsentieren. Die Seite enthielt ein Foto ihres Model S-Autos zusammen mit einem Link zu "Schedule a Test Drive" und gab den Nutzern so die Möglichkeit, das Produkt zu erkunden, auch wenn sie die gewünschte Seite nicht finden konnten. Dies ist ein großartiges Beispiel dafür, wie 404-Seiten dazu genutzt werden können, tatsächlich Engagement zu erzeugen, anstatt sich nur für einen Fehler zu entschuldigen.
Schließlich, Dribbble nutzt seine 404-Seite, um den Nutzern die Möglichkeit zu geben, sich wieder mit der Community zu verbinden und neue Projekte zu erkunden. Neben einer entschuldigenden Botschaft bieten sie Links zu ihrer Trending List und ihrem Search Tab an und ermutigen so die Nutzer, Inhalte zu erkunden, auch wenn sie nicht finden können, wonach sie gesucht haben.
Tactful Error Messages und Navigation
Egal wie kreativ oder attraktiv eine 404-Seite auch sein mag, sie ist wertlos, wenn sie nicht die notwendigen Informationen und Navigationsmöglichkeiten bereitstellt. Es ist unerlässlich, dass die Seite eine taktvolle Fehlermeldung enthält, die die Situation kurz erklärt und dem Benutzer versichert, dass der Fehler nicht seine Schuld ist. Außerdem sollte es ein Navigationsmenü geben, das es ihnen ermöglicht, zur Seite zurückzukehren.
omepage oder nach Inhalten suchen.
Neben der Bereitstellung einer nützlichen Navigation sollten die Botschaft und die Navigationsoptionen auch in einer visuell ansprechenden Weise präsentiert werden. Eine gute Wegfindung macht den Unterschied - wenn die Benutzer sich nicht leicht von der Seite zurückfinden können, ist die ganze Kreativität nutzlos. Gute Webdesign-Prinzipien wie die Reduzierung von Klammern und die Verwendung von Kontrastfarben für Elemente von Interesse können helfen, sicherzustellen, dass die Benutzer immer den Weg nach Hause finden können.
Schlussfolgerung
Wenn sie gut gemacht sind, können 404-Seiten eine wertvolle Ergänzung des Benutzererlebnisses einer Website sein. Sie stellen eine Möglichkeit für Designer dar, ihre Kreativität zu zeigen und ein wenig spielerisch zu werden, während sie den Nutzern immer noch nützliche Informationen und Navigationsmöglichkeiten bieten. Unternehmen wie Airbnb, Tesla Motors und Dribbble haben alle ihre 404-Seiten mit großer Wirkung eingesetzt, und so kann es auch Ihnen ergehen.
Beispiel 1:
Oh nein! Wir konnten diese Seite nicht finden.
Wir scheinen die Seite, nach der Sie gesucht haben, nicht zu finden. Sie können versuchen, zurück zur home pageoder Sie können das Suchfeld unten verwenden.
Beispiel 2:
Uh oh, looks like you're lost!
Wir scheinen die Seite, nach der Sie gesucht haben, nicht zu finden. Sie können versuchen, zurück zur home pageOder Sie können die Karte unten verwenden, um Ihren Weg zu finden.
To go fruther on the topic
Wenn Sie mehr über das Thema "Designen von unvergesslichen und einzigartigen 404-Fehlerseiten" erfahren möchten, empfehlen wir Ihnen die folgende Literatur:
1. "404 Pages That Don't Suck: Tips & Tricks for Designing a Unique, Memorable 404 Error Page" von Tessa Thornton, 2018.
2. "Designing a 404: How to Make a Meaningful Connection with Lost Visitors" von Sarah Dayan, 2016.
3. "Designing an Effective 404 Error Page" von Oli Gardner, 2012.
4. "Designing Better 404 Pages: 10 Simple Tips" von Paul Boag, 2009.
5. "Designing Killer 404 Error Pages" von David Artandi, 2008.
6. "Designing Creative 404 Error Pages" von Jon Yablonski, 2007.
