Heim > Web-Frontend > js-Tutorial > Hauptteil

Web UX: Zeigen Sie den Benutzern aussagekräftige Fehler an

Barbara Streisand
Freigeben: 2024-10-09 08:22:31
Original
300 Leute haben es durchsucht

Eine benutzergesteuerte und benutzerfreundliche Website zu haben, kann manchmal schwierig sein, da dadurch das gesamte Entwicklungsteam mehr Zeit für Dinge aufwenden könnte, die keinen Mehrwert für die Funktionalität und das Kerngeschäft darstellen. Dennoch kann es dem Benutzer kurzfristig helfen und langfristig einen Mehrwert schaffen. Projektmanager, die ihre Fristen streng einhalten, könnten den langfristigen Mehrwert unterschätzen. Ich bin mir nicht sicher, ob dies auf Apple-Website-Teams zutrifft, aber ihnen fehlt eine großartige Benutzererfahrung.

Kürzlich habe ich versucht, eine App über die Apple-Website im App Store zu veröffentlichen, aber ich hatte ein Problem mit meinen Kontaktinformationen. Obwohl ich die korrekten Informationen in mehreren Formaten bereitgestellt habe, musste ich sie dennoch akzeptieren und dem Benutzer eine aussagekräftige Nachricht übermitteln.

Meiner Erfahrung nach gibt die Website bei der Angabe der falschen Telefonnummer immer eine Fehlermeldung aus, die besagt, dass dieses Feld ungültig ist. Hier ist die allgemeine Botschaft:

Web UX: Show meaningful errors to the users

Hier ist die Nachricht aus der Feldeingabe für sich:

Web UX: Show meaningful errors to the users

Ich hatte dieses Problem auch, als ich es mit den beiden Nullen am Anfang versuchte, auch wenn ich den Ländercode nicht hinzugefügt hatte. Es wurde mir immer die gleiche Fehlermeldung angezeigt, ohne Anweisungen, wie ich das beheben kann, was zu tun ist oder was falsch ist!

Anfangs dachte ich, dass es ein Problem mit dem Server sei, also beschloss ich, es nach ein paar Stunden noch einmal zu versuchen. Ich habe den Gesundheitszustand der Apple-Produkte überprüft, bei denen es kein Problem gab. Nachdem ich müde war, beschloss ich, das Problem als Software-Ingenieur zu debuggen und zu prüfen, was über das Netzwerk gesendet wurde und wie die Antwort war, was für mich zu dem „Aha-Moment“ führte.
Aha! Momentan muss Apple die richtige Nachricht liefern.
Als ich die Netzwerknachrichten überprüfte, stellte ich fest, dass sie die richtigen Details und Anleitungen vom Backend bereitstellten, die Website sie jedoch nicht bereitstellte.

Hier ist die Anforderungsnutzlast:

Web UX: Show meaningful errors to the users

Die Antwort:

{
    "errors": [
        {
            "id": "SOME-GUID",
            "status": "409",
            "code": "ENTITY_ERROR.ATTRIBUTE.INVALID",
            "title": "An attribute value is invalid."
            "detail": "The phone number must be in a valid format. Preface the phone number with ‘+’ followed by the country code (for example, +44 844 209 0611)",
            "source": {
                "pointer": "/data/attributes/contactPhone"
            }
        }
    ]
}
Nach dem Login kopieren

Als ich mir das ansah und die Details las, konnte ich verstehen, dass es sich um ein Zahlenformat handelte, was mir das Leben erleichterte.

Ein letzter Gedanke:

Als Entwickler sollten wir die Probleme der Benutzer kennen und verstehen, um eine großartige Benutzeroberfläche und hervorragende UX für sie zu schreiben. Wenn wir es ignorieren, die richtige Nachricht zu schreiben und den Benutzern zu zeigen, wie sie ihre Probleme selbst lösen können, belasten wir die Benutzer und unser Support-Team stark und verlieren möglicherweise einige Benutzer. Dies bedeutet auf lange Sicht einen Umsatzverlust, der den Unternehmen nicht gefällt.

Das obige ist der detaillierte Inhalt vonWeb UX: Zeigen Sie den Benutzern aussagekräftige Fehler an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage