היררכיה שגיאה והדגשת עדיפות

1) מדוע אתה זקוק להיררכיה שגיאה

• להסביר מה השתבש
• להראות למה זה משנה
• מציע מה לעשות הלאה,
• לתעדף אם יש כמה טעויות.
• היררכיית השגיאה מפחיתה עומס קוגניטיבי, מאיצה תיקון ומגדילה את המרת השלבים (רישום, תשלומים, KYC).

2) מודל החומרה

1. מידע - "פרופיל אינו שלם, ניתן להשלים מאוחר יותר. "לא חוסם.

2. שימו לב - "הגבול הוא כמעט מותש. "אנחנו ממליצים על פעולה.

3. אזהרה - "חוסר התאמה של הפורמט, המידע נשמר חלקית. "יכול להתערב.

4. שגיאה - "פורמט לא תקף/נדרש שדה ריק. "חוסם פעולה ספציפית.

5. קריטי - "תשלום נדחה/סיכון ביטחוני. "חוסם את התסריט, דורש צעד מיידי.

• מסך אחד, סטטוס אחד ראשי.
• עבור שגיאות מרובות: להראות קריטי מלמעלה ולגלול stable לשגיאה הראשונה.

3) עקרונות של הדגשת עדיפות

1. היררכיה ויזואלית: צבע/אייקון/עובי/ניגודיות עולה עם ביקורתיות.
2. קרבה מרחבית: שגיאה ליד השדה/אזור שאליו הוא שייך.
3. מיקוד וגלילה: גלילה אוטומטית לשגיאה הראשונה + התמקדות בשדה הבעיה.
4. קריאה עיקרית אחת: באנר כללי/התראה על בעיה קריטית + מקומיות.
5. רצף אסימונים: צבעים/אייקונים/גופנים עבור מידע/אזהרה/שגיאה אינם משתנים לאורך כל המוצר.
6. חיים שלמים: טעויות מקומיות - עדיין לא נקבעו; כרזות - לפני סגירת/תיקון.
7. אל תבלבל בין הצהרות: "שגיאה ריקה", "המתנה" שגיאה ".

4) שפה חזותית (אסימונים UI)

• מידע - כחול ניטרלי/אפור,
• שימו לב - ענבר/צהוב,
• אזהרה - כתום,
• שגיאה - אדום,
• קריטי - עשיר אדום + בניגוד לרקע.
• סמלים: מידע ⓘ, שימו לב, שגיאה/הצלחה.

• הודעה אינליין מתחת לשדה (מסגרת מינימלית).
• שורה-קריאה לכל שורה/כרטיס.
• התראת עמוד (באנר) עבור כללי/קריטי.
• מיקרואנימציות: מראה רך, בלי ”לקלקל” את הפריסה.

5) שגיאה בטקסטים: נוסחה ודוגמאות

נוסחה: מה לא בסדר + איך לתקן + (למה/אילוץ).

"פורמט תאריך לא תקף. הזן בפורמט DD. M.M. YYY"

"הקובץ גדול מדי (מקסימום 10 MB). אנא הורד קובץ קטן יותר"

"רמת אימות לא מספקת. קח KYC - זה לוקח ~ 2 דקות"

"התשלום נדחה על ידי הבנק. נסה שיטה אחרת או צור קשר עם הבנק שלך" ‏

אנטי דפוסים: ”טעות 400”, ”משהו השתבש”, הומור בצעדים מלחיצים.

6) היררכיה בצורות מורכבות (רישום/ACC/תשלומים)

1. אימות קו על טשטוש: אנחנו תופסים טעויות מקומיות מייד.
2. סימון גלובלי להגשה: הצג את כרזה ”השדות המסומנים הנכונים” ואת הרשימה/העוגנים.
3. שגיאה בניווט: מקלדת/לשונית, "עבור לשגיאה # 1/# N.
4. סדר התיקון: חסימה ראשונה (שגיאה/קריטית), ואז אזהרה/התראה.
5. שמירת ההקשר - הקלט אינו אבוד בעת התרחשות שגיאה.

7) מפרט של תרחישים

7. 1 תשלומים/משיכות

קריטי: דחייה על ידי ספק/בנק, פעילות חשודה.
שגיאה: שדה כרטיס/IBAN, מגבלות על כמות/תדר.
אזהרה: רשת איטית/פסק זמן.

טקסט: "התשלום נדחה על ידי הבנק. נסה שיטה אחרת או צור קשר עם הבנק שלך. העמלה לא חויבה"

7. 2 CCS/בטיחות

קריטי: מסמך מזויף/חסום מדינה/רב-חשבון.
שגיאה: אי התאמה בין מסמך ותאריך בלתי קריאים.

טקסט: "התמונה של המסמך מטושטשת. העלה תמונה חדה יותר באור טוב"

7. 3 חיפוש/מסננים

זו לא טעות, אבל תוצאה אפסית.

טקסט: "אין תוצאות עבור "[שאילתא]" הסר את המסנן ”ספק: X” או נסה ”@ alt”. [ לאפס מסננים ]"

8) זמינות (A11y) ומפרט

טעויות מוכרזות לסורק: אריה-לחיות = ”אסרטיבית” עבור ביקורתי, ”מנומס” עבור אחרים.
שדות עם שגיאה: אריה-לא תקפים =” נכון”, אריה-תיאורים לכל הודעה.
הפוקוס עובר לשגיאה הראשונה; סדר השולחן שומר על ההיגיון.
ניגוד על ידי WCAG AA; האייקון לא מחליף טקסט.
יש לקרוא את הטקסט בקול רם מבלי לאבד משמעות.

9) לוקליזציה ודיוק משפטי

הימנע מז 'רגון ומטאפורות תרבותיות.
מסכים על התנאים (גלוסרי): ”תשלום נדחה”, ”הגבלה חרגה”, ”אימות”.
ציין תנאים והגבלות בפורמט המקומי: ”עד 15 דקות”, מטבעות/תאריכים.

10) מדדים איכותיים

שגיאה קצב על ידי שדה/שלב.
זמן לתקן.
ירידה-off לאחר שגיאה (כמה הם עוזבים בלי לתקן את זה).
חזרה על ידי משתמש/הפעלה.
שיחות תמיכה לפי סוג שגיאה.
המרת שלב לפני/אחרי שינויים בהיררכיה.

• גלילה אוטומטית וריכוז נגד צבע/טקסט בלבד.
• הניסוח המדויק של הסיבה נגד כללית.
• (Backlight order (banner # inline first) vs (inline בלבד).
• הוספת קישור דרישות הצגה לצד השגיאה.

11) רשימת בדיקות טרום שחרור

[ ] לכל שגיאה יש רמה (Info/Option/Warning/Everior/Everior/Critical).

[ ] הצבע/סמל/מיכל מתאים לרמה.

[ ] יש גלילה לטעות הראשונה ושינוי מיקוד.

[ ] המסר מסביר מה/איך/למה.

[ תנאי ] תואמים גלוסרי; לוקליזציה מאומתת.

[ זמינות ]: תכונות אריה, ניגוד, קריאות בקול רם.

[ ] דאטה לא אבד בטעות.

[ ] ”תוצאת האפס” ו ”המתנה” אינן מסומנות כשגיאות.

12) לפני/אחרי דוגמאות

טופס תאריך

לפני: ”שגיאה 400”

אחרי: "תבנית תאריך לא תקפה. השתמש ב DD. M.M. YYY"

תשלום

לפני: ”התשלום נכשל”

לאחר מכן: "התשלום נדחה על ידי הבנק. נסה שיטה אחרת או צור קשר עם הבנק שלך. העמלה לא חויבה"

KYC

לפני: ”מסמך לא התקבל”

לאחר מכן: "לא ניתן היה לזהות את המסמך. העלה תמונה ללא מבטים, פינות וטקסט גלויים" ‏

אפס חיפוש (לא שגיאה!)

לפני: ”שגיאה: שום דבר לא נמצא”

אחרי: "אין תוצאות לרולטה חיה. "הסר את מסנן" גבול גבוה "או נסה" רולטה ". ”[ לאפס מסננים ]”

13) רכיבי מערכת עיצוב

'<שגיאה/>'

”הודעה”, ”חומרה”, ”אריה על ידי”, ”קומפקטי”.
רנדר: טקסט + סמל, צבע על ידי ”חומרה”.

''

”כותרת”, ”תיאור”, ”חומרה”, ”פעולות [ ]”.
אפשרויות: ”מידע לב אזהרה טעות קריטית”.

'<תקציר/>'

רשימת שגיאות עם עוגנים לשדות, ניווט מקלדת, ”עבור אל # 1”.

'' (לוגיקה)

כללי שדה/צורה/שלב, סדרי עדיפויות, סכימות (לדוגמה, JSON-Schema), לוקליזציה של מסרים.

14) דפוסי ביטוי מהירים

15) הטמעת תהליכים

עיצבו את הטקסטים בו זמנית עם היגיון האימות.
מאחסנים תורים בi18n ליד רכיבים, מבשרים.
ברשימת היחצ "נות: ציות רמה, תכונות אריה, מיקום נכון.
סקור באופן קבוע שגיאות מדדים ומשוב תמיכה.

גיליון רמאות סופי

רמות דיגיטליות: Info # Critical.
הצג את העדיפות במיקוד ויזואלי.
הסבר את התיקון בקצרה ובפרט.
אל תקרא לריקנות טעות.
מדידה ושיפור: שיעור שגיאה, זמן לתיקון, ירידה.