Rumah > hujung hadapan web > tutorial js > UX Web: Tunjukkan ralat yang bermakna kepada pengguna

UX Web: Tunjukkan ralat yang bermakna kepada pengguna

Barbara Streisand
Lepaskan: 2024-10-09 08:22:31
asal
343 orang telah melayarinya

Mempunyai tapak web yang dipacu pengguna dan mesra pengguna kadangkala sukar kerana ia akan membenarkan seluruh pasukan pembangunan menghabiskan lebih banyak masa pada perkara yang tidak menambah nilai kepada fungsi dan perniagaan teras. Namun, ia boleh membantu pengguna dalam jangka pendek dan menambah nilai dalam jangka panjang. Pengurus projek yang ketat dengan tarikh akhir mereka boleh memandang rendah nilai ditambah dalam jangka panjang. Saya tidak pasti sama ada ini benar untuk pasukan tapak web Apple, namun mereka kehilangan pengalaman pengguna yang hebat.

Baru-baru ini, saya cuba menerbitkan apl ke gedung aplikasi daripada tapak web Apple, tetapi saya menghadapi masalah dengan maklumat hubungan saya. Walaupun saya memberikan maklumat yang betul dalam pelbagai format, saya masih perlu menerimanya dan memberikan mesej yang bermakna kepada pengguna.

Menurut pengalaman saya, tapak web sentiasa memberi mereka ralat kerana memberikan nombor telefon yang salah, yang berbunyi seolah-olah medan ini tidak sah. Berikut ialah mesej umum:

Web UX: Show meaningful errors to the users

Berikut ialah mesej daripada input medan untuk dirinya sendiri:

Web UX: Show meaningful errors to the users

Saya mengalami masalah ini walaupun saya mencuba dengan dua sifar pada mulanya, walaupun saya tidak menambah kod negara. Ia sentiasa memberi saya mesej ralat yang sama, tanpa arahan tentang cara membetulkannya, apa yang perlu dilakukan, malah apa yang salah!

Pada mulanya, saya fikir ia adalah masalah dengan pelayan, jadi saya memutuskan untuk mencuba lagi selepas beberapa jam. Saya menyemak status kesihatan produk Apple, yang tidak mempunyai masalah. Selepas penat, saya memutuskan untuk menyahpepijat masalah sebagai jurutera perisian dan menyemak apa yang dihantar melalui rangkaian dan tindak balasnya, yang membawa kepada "Momen Aha" untuk saya.
Aha! seketika, Apple perlu memberikan mesej yang betul.
Apabila saya menyemak mesej rangkaian, saya mengetahui bahawa ia memberikan butiran dan panduan yang betul dari bahagian belakang, namun tapak web tidak memberikannya.

Berikut ialah muatan permintaan:

Web UX: Show meaningful errors to the users

Maklum balas:

{
    "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"
            }
        }
    ]
}
Salin selepas log masuk

Dengan melihat ini dan membaca butirannya, saya dapat memahami bahawa isu itu adalah dalam format nombor, yang menjadikan hidup saya lebih mudah.

Pemikiran terakhir:

Sebagai pembangun, kita harus mengetahui dan memahami isu pengguna untuk menulis UI yang hebat dan UX yang sangat baik untuk mereka. Apabila kami mengabaikan menulis mesej yang betul dan menunjukkan kepada pengguna cara menyelesaikan isu mereka sendiri, kami memberi banyak beban kepada pengguna dan pasukan sokongan kami, dan kami mungkin kehilangan beberapa pengguna. Ini bermakna kehilangan hasil dalam jangka panjang, yang tidak disukai oleh perniagaan.

Atas ialah kandungan terperinci UX Web: Tunjukkan ralat yang bermakna kepada pengguna. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan