Homepage > Journal > Eine individuelle Fehlerseite. Wie gestaltet man eine Fehlerseite? Fehler 400, 403, 404, 500 und 503
Journal

Eine individuelle Fehlerseite. Wie gestaltet man eine Fehlerseite? Fehler 400, 403, 404, 500 und 503

Wie gefällt Ihnen das:

Wissen Sie, was die Fehler 400 und 403 bedeuten? Was bedeutet 404? 500? Oder vielleicht 503?

Beim Surfen im Internet, beim Besuch von Websites, Online-Shops oder B2B-Plattformen erreicht man irgendwann auf mysteriöse und unerwartete Weise das Ende des Internets.

Die Seite, die Sie sehen wollten, sollte eigentlich existieren, aber sie existiert nicht. Es gab sie schon vorher, oder vielleicht auch gar nicht.

"Das passiert auch den Besten von uns", werden Sie vielleicht sagen. Und Sie werden absolut recht haben. So ist es nicht verwunderlich, dass sie auftauchen, während Sie auf Ihrer Lieblingswebsite oder -plattform surfen, oder wenn Sie über eine Suchmaschine oder einen Link in einem Forum, einer Online-Gruppe oder unter einem Beitrag eines Freundes darauf stoßen.

Websites, die nicht mehr existieren, sind ein ständiger Bestandteil der Internet-Landschaft. Sie sind auch ein Designproblem, eine Herausforderung.

Eine individuelle Fehlerseite ist aus einer reinen UX-Perspektive von Bedeutung, insbesondere in Bezug auf ihr Aussehen und ihre Funktionalität.

Ein Fehler ist immer eine unerwünschte Situation und eine Gelegenheit, die Plattform von einer besseren, hilfreicheren, freundlicheren und informelleren Seite zu präsentieren.

Die Gestaltung einer Fehlerseite — das ist unsere heutige Herausforderung.

Sie sind auf der Suche nach einer erfahrenen UX-Agentur?

400, 403, 404, 500 und 503 Fehler, was bedeuten sie?

Für den Anfang finden Sie hier eine kurze Anleitung zu Fehlern.

Der häufigste Fehler, der zu ihrem Symbol wurde, ist natürlich Error 404 (404 Page Not Found). Das ist jedoch nicht der einzige Fehler, der beim Surfen im Internet auftritt.

404 Fehlerseite
404 Fehlerseite | Quelle: ING.pl

Was bedeutet der Fehler 400 (400 Bad Request)? Häufig bedeutet dies, dass die von einem Webbrowser gesendete Anfrage aus irgendeinem Grund nicht verarbeitet werden kann.

Wenn Sie wissen wollen, was der Fehler 401 (401 Unauthorized) bedeutet, hier ist die Antwort. Das bedeutet, dass der Anmeldeversuch fehlgeschlagen ist. Eine fehlerhafte Authentifizierung kann verschiedene Gründe haben, z. B. wenn das eingegebene Login oder Passwort falsch ist.

Was bedeutet der Fehler 403? 403 Forbidden bedeutet, dass dem Benutzer der Zugriff auf den angegebenen Inhalt der Website verweigert wurde. Der beliebteste Fehler, nämlich Fehler 404 (404 Not Found), bedeutet wiederum, dass eine bestimmte Website nicht gefunden wurde.

Ganz anders sieht die Situation bei Error 500 (500 Internet Server Error) aus. Was bedeutet der Fehler 500? Sie erscheint zusammen mit einem internen Serverfehler.

Fehlerseite - Konigi
Humorvolle 404-Fehlerseite | Quelle: Konigi.com

Was bedeutet der Fehler 503? Wenn Sie auf Ihrem Bildschirm 503 Service Unavailable sehen, dann stellen Sie sicher, dass der Server nicht verfügbar ist. Normalerweise passiert das, wenn es überlastet ist oder gerade Wartungsarbeiten durchgeführt werden.

Was ist eine individuelle Fehlerseite?

Natürlich können wir Ihnen eine sehr formale Definition vorlegen, nach der Fehlerseiten aus dem Zustand des HTTP-Codes resultieren, aber wir bevorzugen eine eher informelle Definition. Demnach erscheint eine individuelle Fehlerseite, wenn die richtige Seite für den Benutzer aus verschiedenen Gründen nicht angezeigt werden kann.

Die häufigsten Gründe für das Erscheinen einer Fehlerseite sind die folgenden:

  • Link rot — ein Link, der Benutzer auf eine Seite weiterleitet, die nicht mehr existiert.
  • Falsch eingegebene Adresse durch einen Benutzer.
  • Server-Fehler.
  • Andere Fehler, Unterbrechung der Kommunikation auf der Client-Server-Leitung.

Während der zweite Grund ziemlich menschlich, offensichtlich, üblich und unvermeidlich erscheint, bedürfen die anderen einer Erklärung.

404 Fehlerseite - Polnische Bank Pocztowy
Laut der polnischen Bank Pocztowy (Privatkundenbank) sieht so das Ende des Internets aus.

Websites ändern ständig ihren Inhalt und ihre Struktur. Sie werden mehr oder weniger häufig aktualisiert. Ihre Adressen ändern sich und ihre Unterseiten werden gelöscht oder bearbeitet.

Je größer die Website ist, desto größer ist das Problem der Kontrolle aller externen und internen Links.

Eine individuelle Fehlerseite ist eine gewisse Notwendigkeit, die sich nicht vermeiden lässt.

Veraltete Links sind nicht weniger häufig und unvermeidlich als typische menschliche Fehler — Tippfehler oder falsch geschriebene Wörter.

Die Notwendigkeit, das Auftreten von Fehlern und Links, die zu nicht existierenden Unterseiten führen, zu akzeptieren, mag ein wenig deprimierend sein, aber dafür gibt es ja Fehlerseiten.

Sie informieren nicht nur darüber, was gerade passiert ist, sondern schlagen auch mögliche Lösungen für das Problem vor. Sie sind auch eine große Chance. Wofür? Wir werden es Ihnen gleich sagen.

Individuelle Fehlerseite - Kualo
Die Fähigkeit, Eindringlinge zu vernichten, ist zweifellos eine hervorragende Gelegenheit zum Stressabbau. | Quelle: Kualo.de

Sie können zwar keine Fehler kontrollieren, aber Sie können die Meldungen steuern, die den Benutzern angezeigt werden, wenn sie mit einem solchen Problem konfrontiert werden.

Individuelle Fehlerseiten sind zum einen eine sehr einfache Designaufgabe. Aber sie werfen auch ein Dilemma auf.

Zum Beispiel in Bezug auf das Image, den Ton der Botschaft, die Präsentation der Marke, die Navigation und die Bereitstellung einer positiven Benutzererfahrung.

Individuelle Fehlerseiten und ihre Folgen

Beginnen wir damit, unsere Diskussion ein wenig zu verkomplizieren. Was sind eigentlich individuelle Fehlerseiten?

Das sind sie in der Tat:

  • Eine Nachricht
  • Eine Andeutung
  • Eine Erklärung
  • Eine Lösung für das Problem

Aber das ist noch nicht alles; Fehlerseiten gibt es auch:

  • Eine belastende Situation, die emotionale, kognitive und verhaltensbezogene Folgen hat
  • Sehr unangenehme Unterbrechung des Benutzerflusses
  • Sehr starke kognitive Reibung
  • Und nicht zuletzt eine Notwendigkeit, eine Gelegenheit und eine Chance.

Fehler sind frustrierend und enttäuschend, untergraben das Vertrauen und verringern die Glaubwürdigkeit und das Gefühl der Sicherheit.

Fehler sind eine Quelle von Stress, Unsicherheit und Desorientierung. Kurz gesagt, sie sind ein Notfall, der ein schnelles, gezieltes und angemessenes Eingreifen erfordert.

In diesem Zusammenhang lohnt es sich, den Ratschlägen des Autors eines zweiteiligen und faszinierenden Artikels zu folgen: "Designing for stressed out users | Part 1" und "Designing for stressed out users | Part 2". Der Autor H Locke betrachtet das Problem aus der Perspektive der kognitiven Psychologie und der UX/UI-Designpraxis.

Fehlerseite - mBank
Nützliche, aber sehr formale Fehlerseite von mBank.

Am meisten Stress empfinden Benutzer bei der Nutzung digitaler Produkte, wenn sie ein angestrebtes Ziel nicht erreichen können.

Sie können es aus mehr oder weniger verständlichen Gründen nicht erreichen. Häufig (natürlich nicht ausschließlich) sind dies objektive und externe Gründe.

Der Benutzer wollte z. B. den Inhalt einer bestimmten Website überprüfen und hat auf den Link geklickt, der ihn zu dieser Website führen sollte, aber statt des gewünschten Inhalts erhielt er etwas, das er nicht erwartet hatte.

Genau aus diesem Grund sind in solchen Situationen individuelle Fehlerseiten unerlässlich. Sie sollten jedoch nicht wie ein trauriges Straßenschild aussehen. Leider ähneln sie ihm oft.

Denken Sie daran, dass die Überraschung, Enttäuschung, Frustration, Hilflosigkeit und der Wunsch, die Kontrolle wiederzuerlangen und zu entkommen, mit der Zeit wachsen.

Wer schon einmal von der 404 Fehlerseite überrascht wurde, weiß, wovon wir sprechen.

Negative Emotionen steigen umso schneller und stärker, je weniger verständlich und lösbar die Ursache des Fehlers ist. Je weniger die individuelle Fehlerseite (z. B. durch einen Link zur Startseite) negative Emotionen zerstreuen kann, desto weniger erklärt sie und desto weniger hilfreich ist sie.

Die typische emotional-kognitive Reaktion auf eine solche Situation ist das Gefühl, dass es sich um ein Problem handelt:

  • Komplexe
  • Zeitaufwendig
  • Schwierig
  • Unverständlich
  • Unkontrollierbar — die Chance, die Kontrolle wiederzuerlangen, ist gering.

Außerdem beeinflussen solche Überzeugungen, ob wahr oder eingebildet, wie die Benutzer die Möglichkeit sehen, das Ziel zu erreichen.

Je mehr die Situation in den oben genannten Kategorien gesehen wird, desto mehr scheint das Ziel in weiter Ferne und unerreichbar zu sein, und von da an ist es ein schneller Weg, eine Website aufzugeben und eine gut funktionierende zu suchen.

Glücklicherweise ist die Situation nicht hoffnungslos, und es ist möglich, dem Auftreten solcher Reaktionen entgegenzuwirken.

Warum ist eine originelle, ungewöhnliche und individuelle Fehlerseite die beste?

Wir haben bereits erwähnt, dass eine individuelle Fehlerseite, auch wenn sie lästig ist, auch eine Chance darstellt. Und nun werden wir uns auf diesen positiven Aspekt konzentrieren.

Eine Organisation hat bei der Erstellung ihrer individuellen Fehlerseite die Möglichkeit, sich als solche zu präsentieren:

  • Ein Retter — oder zumindest ein hilfsbereiter Freund, der dich aus Schwierigkeiten rettet, dir zeigt, was du tun musst, und dir erklärt, was passiert ist.
  • Ein gar nicht so schlechter Täter — höflich und sich für das Geschehene verantwortlich fühlend, was er manchmal auf sehr charmante Weise zum Ausdruck bringt.
  • Ein Helfer — mit Sinn für Humor und Leichtigkeit, der versucht, Spannungen abzubauen und zu zeigen, dass es sich nicht lohnt, über verschüttete Milch zu weinen.

Eine Organisation kann durch eine Fehlerseite zeigen, dass sie:

  • Versteht das Problem und unterschätzt es nicht
  • Beherrscht die Situation, und alles wird im Handumdrehen wieder normal sein
  • Dennoch ist er vertrauenswürdig, und der Fehler ist eine seltene Ausnahme von der Regel
  • Ist gleichermaßen einfühlsam, emotional, höflich, hilfsbereit, praktisch und professionell
  • Ist verantwortungsbewusst, nimmt sich aber nicht zu ernst und ist nicht frei von Humor

Daher sind individuelle Fehlerseiten für das Marketing, das Image und auch für die Nutzbarkeit und UX hilfreich. Sie sind ein Instrument zur Verbesserung der mangelhaften Benutzererfahrung.

Ein Fehler in einer Webanwendung - Fehlerseite
Der Fehler in MojeID (Meine ID) wird auf sehr technische Weise mitgeteilt — eine Million Dollar für jemanden, der weiß, was diese spezielle Problemkennung bedeutet.

Sie leiten auf die entsprechenden Bereiche der Plattform weiter, was auch aus SEO-Sicht hilfreich ist.

Wie sollte also die individuelle Fehlerseite aussehen?

Im Internet finden Sie zwei Varianten, die Beispiele für die Antwort auf diese Frage sind:

  • Seiten in einer Standardformel, die sehr formal, sachlich und zurückhaltend ist.
  • Seiten in einer humorvollen Formel, leicht, mit Elementen von Spaß, Spiel und Interaktion.

Welche Variante ist besser? Um der Antwort ein wenig auszuweichen — aber nur scheinbar — können wir sagen, dass diejenige, die den Zielen der Organisation besser dient.

Slacks individuelle Fehlerseite
Eine sehr positive, idyllische und Stressabbauende Fehlerseite? Nur bei Slack!

Es stimmt zwar, dass in der Welt der digitalen Produkte alles vom Kontext, den Zielen, den Benutzern usw. abhängt, aber es stimmt auch, dass Unternehmen das Potenzial von Fehlerseiten immer noch unterschätzen.

Sowohl in Bezug auf das Marketing als auch auf die Benutzererfahrung. Und zwar in Bezug auf die Qualität der Navigation, den reibungslosen Ablauf und die Leichtigkeit, mit der Ziele erreicht und Aufgaben erledigt werden können. Kurz gesagt, in Bezug auf die Nutzbarkeit.

Wenn ein Fehler ein Feuer ist, dann ist eine Fehlerseite ein Feuerwehrauto.

Fehlerseite - Uniqa
In der Tat, es fehlt etwas. Aber was? ;) | Quelle: Uniqa.pl

Fehlerseiten haben eine besondere Rolle zu spielen. Sie sind aus psychologischen Gründen nützlich, haben aber auch, wie wir bereits gesagt haben, mit der Nutzbarkeit zu tun. Heutzutage ist die Nutzbarkeit einer Website ein vorrangiges Thema.

400, 403, 404, 500 und 503 Fehler sind ihre Negation; sie zu lösen ist notwendig und nützlich.

Was sollte eine Fehlermeldung enthalten?

Eine individuelle Fehlerseite sollte vor allem kommunikativ und hilfreich sein. Was bedeutet das?

In erster Linie sollte die Fehlerseite es dem Benutzer ermöglichen, die kognitive und verhaltensmäßige Kontrolle über die Situation schnell wiederzuerlangen. Sie sollte sie also über Folgendes informieren:

  • Was ist passiert? — Mit welcher Art von Fehler haben sie es zu tun?
  • Warum ist der Fehler aufgetreten? — Wer hat den Fehler verursacht?
  • Wie kann das Problem gelöst werden, und wer kann es lösen?
  • Wann kann das Problem behoben werden?

Wer? Wo? Warum? Wie schnell? Die Fehlerseite sollte Antworten auf diese Fragen enthalten, und sie sollten auf folgende Weise ausgedrückt werden:

  • Verständlich für Laien
  • Prägnant
  • Spezifische
  • Einfach, möglichst frei von IT-Fachjargon
  • Verständnisvoll und einfühlsam
  • Frei von anklagenden und herablassenden Tönen

Die Wirkung der Meldung auf der Fehlerseite sollte zu einer Veränderung des kognitiven und emotionalen Zustands des Benutzers führen. Zuallererst sollte der Benutzer sicherstellen, dass:

  • Sie sind in Sicherheit und nicht mehr in Gefahr.
  • Die Situation ist leicht zu kontrollieren.
  • Die Lösung liegt in Reichweite des sprichwörtlichen 1-Klick.
  • Sie können das Problem selbst lösen, ohne kognitive Ressourcen einzubeziehen, ohne Unterstützung durch Dritte.

Die Verstärkung dieser Botschaft sollte durch die Verwendung von Elementen erreicht werden, die positive Emotionen und Assoziationen wecken und es den Benutzern ermöglichen, sich z. B. mit dem Markenhelden zu identifizieren.

Individuelle Fehlerseite - Bank PKO
Bank PKO und ihre übermäßig kalte und formale 404 Fehlerseite.

Zu den am häufigsten verwendeten Elementen, die ein großes Potenzial haben, positive Emotionen hervorzurufen, gehören die folgenden:

  • Humorvolle Grafiken und Comics
  • Fesselnde und attraktive Kompensationen und Belohnungen (z. B. Spiele)

Daher ist die individuelle Fehlerseite eine Gelegenheit, ein negatives Erlebnis in ein positives umzuwandeln und eine solide Verbindung zwischen der Marke, der Organisation und der Benutzererfahrung herzustellen.

Es lohnt sich, daran zu denken, dass die ansprechendsten, einprägsamsten und wirkungsvollsten Botschaften diejenigen sind, die positive Emotionen hervorrufen.

Selbst die sachlichste Botschaft, wenn sie keine Emotionen weckenden Elemente enthält, wird in Bezug auf die UX nicht so effektiv sein wie ihr Gegenstück. Humor baut Stress ab; Ernsthaftigkeit und emotionale Kälte haben diese Eigenschaft nicht.

Ein weiterer Aspekt, der berücksichtigt werden sollte, um eine positive und zufriedenstellende Benutzererfahrung auf Fehlerseiten zu erreichen, ist die Wahl des Vokabulars/der Sprache, in der die Situation beschrieben wird.

Anstelle des emotional stark belastenden Wortes "Fehler" ist es beispielsweise besser, den weniger aussagekräftigen Begriff "Irrtum" zu verwenden.

Das Ersetzen emotionsgeladener Wörter durch Euphemismen senkt das Stressniveau. Es lohnt sich auch, Ausdrücke, Verben und Lautmalereien zu vermeiden, die die Negativität der Situation betonen.

Entwerfen einer individuellen Fehlerseite — wichtige Designmuster

Das vielleicht wichtigste Entwurfsmuster besteht darin, die individuelle Fehlerseite funktional und hilfreich für den Benutzer zu gestalten.

In Wirklichkeit sollte das humorvolle Ende des Internets es dem Benutzer der Website ermöglichen, schnell zum richtigen Inhalt der Plattform zurückzukehren.

Daher ist die Navigation auf individuellen Fehlerseiten von entscheidender Bedeutung, da sie die Benutzer zum optimalen Ausgangspunkt zurückführt, der in der Regel die Startseite ist.

Das ist die beste Lösung, denn so haben sie Zugriff auf die gesamte Website und ihre Funktionen.

Ein weiteres wichtiges Muster ist die visuelle/grafische Universalisierung der individuellen Fehlerseite. Aus der Sicht des Website-Benutzers ist die Information über die Art des Fehlers nicht das Wichtigste.

Wichtiger als die Frage, ob es sich um Fehler 404 oder Fehler 503 handelt, ist die Frage, ob die individuelle Fehlerseite ihren Stress verringern kann und ihnen zeigt, was sie tun sollten.

Die grafische Universalisierung der individuellen Fehlerseite ist effektiver und reduziert den Programmier- und Designaufwand.

Die Funktionalität und Benutzerfreundlichkeit der individuellen Fehlerseite sind in keiner Weise höher als die einer universellen Seite, bei der das Layout keine Informationen über die Art des Fehlers enthält.

Ein wichtiger Punkt in Bezug auf Optik, Ästhetik und UX ist die Beibehaltung der Konsistenz der individuellen Fehlerseite. Es sollte visuell, grafisch und ästhetisch identisch mit dem Branding der gesamten Website sein.

Die Fehlerseite ist ein natürlicher Bestandteil jeder Webanwendung und sollte als solche das Vertrauen in die Plattform, die Marke oder das Unternehmen stärken.

Eine Anonymisierung mit geringer visueller Verbindung zur Marke ist eine Maßnahme, die die Glaubwürdigkeit der Marke untergräbt.

Empfehlenswert ist es auch, eine gewisse Entschädigung für das Problem anzubieten, z. B. in Form eines Rabattcodes. Dies ist eine Geste, die mit Sicherheit viele negative Emotionen lindern und dem Benutzer, dem Kunden, einen zusätzlichen Anreiz zum Kauf und zur Inanspruchnahme der Dienstleistungen bieten wird.

Individuelle Fehlerseitengestaltung. Zusammenfassung

  1. Die häufigste Ursache für eine Fehlerseite ist ein fehlerhafter Link, ein Fehler in der URL oder ein Serverfehler.
  2. Veraltete Links sind nicht weniger häufig und unvermeidlich als typische menschliche Fehler — Tippfehler oder falsch geschriebene Wörter.
  3. Individuelle Fehlerseiten werfen Probleme in Bezug auf den Ton der Nachricht, die Navigation und die Gewährleistung einer positiven Benutzererfahrung (User Experience) auf.
  4. Eine individuelle Fehlerseite (z. B. eine individuelle 403 Fehlerseite) ist gleichzeitig Massage, Hinweis, Erklärung und Lösung des Problems.
  5. Es ist auch eine stressige Situation, eine Unterbrechung des Benutzerflusses, eine Notwendigkeit und eine Gelegenheit, eine Chance.
  6. Typische Fehler (400, 403, 404, 500 und 503) sind frustrierend, untergraben das Vertrauen und die Glaubwürdigkeit und sind eine Quelle von Stress, Unsicherheit und Desorientierung.
  7. Am meisten Stress empfinden Benutzer bei der Nutzung digitaler Produkte, wenn sie ein angestrebtes Ziel nicht erreichen können.
  8. Die Überraschung, Enttäuschung, Frustration, Hilflosigkeit und der Wunsch, die Kontrolle wiederzuerlangen, die durch den Fehler verursacht werden, wachsen mit der Zeit.
  9. Eine benutzerdefinierte Fehlerseite (z. B. eine 503 Fehlerseite) sollte nicht wie ein trauriges Straßenschild aussehen.
  10. Eine individuelle Fehlerseite (z.B. 500 Fehlerseite) ist gleichzeitig eine unerwünschte Situation und ermöglicht es der Organisation, sich von einer besseren, hilfreicheren, freundlichen, informellen Seite zu präsentieren.
  11. Bei der Erstellung einer individuellen Fehlerseite kann sich ein Unternehmen als Retter, Verursacher oder Helfer präsentieren.
  12. Mit der Fehlerseite kann sie zeigen, dass sie das Problem nicht unterschätzt und die Situation unter Kontrolle hat, was eine seltene Ausnahme von der Regel ist.
  13. Individuelle Fehlerseiten sind hilfreich bei der Verbesserung von Nutzbarkeit und UX.
  14. Denken Sie daran: Wenn ein Fehler ein Feuer ist, dann ist eine Fehlerseite ein Feuerwehrmann.
  15. Wer? Wo? Warum? Wie schnell? Die Fehlerseite sollte Antworten auf diese Fragen enthalten.
  16. Der Effekt der Botschaft sollte eine Veränderung des mentalen und emotionalen Zustands des Benutzers sein. Zuallererst sollten sie sich vergewissern, dass sie in Sicherheit und nicht in Gefahr sind.
  17. Zu den Elementen, die positive Emotionen wecken, gehören humorvolle Grafiken und ansprechende, attraktive Gegenleistungen (z. B. Spiele).
  18. Eine individuelle Fehlerseite (z. B. eine individuelle 404 Fehlerseite) bietet die Möglichkeit, negative Erfahrungen in positive umzuwandeln.
  19. Die ansprechendsten, einprägsamsten und wirkungsvollsten Botschaften sind die, die positive Emotionen hervorrufen.
  20. Ein wichtiger Punkt bei der Gestaltung der Fehlerseite ist die Wahl der richtigen Sprache.
  21. Dennoch ist es wichtig, dass die individuelle Fehlerseite funktional, konsistent und universell ist und zum Kauf und zur Benutzung des Angebots anregt.
Wie gefällt Ihnen das:
Journal / Redaktor
Autor: Radek
UX Writer and researcher by education + experience. Collects The Story's knowledge and shares it on the Journal.
Bewerter: Dymitr Romanowski

Sind Sie an einer Zusammenarbeit mit uns interessiert? Werfen Sie einen Blick auf unser Portfolio