Fehlerseite
Fehlerseiten informieren den Nutzer auf eine verständliche Art und Weise über einen aufgetretenen Fehler.
Overview
Intro
Die Fehlerseite ist die standardisierte Lösung, um Nutzenden verständlich mitzuteilen, dass ein Problem aufgetreten ist, und sie sicher zurück in den Prozess zu führen. Sie bietet eine klare Statusmeldung, eine kurze Erklärung sowie handlungsorientierte Optionen.
Seite nicht gefunden
Verwendung
| 👍 Do | 👎 Don't |
|---|---|
| ...wenn eine Seite aufgrund eines Fehlers nicht angezeigt werden kann. ...wenn ein Nutzer eine gesamte Seite nicht bearbeiten und sehen darf. ...wenn ein Nutzer einen Fehler nicht selbst beheben kann und es keinen sinnvollen Weiterweg gibt. | ...wenn Fehlermeldungen als Rückmeldung für Benutzeraktionen dienen sollen. Verwende dazu je nach Fall Fehlertexte der Input-Fields, Toasts, Callouts oder Benachrichtigungen. |
Guidelines
Aufbau
Der gesamte Inhalt (Illustration und Fehlermeldung) wird mittig auf der Seite platziert. Außer der Illustration, der Fehlermeldung und dem Anwendungsrahmen ist nichts anderes auf dem Bildschirm zu sehen.
Fehlerseite Aufbau
1. Illustration
Die Illustration ist links neben der Fehlermeldung platziert. Sie beschreibt die Art des Fehlers visuell. Jede Fehlerseite hat eine eigene Illustration.
2. Fehlermeldung und Aktionen
- Titel : Beschreibe den Fehler kurz und prägnant.
- Erste Textzeile : Nenne mögliche Gründe für den Fehler in einem Satz.
- Stichpunkte : Nenne maximal 3 Möglichkeiten zur Fehlerbehebung. Verwende Auflistungszeichen, wenn du mehr als eine Möglichkeit auflisten möchtest.
- Aktionen : Stelle dem Nutzer mindestens eine primäre Aktion zur Verfügung, die als nächstes ausgeführt werden kann. Der Button "Zur vorherigen Seite" ist die Standartlösung, die immer verwendet werden.
Der tatsächliche HTTP-Fehlercode wird nicht auf der Fehlerseite angezeigt.
Varianten
Seite nicht gefunden
Diese Fehlerseite wird verwendet, wenn der Nutzer versucht eine Seite aufzurufen, die nicht mehr zur Verfügung steht, weil zum Beispiel der Name der Seite geändert wurde, eine Verlinkung nicht mehr funktioniert oder die Seite gelöscht wurde.
Die Seite entspricht dem HTTP-Statuscode 404.
Seite nicht gefunden
Eingeschränkter Inhalt
Diese Fehlerseite wird verwendet, wenn der Nutzer auf eine Seite zugreifen möchte, für die er keine Zugriffsrechte besitzt.
Die Seite entspricht dem HTTP-Statuscode 403.
Eingeschränkter Inhalt
Serverproblem
Diese Fehlerseite wird verwendet, wenn ein serverseitiger Fehler auftritt.
Die Seite entspricht den 500er HTTP-Statuscodes.
Serverproblem
Generischer Fehler
Diese Fehlerseite ist die Standardfehlerseite. Sie wird verwendet, wenn der aufgetretene Fehler nicht durch eine der spezifischen Fehlerseiten beschrieben werden kann.
Generische Fehlerseite