التسلسل الهرمي للأخطاء وتسليط الضوء على الأولوية

1) لماذا تحتاج إلى تسلسل هرمي للخطأ

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

2) نموذج الشدة

1. معلومات - "الملف الشخصي غير مكتمل، يمكن إكماله لاحقًا. "لا يمنع.

2. إشعار - "الحد شبه مستنفد. "نوصي باتخاذ إجراء.

3. تحذير - "عدم تطابق التنسيق، حفظ البيانات جزئيًا. "يمكن أن تتدخل.

4. خطأ - "التنسيق غير الصحيح/المجال المطلوب فارغ. "يمنع إجراء محدد.

5. حرجة - "الدفع مرفوض/مخاطر أمنية. "يحجب النص، ويتطلب خطوة فورية.

• شاشة واحدة - حالة رئيسية واحدة.
• للأخطاء المتعددة: إظهار النقد من الأعلى والتمرير بثبات إلى الخطأ الأول.

3) مبادئ تسليط الضوء على الأولوية

1. التسلسل الهرمي البصري: زيادة اللون/الأيقونة/السماكة/التباين مع الحرجية.
2. القرب المكاني: خطأ بالقرب من الحقل/المنطقة التي ينتمي إليها.
3. التركيز والتمرير: التمرير التلقائي إلى الخطأ الأول + التركيز على مجال المشكلة.
4. شرح رئيسي واحد: لافتة عامة/تنبيه حول مشكلة حرجة + مطالبات محلية.
5. تسلسل الرمز: الألوان/الأيقونات/الخطوط للمعلومات/التحذير/الخطأ لم تتغير في جميع أنحاء المنتج.
6. العمر: أخطاء محلية - لم يتم إصلاحها بعد ؛ لافتات - قبل الإغلاق/التثبيت.
7. لا تخلط بين ما يلي: «فارغ» ≠ «خطأ»، «انتظر» ≠ «خطأ».

4) اللغة البصرية (رموز واجهة المستخدم)

• معلومات - زرقاء/رمادية محايدة،
• إشعار - كهرمان/أصفر،
• تحذير - برتقالي،
• خطأ - أحمر،
• حرجة - حمراء غنية + خلفية متباينة.
• الأيقونات: معلومات ⓘ، ملاحظة، خطأ/نجاح.

• رسالة داخلية أسفل الحقل (الإطار الأدنى).
• شرح الصف لكل سطر/بطاقة.
• تنبيه الصفحة (لافتة) - للعام/الحرج.
• Microanimations: مظهر ناعم، دون «رعشة» التخطيط.

5) نصوص الخطأ: صيغة وأمثلة

الصيغة: ما الخطأ + كيفية الإصلاح + (لماذا/القيد).

"تنسيق التاريخ غير صالح. أدخل بتنسيق DD. م

"الملف كبير جدًا (بحد أقصى 10 ميجابايت). الرجاء تحميل ملف أصغر"

"عدم كفاية مستوى التحقق. خذ KYC - يستغرق ~ 2 دقائق "

ورفض البنك الدفع. جرب طريقة أخرى أو اتصل بمصرفك"

الأنماط المضادة: «خطأ 400»، «حدث خطأ ما»، الفكاهة في خطوات مرهقة.

6) التسلسل الهرمي في أشكال معقدة (التسجيل/لجنة التنسيق الإدارية/المدفوعات)

1. التحقق الداخلي من صحة الضبابية: نلتقط الأخطاء المحلية على الفور.
2. فحص عالمي للإرسال: أظهر لافتة «الحقول الموسومة الصحيحة» والقائمة/المراسي.

3. تنقل الخطأ: لوحة المفاتيح/علامة التبويب، «اذهب إلى الخطأ # 1/# N.»

4. ترتيب التصحيح: الحجب الأول (خطأ/حرج)، ثم التحذير/الإشعار.
5. حفظ السياق - لا يضيع الإدخال عند حدوث خطأ.

7) خصوصية السيناريوهات

7. 1 المدفوعات/عمليات السحب

حرج: رفض من قبل المزود/البنك، نشاط مشبوه.
خطأ: حقل البطاقة/IBAN، حدود الكمية/التردد.
تحذير: شبكة/مهلة بطيئة.

النص: "الدفع مرفوض من قبل البنك. جرب طريقة أخرى أو اتصل بالبنك الذي تتعامل معه. ولم يتم تحصيل الرسم"

7. 2 CCS/السلامة

حرج: وثيقة مزورة/مجمدة قطرية/متعددة الحسابات.
خطأ: عدم تطابق الوثيقة/التاريخ غير قابل للقراءة.

النص: "صورة المستند غير واضحة. تحميل صورة أكثر حدة في ضوء جيد"

7. 3 بحث/مرشحات

هذا ليس خطأ، لكنه نتيجة صفرية.

النص: "لا توجد نتائج لـ "{استفسار}" قم بإزالة مرشح «Provider: X» أو جرب «{alt}». [إعادة تعيين المرشحات]"

8) التوافر (A11y) والمواصفات

يتم إعلان الأخطاء للشاشة: aria-live = «حازم» للنقد، «مهذب» للآخرين.
الحقول ذات الخطأ: aria-invalid =» true», aria-descripdy per message.
ينتقل التركيز إلى الخطأ الأول ؛ ترتيب التبويب يحافظ على المنطق.
التناقض من قبل WCAG AA ؛ الرمز لا يحل محل النص.
يجب قراءة النص بصوت عالٍ دون فقدان المعنى.

9) التوطين والدقة القانونية

تجنب المصطلحات والاستعارات الثقافية.
الاتفاق على الشروط (مسرد المصطلحات): «رفض الدفع»، «تجاوز الحد»، «التحقق».
حدد الشروط والقيود بالشكل المحلي: «حتى 15 دقيقة»، العملات/التواريخ.

10) مقاييس الجودة

معدل الخطأ حسب المجال/الخطوة.
وقت الإصلاح.
إسقاط بعد خطأ (كم يغادرون دون إصلاحه).
التكرار حسب المستخدم/الجلسة.
مكالمات الدعم حسب نوع الخطأ.
تحويل الخطوة قبل/بعد التغييرات في التسلسل الهرمي.

• التمرير التلقائي والتركيز مقابل اللون/النص فقط.
• الصياغة الدقيقة للسبب مقابل العام.
• ترتيب الإضاءة الخلفية (لافتة → الخط الأول) مقابل (الخط الداخلي فقط).
• يضيف رابط متطلبات العرض بجانب الخطأ.

11) القائمة المرجعية السابقة للإفراج

• كل خطأ له مستوى (معلومات/إشعار/تحذير/خطأ/حرج).
• يتوافق اللون/الأيقونة/الحاوية مع المستوى.
• هناك تمرير إلى الخطأ الأول وتحويل التركيز.
• تشرح الرسالة ماذا/كيف/لماذا.
• مسرد المصطلحات المطابقة ؛ تم التحقق من التوطين.
• التوافر: سمات الأغنية، التباين، سهولة القراءة بصوت عالٍ.
• لا تضيع البيانات بسبب الخطأ.
• لا يتم تمييز حالتي «النتيجة الصفرية» و «الانتظار» على أنهما أخطاء.

12) قبل/بعد الأمثلة

استمارة التاريخ

قبل: «خطأ 400»

بعد: "تنسيق التاريخ غير صالح. استخدم DD. م

الدفع

قبل: «فشل الدفع»

بعد: "رفض البنك الدفع. جرب طريقة أخرى أو اتصل بالبنك الذي تتعامل معه. ولم يتم تحصيل الرسم"

KYC

قبل: «وثيقة غير مقبولة»

بعد: "لا يمكن الاعتراف بالوثيقة. تحميل صورة بدون وهج والزوايا والنصوص مرئية"

صفر بحث (ليس خطأ!)

قبل: «خطأ: لم يتم العثور على شيء»

بعد: «لا توجد نتائج «لعبة الروليت الحية. «قم بإزالة مرشح «الحد العالي» أو جرب «الروليت. «[إعادة تعيين المرشحات]»

13) مكونات نظام التصميم

'<خطأ ميداني/> "

Пропсы: «رسالة»، «شدة»، «أغنية موصوفة»، «مدمجة».
العرض: نص + أيقونة، اللون بواسطة «شدة».

Пропсы: «العنوان»، «الوصف»، «الشدة»، «الأفعال []».
الخيارات: «معلومات | ملاحظة | تحذير | خطأ | حرج».

'<خطأ ملخص/>'

قائمة الأخطاء مع المراسي في الحقول، التنقل على لوحة المفاتيح، «انتقل إلى رقم 1».

«» (منطق)

قواعد المجال/الشكل/الخطوة، الأولويات، المخططات (على سبيل المثال، JSON-Schema)، توطين الرسائل.

14) أنماط العبارات السريعة

15) تضمين العملية

صمم النصوص بالتزامن مع منطق التحقق.
تخزين الخطوط في i18n بجوار المكونات، والتحرير.
في قائمة العلاقات العامة المرجعية: امتثال المستوى، سمات الأريا، التوطين الصحيح.
مراجعة أخطاء المقاييس بانتظام ودعم التعليقات.

ورقة الغش النهائية

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