Fehlermeldung

Die beste Fehlermeldung ist bekanntlich die, die nie auftritt. Fehler sind jedoch unausweichlich, egal wie gut unser Design ist. Wenn Menschen mit Produkten interagieren, ist es sicher, dass irgendwann etwas schief geht.

Fehlermeldungen mögen unbedeutend erscheinen, aber sie sind ein wichtiger Teil der Benutzererfahrung. Die Qualität der Fehlermeldungen wird von den Nutzern häufig zur Beurteilung der Produktqualität herangezogen. Schlecht geschriebene Fehlermeldungen irritieren die Benutzer. Andererseits kann ein gutes UX-Design für Fehlermeldungen das subjektive Vergnügen der Benutzer und die Geschwindigkeit der Nutzung verbessern.

Wie schreibt man gute Fehlermeldungen?

Das Management von Benutzerschmerzpunkten ist ein Schlüsselelement von UX. Die Fehlermeldung ist eine der (von den Benutzern) am meisten gefürchteten. Dabei kann es sich um ein Problem handeln, das auftritt, während sich ein Benutzer für ein Produkt anmeldet, oder um ein Problem, das mitten im Arbeitsablauf eines Benutzers auftritt. Das Ziel ist es, die Begegnung mit diesem Problem für die Benutzer so schmerzlos wie möglich zu gestalten. Wenn es darum geht, diese Art von Nachrichten zu verfassen, können Best Practices für Mikrokopien und Style Guides helfen, aber sie sind mehr als nur die Grundlagen.

Im Folgenden findest du einige allgemeine Grundsätze, die dir dabei helfen, die effektivsten Fehlermeldungen für deine Kunden zu erstellen:

1. Sei konkret statt spekulativ

Fehlermeldung bild

Bild von Bootcamp genommen

Fehlermeldungen sollten klar und einfach formuliert sein. Wenn eine Fehlermeldung angezeigt wird, sollte der Benutzer in der Lage sein, das Problem zu verstehen. Es nützt nichts, wenn die Fehlermeldung vage ist und der Benutzer nicht in der Lage ist, den Grund für die Meldung zu ermitteln. Der Benutzer hat keine Möglichkeit, das Problem zu lösen, was sich negativ auf die Erfahrung mit dem Produkt auswirkt.

Beispiel:

Seite wurde nicht gefunden

Bild von Strikingly genommen

2. Kurz und aussagekräftig halten

Email adresse eingeben

Bild von Bootcamp genommen

In der Fehlermeldung sollten die notwendigen Informationen enthalten sein. In den meisten Fällen ist der Benutzer nicht bereit, eine langatmige Erzählung zu lesen. Schreibe eine kurze Beschreibung, die für den Benutzer aussagekräftig ist und ihm ein klares Verständnis für das Problem und dessen Lösung bietet. Vermeide es, das Problem zu ausführlich zu beschreiben, und verwende keine überflüssigen Begriffe.

3. Vermeide Fachjargon

Network-Error Bild

Bild von Bootcamp genommen

Die Mehrheit der Nutzer ist an den technischen Feinheiten des Problems nicht interessiert. Der Benutzer wird verwirrt, wenn eine Mitteilung technische Phrasen oder Fachjargon enthält. Vermeide die Verwendung von Jargon oder die Erwähnung von Implementierungsdetails in deinem Schreiben. Wenn technische oder komplizierte Details erwähnt werden müssen, füge sie in einen Abschnitt zur Fehlerbehebung ein und weise den Benutzer darauf hin, damit er das Problem schnell beheben kann.

4. Sei demütig und zeige nicht mit dem Finger auf den Benutzer

Name eintragen

Bild von Bootcamp genommen

Eine anständige Fehlermeldung ist von bescheidener Natur. Sie erklärt dem Benutzer höflich das Problem, ohne ihn für sein Verhalten zu verurteilen. Der Benutzer hat die Möglichkeit, wiederholt eine falsche Aktion auszuführen. Es ist jedoch die Aufgabe des Designers, ihn angemessen vor seinen Fehlern zu warnen.

"Um deine Fehlermeldungen einen menschlicheren Ton zu verleihen, versuche, sie jemandem laut vorzusprechen. Wenn du sie laut aussprechen, wie klingt sie dann?" Sonia Gregory.

Beispiel:

Import Product error

Bild von Strikingly genommen

5. Negative Wörter sollten durch positive Wörter ersetzt werden

Adresse eingeben

Bild von Bootcamp genommen

Auf der Benutzeroberfläche gibt es einige unangenehme Wörter, die vermieden werden sollten. Da eine Fehlermeldung auf den merkwürdigen Aktivitäten des Benutzers beruht, kann das System etwas anzeigen, das dem Benutzer gegenüber respektlos ist.

John Ekman gibt eine gute Illustration für die Verwendung von "Ja" und "Nein":

"Vor ein paar Jahren fragte ich die Frau am Schalter des Stockholmer Flughafens, ob ich für ein Ticket in die Vereinigten Staaten ein Upgrade in die Business Class bekommen könnte. Sie antwortete: "Es tut mir leid, aber das ist nicht möglich." Dafür müssten Sie einen Aufpreis zahlen." Beim Einchecken für den Rückflug versuchte ich dasselbe noch einmal: "Natürlich, Sir", war diesmal die Reaktion. "Wie wollen Sie denn dafür bezahlen?", sagt der Sprecher.

Obwohl die Sitzplatzverfügbarkeit und die Möglichkeit eines Upgrades gleich waren, erhielt ich zwei völlig unterschiedliche Antworten: ein "Ja" und ein "Nein".

6. Gib dem Benutzer Anweisungen

Copy File image

Bild von Bootcamp genommen

Eine gute Fehlermeldung besteht aus drei Teilen: Identifizierung des Problems, Angaben zur Ursache, falls vorhanden, und eine Lösung, falls möglich. Wenn ein Benutzer auf einen Fehler stößt, möchte er ihn so schnell wie möglich beheben. Die Fehlermeldung sollte den Benutzer mit ausreichenden Informationen versorgen, um ihm aus dem fehlerhaften Zustand herauszuhelfen. Die Meldung kann den Benutzer auch an eine andere Stelle oder Person verweisen, die weitere Informationen über die Situation liefern kann.

Beispiel:

Domain registrieren

Bild von Strikingly genommen

7. Mache deine Punkte spezifisch und sachdienlich

File anhängen

Bild von Bootcamp genommen

Die Nachricht sollte sachdienliche Informationen enthalten, die es dem Nutzer ermöglichen, schnell einen Bezug zu der angegebenen Stelle und den Alternativen herzustellen. Zeige deutlich auf, wo genau das Problem liegt und wohin der Benutzer gehen soll und welche Schritte er zur Behebung des Problems unternehmen soll. Wenn eine Fehlermeldung mehrdeutige Informationen enthält, wird der Benutzer verwirrt sein, was es ihm erschwert, das Problem zu beheben.

8. Verwende nicht alle Großbuchstaben

Fehlermeldung

Bild von Bootcamp genommen

Text in Großbuchstaben ist schwer zu lesen und vermittelt dem Benutzer den Eindruck, dass er schreit. Da eine Fehlermeldung ein Ort ist, an dem der Benutzer auf eine potenziell gefährliche Situation aufmerksam gemacht wird, kann die Verwendung von Großbuchstaben dazu führen, dass er sich entmutigt fühlt.

9. Ergreife die Korrekturmaßnahmen

Die Aktionen der Fehlermeldung sind wichtig. Geeignete Aktionen geben dem Benutzer Hinweise, was er als nächstes tun soll. Aktionen sind Optionen zur Behebung des Problems. Eine Meldung kann eine oder mehrere Benutzeraktionen enthalten.

"Gib den Warnschaltflächen kurze, sinnvolle Namen. Die besten Schaltflächentitel sind ein oder zwei Wörter, die vermitteln, was passiert, wenn du die Schaltfläche drückst." - iOS-Richtlinien.

Verwende denselben Aktionsnamen wie den Schaltflächentitel, wenn der Benutzer bestimmte Aktivitäten durchführen muss, um den Fehler zu beheben.

![Card errror](https://user-images.strikinglycdn.com/res/hrscywv4p/image/upload/blog_service/2022-02-03-request error-payment-fehlermeldung.jpg "Card errror")

Bild von Strikingly genommen

10. Verabschiedung einer progressiven Offenlegungsstrategie

Database

Bild von Bootcamp genommen

Platziere ausführliche Informationen zu einer Fehlermeldung unter dem Bereich Anzeigen/Ausblenden, wenn du glaubst, dass der Benutzer sie nicht sehen möchte. Dies kann für fortgeschrittene Benutzer, die sich über technische Details informieren wollen, von Vorteil sein. Platziere einfach die unwichtigsten Informationen in diesen Bereichen, da die meisten Benutzer den Bereich "Anzeigen/Ausblenden" nicht besuchen werden.

11. Geeignete Positionierung nutzen

Es ist wichtig, die Fehlermeldung näher an dem Bereich zu platzieren, in den sie gehört. Die Benutzer sollten sich nach dem Lesen der Meldung nicht erst umsehen müssen, um herauszufinden, worum es geht.

Wenn ein Benutzer beispielsweise ein Formular ausfüllt, ist es am besten, den Validierungsfehler zusammen mit den Steuerelementen anzuzeigen, auf die er sich bezieht. Andernfalls wird der Benutzer zunächst das fehlerhafte Steuerelement suchen, bevor er versucht, den Fehler zu beheben.

Eine Fehlermeldung sollte leicht zu sehen und zu verstehen sein. Selbst wenn der Benutzer an den oberen oder unteren Rand des Bildschirms gescrollt hat, sollte eine Meldung in der aktuellen Ansicht erscheinen.

12. Das richtige visuelle Design für die Fehlermeldung

Do and don`t

Bild von UXplanet genommen

Die Fehlermeldung sollte jederzeit zugänglich sein. Verwende kontrastreichen Text und Hintergrundbilder/-farben, damit die Meldung auffällt und leicht zu lesen ist.

Der Wortlaut der Fehlermeldung ist, wie üblich, rot. Manchmal werden auch gelbe oder orange Farben gewählt, da einige Quellen behaupten, dass Rot zu viel Stress für die Verbraucher bedeutet. Achte in jedem Fall darauf, dass der Fehlertext gut lesbar ist und sich von der Hintergrundfarbe abhebt. Denke daran, ein farbbezogenes Symbol neben der Farbe einzufügen, um den Zugang für Personen, die farbenblind sind, zu erleichtern.

Fazit:

Bist du bereit, die Website deines Unternehmens neu zu gestalten oder zu aktualisieren?Du hast vielleicht schon einige Ideen für das Design oder die Funktionen, die du einbauen möchtest. Bevor du etwas anderes tun, solltest du sicherstellen, dass die Benutzerfreundlichkeit (UX) bei der Gestaltung deiner Website oberste Priorität hat. Kundenbindung, Lead-Generierung und Verkäufe werden alle von der Benutzerfreundlichkeit beeinflusst.

Ein gutes Benutzererlebnis hilft deinen Besuchern nicht nur bei der Navigation auf deiner Website, sondern löst auch emotionale Reaktionen aus und bringt dich deinen Kunden näher. Doch egal, wie viele Anleitungen es gibt, um dein Design bekannt zu machen, UX richtig zu machen, kann manchmal schwierig sein.

Das Ziel des User-Experience-Designs ist es, die Menschen dazu zu bringen, all diese Fragen mit "Ja" zu beantworten.

Wir können kein Benutzererlebnis entwerfen, und wir können das Benutzererlebnis einer Website nicht auf einer anderen nachbilden. Das Nutzererlebnis wird je nach Website unterschiedlich sein. Das Design einer Website muss zu den Unternehmenszielen, Werten, Herstellungsverfahren und Produkten passen.

Alles sollte getestet werden, und du solltest versuchen, deine Website mit den Augen deines Zielpublikums zu sehen. Auf diese Weise wird deine Website für deine spezifischen Besucher einfacher zu nutzen sein, was zu zusätzlichen Verkäufen oder neuen Kunden führen kann.

Was die Benutzerfreundlichkeit betrifft, so hat jeder Website-Builder Vor- und Nachteile, die sich aus den Funktionen, der Flexibilität und der intuitiven Gestaltung der Bearbeitungsoberfläche ergeben. Auf der einen Seite gibt es einen Builder wie Strikingly, der sowohl einfach zu bedienen als auch umfangreich ist. Auf der anderen Seite bietet ein Page Builder wie WordPress oder GoDaddy nicht viele Optionen für die Seitenerstellung. Mit dem besten Website-Builder kannst du ein unvergessliches Benutzererlebnis schaffen, das die Benutzer dazu anregt, auf deine Website zurückzukehren.

Strikingly Vorlagen

Bild von Strikingly genommen

Strikingly hat sich mit mehr als 3 Millionen Nutzern zur kostenlosen Webdesign-Software für Startups, kleine Unternehmen und Profis auf der ganzen Welt entwickelt. Unser Team entwickelt ständig neue Webdesign-Vorlagen, bei denen die Benutzerfreundlichkeit im Vordergrund steht und die gleichzeitig mit den Branchentrends Schritt halten. Wir hoffen, dass wir durch die Verwendung dieser Konzepte als Rahmen für unsere Vorlagen angehenden Unternehmern eine solide Plattform für die Erstellung einzigartiger und funktionsreicher Websites bieten können.