سلسله مراتب خطا و مشخص کردن اولویت

1) چرا شما نیاز به یک سلسله مراتب خطا

• توضیح دهید که چه چیزی اشتباه رفت
• نشان دهید که چرا اهمیت دارد
• پیشنهاد دهید که چه کاری باید انجام شود،
• اولویت بندی اگر چندین خطا وجود دارد.
• سلسله مراتب خطا بار شناختی را کاهش می دهد، سرعت اصلاح را افزایش می دهد و تبدیل مرحله (ثبت نام، پرداخت، KYC) را افزایش می دهد.

2) مدل شدت

1. اطلاعات - "مشخصات ناقص است، می تواند بعدا تکمیل شود. "مسدود نمی کند.

2. توجه: "محدودیت تقریبا خسته شده است. "ما عمل را توصیه می کنیم.

3. هشدار - "عدم تطابق فرمت، داده ها تا حدی ذخیره شده است. "می تواند دخالت کند.

4. خطا - "قالب نامعتبر/فیلد مورد نیاز خالی است. یک عمل خاص را مسدود می کند.

5. بحرانی - "پرداخت رد/خطر امنیتی. "بلوک اسکریپت، نیاز به یک گام فوری.

• یک صفحه نمایش - یک وضعیت اصلی.
• برای خطاهای متعدد: نمایش بحرانی از بالا و حرکت پایدار به اولین خطا.

3) اصول برجسته اولویت

1. سلسله مراتب بصری: افزایش رنگ/آیکون/ضخامت/کنتراست با انتقاد.
2. نزدیکی فضایی: خطا در نزدیکی میدان/منطقه ای که به آن تعلق دارد.
3. Focus and scroll: اسکرول خودکار به اولین خطا + focus to the problem field.
4. یک تماس اصلی: بنر عمومی/هشدار در مورد یک مشکل بحرانی + پیشنهادات محلی.
5. توالی نشانه: رنگ/آیکون/فونت برای اطلاعات/هشدار/خطا بدون تغییر در سراسر محصول می باشد.
6. طول عمر: خطاهای محلی - هنوز ثابت نشده است ؛ آگهی ها - قبل از بستن/ثابت.
7. حالت های «خالی» ≠ «خطا»، «انتظار» ≠ «خطا» را اشتباه نگیرید.

4) زبان بصری (نشانه های UI)

• اطلاعات - خنثی آبی/خاکستری،
• توجه - کهربا/زرد،
• هشدار - نارنجی،
• خطا - قرمز،
• بحرانی - قرمز غنی + پس زمینه متضاد.
• آیکون ها: ⓘ اطلاعات، اطلاع، خطا/، موفقیت.

• پیام درون خطی زیر فیلد (حداقل قاب).
• ردیف تماس در هر خط/کارت.
• هشدار صفحه (بنر) - برای عمومی/بحرانی.
• Microanimations: ظاهر نرم، بدون «تکان دادن» طرح.

5) متون خطا: فرمول و نمونه

فرمول: چه چیزی اشتباه است + چگونه ثابت + (چرا/محدودیت).

"قالب تاریخ نامعتبر. وارد کردن در قالب DD MM. YYYY"

فایل خیلی بزرگ است (حداکثر 10 مگابایت). لطفا یک فایل کوچکتر را دانلود کنید"

"عدم بررسی کافی. KYC - ~ 2 دقیقه طول می کشد"

"پرداخت توسط بانک رد شد. روش دیگری را امتحان کنید یا با بانک خود تماس بگیرید

ضد الگوهای: «خطا 400»، «چیزی اشتباه رفت»، طنز در مراحل استرس زا.

6) سلسله مراتب در فرم های پیچیده (ثبت نام/ACC/پرداخت)

1. اعتبارسنجی درون خطی در تاری: خطاهای محلی را فوراً دریافت میکنیم.
2. بررسی جهانی برای ارسال: نشان می دهد «زمینه های مشخص شده صحیح» بنر و لیست/مجریان.
3. ناوبری خطا: صفحه کلید/برگه, «برو به خطا # 1/# N».
4. ترتیب تصحیح: ابتدا مسدود کردن (خطا/بحرانی)، سپس هشدار/اخطار.
5. Save Context: وقتی خطایی رخ می دهد ورودی از دست نمی رود.

7) ویژگی سناریوها

7. 1 پرداخت/برداشت

بحرانی: رد توسط ارائه دهنده/بانک، فعالیت مشکوک.
خطا: فیلد کارت/IBAN، محدودیت در مقدار/فرکانس.
اخطار: شبکه آهسته/اتمام وقت.

متن: "پرداخت توسط بانک رد شد. روش دیگری را امتحان کنید یا با بانک خود تماس بگیرید. پرداخت نشده است"

7. 2 CCS/ایمنی

بحرانی: سند جعلی/مسدود کشور/چند حساب.
خطا: عدم تطابق سند/تاریخ غیرقابل خواندن.

متن: "عکس سند تار شده است. آپلود یک تصویر واضح تر در نور خوب"

7. 3 جستجو/فیلتر

این یک اشتباه نیست، بلکه یک نتیجه صفر است.

متن: "هیچ نتیجه ای برای "{query}" وجود ندارد فیلتر «Provider: X» را حذف کنید یا «{alt}» را امتحان کنید. [تنظیم مجدد فیلترها]"

8) در دسترس بودن (A11y) و مشخصات

خطاها به نمایشگر اعلام می شود: aria-live = «قاطعانه» برای انتقاد، «مودبانه» برای دیگران.
فیلدهای دارای خطا: aria-invalid =» true», aria-descripedby per message.
تمرکز به اولین خطا حرکت می کند ؛ نظم تابینگ منطق را حفظ می کند.
کنتراست توسط WCAG AA ؛ آیکون متن را جایگزین نمی کند.
متن باید با صدای بلند بدون از دست دادن معنی خوانده شود.

9) محلی سازی و دقت قانونی

اجتناب از اصطلاحات و استعاره های فرهنگی.
موافقت در شرایط (واژه نامه): «پرداخت رد», «حد بیش از حد», «تایید».
شرایط و محدودیت ها را در قالب محلی مشخص کنید: «تا 15 دقیقه»، ارزها/تاریخ ها.

10) معیارهای کیفیت

میزان خطا در زمینه/گام.

زمان برای تعمیر

رها کردن پس از خطا (چقدر آنها را ترک بدون تعمیر آن).
تکرار توسط کاربر/جلسه.
پشتیبانی از تماس ها توسط نوع خطا.
تبدیل گام قبل/بعد از تغییرات در سلسله مراتب.

• خودکار پیمایش و تمرکز در مقابل رنگ/متن تنها.
• متن دقیق دلیل در مقابل عمومی.
• ترتیب نور پس زمینه (بنر → اول درون خطی) در مقابل (فقط درون خطی).
• یک لینک Show Requirements در کنار خطا اضافه می کند.

11) چک لیست قبل از انتشار

• هر خطا دارای یک سطح (Info/Notice/Warning/Error/Critical) است.
• رنگ/آیکون/ظرف مربوط به سطح است.
• اولین خطا و تغییر تمرکز وجود دارد.
• پیام توضیح می دهد که چه/چگونه/چرا.
• واژه نامه مطابقت شرایط ؛ محلی سازی تایید شده است.
• در دسترس بودن: ویژگی های آریا، کنتراست، خوانایی با صدای بلند.
• داده ها با خطا از دست نمی روند.
• وضعیت های «نتیجه صفر» و «انتظار» به عنوان خطا مشخص نمی شوند.

12) قبل/بعد از نمونه

فرم تاریخ

قبل از: «خطای 400»

پس از: "قالب تاریخ نامعتبر است. استفاده از DD MM. YYYY"

پرداخت

قبل از: «پرداخت شکست خورده»

وی افزود: "این پرداخت توسط بانک رد شده است. روش دیگری را امتحان کنید یا با بانک خود تماس بگیرید. پرداخت نشده است"

KYC

قبل: «سند پذیرفته نشد»

وی افزود: "این سند قابل شناسایی نیست. آپلود یک عکس بدون تابش خیره کننده، گوشه ها و متن قابل مشاهده است"

جستجوی صفر (خطا نیست!)

قبل از: «خطا: چیزی یافت نشد»

پس از: «هیچ نتیجه ای برای «رولت زنده وجود ندارد. «حذف فیلتر «حد بالا» یا سعی کنید «رولت. «[تنظیم مجدد فیلترها]»

13) اجزای سیستم طراحی

''

Пропсы: «پیام»، «شدت»، «ariaDescriptedBy»، «جمع و جور».
رندر: متن + آیکون، رنگ بر اساس «شدت».

''

Пропсы: «عنوان»، «شرح»، «شدت»، «اقدامات []».
گزینه ها: «info | notice | warning | error | critical».

فهرست خطاها با لنگر به زمینه, ناوبری صفحه کلید, «برو به شماره 1».

'<اعتبار سنج/>' (منطق)

قوانین فیلد/فرم/گام، اولویت ها، طرح ها (به عنوان مثال، JSON-Schema)، محلی سازی پیام.

14) الگوهای عبارت سریع

15) جاسازی فرآیند

طراحی متون به طور همزمان با منطق اعتبار سنجی.
خطوط را در i18n در کنار اجزاء ذخیره کنید، نسخه کنید.
در چک لیست روابط عمومی: انطباق سطح، ویژگی های آریا، محلی سازی صحیح.
به طور منظم خطاهای متریک و بازخورد پشتیبانی را بررسی کنید.

ورق تقلب نهایی

سطوح دیجیتالی: اطلاعات → بحرانی.
اولویت را به صورت بصری و در تمرکز نشان دهید.
اصلاح را به طور مختصر و دقیق توضیح دهید.
خالی بودن را اشتباه نخوانید.
اندازه گیری و بهبود: میزان خطا، زمان به رفع، رها کردن.