Erstellen einer konstruktiven 404-Fehlerseite (mit Beispielen)

Die Fehlerseite ist eine im Webdesign weit verbreitete Facette, die von der Masse der Mainstream-Community oft übersehen wird. Wenn ein Benutzer sich auf einer Fehlerseite befindet, stellt dies im Allgemeinen einen Fehler dar. Etwas über ihre Handlungen hat einen Fehler auf der Website verursacht, und alle Hoffnung scheint verloren zu sein.

Mit dem Fortschreiten der Generationen sehen wir, dass die Jugend von heute viel besser für technologische Fehler geeignet ist und die Wege zu einem einzigen Problem verfolgt. Im Umgang mit der Mehrheit ist es wichtig zu verstehen, dass die Benutzererfahrung alles ist. Dies gilt doppelt für Webanwendungen mit einem neuen Zeitalter und ablenkende mobile Spiele. Denken Sie beim Erstellen dieser Seiten immer an den Endbenutzer - und denken Sie daran, dass es von Person zu Person einen großen Unterschied gibt!

Hier werden einige Ideen zur Erstellung von 404-Fehlerseiten behandelt. Diese zeigen eine kurze Nachricht an Ihre Besucher und mögliche Lösungen, um ihren Weg zu finden. Die Ideen sind ziemlich verbreitet und kommen in der Community professioneller Webdesigner gut an.

Was kann man mit 404-Fehlern tun?

Wenn der Browser einen 404-Fehlercode zurückgibt, bedeutet dies, dass die Seitenanforderungen auf dem Server nicht gefunden wurden. In Verbindung mit Websites bedeutet dies, dass entweder ein Routingproblem in der Backend-Logik vorliegt oder die physische Datei nicht gefunden werden konnte (HTML-Seite, Videodatei, Bilder usw.).

Die Schwierigkeiten ergeben sich aus der Ermittlung der Ursache des Problems. Hat der Nutzer einen fehlerhaften Link von einer anderen Website verfolgt? Oder ist es möglich, dass in Ihrer Navigation defekte Links vorhanden sind? Dies ist eine schwierige Aufgabe. Alle diese Optionen sollten als Lösungen betrachtet und dem Benutzer angeboten werden.

In der Tat, wenn ein Benutzer die Fehlerseite erreicht hat, hat er nicht viele Optionen zum Debuggen. Sie könnten zur zuvor angezeigten Seite zurückkehren oder zu einer Heftklammer wie Startseite oder Sitemap weiterleiten.

Ich biete diese Links im Allgemeinen auf den meisten 404 Seiten an, die ich baue. Dies gibt dem Benutzer eine offene Wahl und behält die Kontrolle über die Fahrt. Alternativ kann es sinnvoll sein, einen Link oder eine E-Mail-Adresse für die Fehlerberichterstattung anzugeben. Wenn Sie Probleme mit verlorenen Seiten / defekten Links nicht kennen, wie können Sie möglicherweise Vorkehrungen treffen, um diese zu beheben?

Behalte das Stimmungslicht

Eine andere Technik, die ich entdeckt habe, ist das Aufrechterhalten der Sprache. Es ist oft sehr frustrierend, wenn man das Web benutzt und auf einen Fehler stößt, den man nicht erwartet hat. Noch schlimmer ist, dass die Internetbenutzer von heute sehr wenig Geduld mit fehlerhaften Apps oder "URL Not Found!" Mitteilungen.

Wenn Sie grafisch in der Lage sind, habe ich tolle 404-Seiten mit alternativen Illustrationen oder Hintergründen gesehen. Diese können in Adobe Illustrator oder Fireworks erstellt und als Vektorformat exportiert werden. Im Vergleich dazu vermitteln weiche Bilder und Vektorzeichen das Gefühl einen boo boo machen, während einfacher Website-Text und Links so erscheinen, als ob eine technische Katastrophe durch Ihre Benutzer aufgetreten ist.

Die Verwendung von verspieltem Kontext und farbigen Schlagzeilen wirkt sich negativ auf die müde Stimmung aus, die oft auf Website-Fehler zurückzuführen ist. Überprüfen Sie beim Erstellen Ihrer 404-Seitenkopie die Details in Ihrer Sprache. Lassen Sie den Benutzer sich nicht schuldig fühlen oder machen Sie niemanden dafür verantwortlich.

Fehler melden

Wenn ein Besucher eine solche Fehlerseite mehrmals findet, möchte er möglicherweise ein Problem mit dem entsprechenden Beitrag beitragen. Hier kann das Anbieten einer Kontakt-E-Mail oder eines kleinen In-Page-Formulars Wunder bewirken.

Durch die Möglichkeit, einige Kommentare einzugeben und eine Nachricht an den Websiteadministrator zu senden, werden sich die meisten Benutzer mehr als nützlich fühlen, wenn es darum geht, einen Site-Fehler zu ermitteln. In den meisten Webserver-Setups kann dies mit einem einfachen PHP durchgeführt werden mail () Funktionsaufruf und ein einzelnes Eingabeformular mit einem Kommentartextbereich.

Wenn Sie als Webmaster keine Fehler-E-Mails erhalten oder SMTP-Mailing nicht unterstützen können, können Sie auch ein internes Ticketsystem in Betracht ziehen. Durch die Bereitstellung von Benutzereingaben zusammen mit dem Melden des Fehlercodes und der aufgetretenen URL können diese Daten in einer Datenbanktabelle gespeichert und über ein Administratorkonto abgerufen werden.

Wenn Sie ein kleines Setup ausführen und diesen Schutz nicht benötigen, gibt es sicherlich Alternativen. Wenn jedoch täglich Millionen von Seitenzugriffen gezählt werden, können sich die E-Mails in kurzer Zeit schnell aufbauen.

Reduzieren Sie die Verwirrung um jeden Preis

Wenn Sie auf eine Fehlerseite stoßen, ist das für die Benutzer schon ein Akt der Aufregung. Dies bedeutet, dass die Seite, die sie erhalten, nicht zu verwirrend sein sollte, um sie zu verstehen, damit sie nicht einfach die Website ganz aufgeben und anderswo suchen.

Durch das Angebot einfacher, fettgedruckter Seiteninhalte können Sie auf einen Blick Lösungen für das Problem anbieten. Besucher, die die Seite verlassen möchten, können nach Hause gehen oder möglicherweise die Website durchsuchen. Andere bemerken möglicherweise den Fehler und untersuchen, was möglicherweise schief gegangen ist, um zu versuchen, Dinge zu beheben.

In beiden Szenarien ist eine klare, knappe Erklärung, was passiert ist und warum sie die angeforderte Seite nicht erhalten haben absolut Muss. Dies sollte auch vernünftig abgeschlossen werden - lassen Sie viel weißen Raum und "Raum zum Atmen". für Benutzer, um herauszufinden, was sie tun möchten.

Schließlich ist der Name des Spiels eine großartige Benutzererfahrung. Ungeachtet des Designs oder der Ästhetik Ihrer Seite lösen große 404-Fehler das Problem für Benutzer und bieten einige typische Lösungen als Sicherheit.

404 Seitengallerie

Unten habe ich ein paar Aufnahmen von einigen radikalen 404-Fehlerseiten gemacht, die sich im Web befinden. Diese reichen von allen Arten und bieten einen hellen Einblick in die Trends des modernen Zeitalters. Hoffentlich können diese auch Ihre Inspiration in Richtung kreativerer und ansprechender UX-Layouts leiten.

Carol Rivello

WPBundle

Jamie Huskisson

Deaxon

Homestar Runner

Mixx

Impact-Ideen

Finde Icons

Duoh

Wufoo

Foursquare

Sprung überall

Groupon

WeFunction

MailChimp