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

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:

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

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:

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"
            }
        }
    ]
}

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!