يجب أن تقول رسالة الخطأ ما هو الحظر وكيفية تصحيح الحقل. لا يكفي "إدخال غير صالح" أو إطار أحمر بدون نص ، خاصة بالنسبة لشخص يستخدم لوحة المفاتيح أو قارئ الشاشة.

أعط تعليمات تتعلق بالمجال

اكتب "أشر إلى عنوان بريد إلكتروني يحتوي على @" بدلاً من "خطأ 42". ضع النص بالقرب من الحقل واربطه تقنيًا به. ال توصي W3C إخطارات واضحة ، مع عودة عالمية بعد الإرسال والعودة بالقرب من عنصر التحكم المعني.

منع بدلا من المفاجأة

حدد قبل إدخال التنسيقات والمعلومات الإلزامية: طول المعرف أو تنسيق التاريخ أو الحد الأقصى لحجم الملف. لا تعرض قيدًا معروفًا فقط بعد عدة محاولات. يجب أن تتطابق الأمثلة مع التنسيقات الفعلية المقبولة وتجنب طلب البيانات غير الضرورية للمهمة.

احتفظ بالإجابات وتوجيه العودة

بعد خطأ في الخادم أو التحقق من الصحة ، احتفظ بالحقول التي تم إدخالها بالفعل عندما يكون ذلك ممكنًا. اعرض ملخصًا للأخطاء في الجزء العلوي من النموذج والمؤشرات المحلية. ضع التركيز في مكان منطقي لاستئناف التصحيح ، ثم دع المستخدم يتحقق من التغييرات قبل شحنة جديدة.

التمييز بين التصحيح والفشل والنجاح

الحقل المملوء بشكل سيئ ليس عدم توفر الخدمة. إذا فشلت الشحنة لسبب تقني ، فأعلن عنها دون الادعاء باستلام الطلب وإعطاء وسيلة اتصال أخرى إن أمكن. على العكس من ذلك ، يجب أن توفر الشحنة الناجحة تأكيدًا صريحًا وتشير إلى التسلسل المتوقع.

اختبار مع أخطاء حقيقية

جرب حقلًا فارغًا ، بتنسيق معقول ولكنه مرفوض ، ملف ثقيل للغاية وفقد في الاتصال. اختبر على لوحة المفاتيح وعلى الهاتف وبتقنية الدعم إن وجدت. ال دليل نموذج الاتصال يساعد في تقليل الحقول قبل كتابة أخطائها.

مساعدة شخص ما على استئناف الدخول دون أن يفقده

يرسل الزائر نموذجًا بعنوان غير صالح وحقل واحد مطلوب فارغًا. تحدد الصفحة كل مشكلة بجانب مجالها ، وتلخص الأخطاء ، وتحافظ على النص الذي تم إدخاله ويسهل العثور على التركيز. يقوم الزائر بتصحيحه ويتلقى تأكيدًا صريحًا.

اختبار باستخدام لوحة المفاتيح والهاتف. لا يشرح "خطأ 400" عام أو اللون وحده كيفية التعافي.

تصميم نموذج اتصال يساعد حقًا →