Σφάλμα ιεράρχησης και επισήμανση προτεραιότητας

1) Γιατί χρειάζεστε μια ιεραρχία σφαλμάτων

• Εξηγήστε τι πήγε στραβά
• δείξει γιατί έχει σημασία,
• να προτείνει τι θα κάνει στη συνέχεια,
• να δοθεί προτεραιότητα εάν υπάρχουν αρκετά σφάλματα.
• Η ιεραρχία σφαλμάτων μειώνει το γνωστικό φορτίο, επιταχύνει τη διόρθωση και αυξάνει τη μετατροπή βαθμίδων (εγγραφή, πληρωμές, KYC).

2) Μοντέλο σοβαρότητας

1. Πληροφορίες - "Το προφίλ είναι ελλιπές, μπορεί να συμπληρωθεί αργότερα. "Δεν μπλοκάρει.

2. Ανακοίνωση - "Το όριο έχει σχεδόν εξαντληθεί. "Συνιστούμε δράση.

3. Προειδοποίηση - "Αναντιστοιχία μορφοτύπου, μερικώς αποθηκευμένα δεδομένα. "Μπορεί να παρέμβει.

4. Σφάλμα - "Μη έγκυρη μορφή/απαιτούμενο πεδίο είναι κενό. "Μπλοκάρει μια συγκεκριμένη δράση.

5. Κρίσιμος - "Κίνδυνος άρνησης πληρωμής/ασφάλειας. "Μπλοκάρει το σενάριο, απαιτεί ένα άμεσο βήμα.

• Μία οθόνη - μία κύρια κατάσταση.
• Για πολλαπλά σφάλματα: Εμφάνιση κρίσιμης σημασίας από πάνω και κύλιση σταθερά στο πρώτο σφάλμα.

3) Αρχές προτεραιότητας

1. Οπτική ιεραρχία: το χρώμα/εικονίδιο/πάχος/αντίθεση αυξάνεται με την κρισιμότητα.
2. Χωρική εγγύτητα: σφάλμα πλησίον του πεδίου/της ζώνης στην οποία ανήκει.
3. Εστίαση και κύλιση: αυτόματη εγγραφή στο πρώτο σφάλμα + εστίαση στο προβληματικό πεδίο.
4. Ένα κύριο κάλεσμα: γενικό πανό/συναγερμός για ένα κρίσιμο πρόβλημα + τοπικές κινήσεις.
5. Ακολουθία σημάτων: χρώματα/εικονίδια/γραμματοσειρές για πληροφορίες/προειδοποίηση/σφάλμα παραμένουν αμετάβλητα σε όλο το προϊόν.
6. Διάρκεια ζωής: τοπικά σφάλματα - δεν έχουν ακόμη καθοριστεί· πανό - πριν από το κλείσιμο/στερέωση.
7. Μην μπερδεύετε τις λέξεις: «κενό» ≠ «σφάλμα», «αναμονή» ≠ «σφάλμα».

4) Οπτική γλώσσα (μάρκες UI)

• Πληροφορίες - ουδέτερο μπλε/γκρι,
• Ειδοποίηση - κίτρινο/κίτρινο,
• Προειδοποίηση - πορτοκαλί,
• Σφάλμα - κόκκινο,
• Κρίσιμο - πλούσιο κόκκινο + αντίθετο υπόβαθρο.
• Εικονίδια: info ⓘ, ειδοποίηση, σφάλμα/, επιτυχία.

• Inline μήνυμα κάτω από το πεδίο (ελάχιστο πλαίσιο).
• Κλήση γραμμής ανά γραμμή/κάρτα.
• Συναγερμός σελίδας (πανό) - για γενική/κρίσιμη.
• Μικροαναμινήσεις: απαλή εμφάνιση, χωρίς να «μαλακώνει» η διάταξη.

5) Κείμενα σφάλματος: τύπος και παραδείγματα

Φόρμουλα: Τι είναι λάθος + Πώς να διορθώσετε + (Γιατί/περιορισμός).

"Μη έγκυρη μορφή ημερομηνίας. Εισάγετε σε μορφή DD. MM. YYYY"

"Το αρχείο είναι πολύ μεγάλο (μέγιστο 10 MB). Παρακαλώ κατεβάστε ένα μικρότερο αρχείο"

"Ανεπαρκές επίπεδο επαλήθευσης. Πάρτε KYC - παίρνει ~ 2 λεπτά"

"Η πληρωμή απορρίφθηκε από την τράπεζα. Δοκιμάστε άλλη μέθοδο ή επικοινωνήστε με την τράπεζα σας"

Αντι-μοτίβα: «Error 400», «Κάτι πήγε στραβά», χιούμορ σε αγχωτικά βήματα.

6) Ιεράρχηση σε πολύπλοκες μορφές (καταχώριση/ACC/πληρωμές)

1. Inline επικύρωση σε θολό: πιάνουμε τοπικά λάθη αμέσως.
2. Σφαιρικός έλεγχος για υποβολή: εμφάνιση του πανό «Ορθή σήμανση πεδίων» και της λίστας/αγκυροβόλων.
3. Σφάλμα πλοήγησης: πληκτρολόγιο/καρτέλα, «Πηγαίνετε στο σφάλμα # 1/# N».
4. Σειρά διόρθωσης: πρώτη εμπλοκή (σφάλμα/κρίσιμη), στη συνέχεια προειδοποίηση/ειδοποίηση.
5. Αποθήκευση πλαισίου - Η εισαγωγή δεν χάνεται όταν συμβαίνει ένα σφάλμα.

7) Ιδιαιτερότητα σεναρίων

7. 1 Πληρωμές/αναλήψεις

Κρίσιμη: απόρριψη από πάροχο/τράπεζα, ύποπτη δραστηριότητα.
Σφάλμα: πεδίο κάρτας/IBAN, όρια ποσότητας/συχνότητας.
Προειδοποίηση: αργό δίκτυο/χρονοδιάγραμμα.

Κείμενο: "Απορρίπτεται η πληρωμή από την τράπεζα. Δοκιμάστε μια άλλη μέθοδο ή επικοινωνήστε με την τράπεζα σας. Το τέλος δεν χρεώθηκε"

7. 2 CCS/ασφάλεια

Κρίσιμη: πλαστογραφημένο έγγραφο/δεσμευμένη χώρα/πολλαπλός λογαριασμός.
Σφάλμα: μη αναγνώσιμη αναντιστοιχία εγγράφου/ημερομηνίας.

Κείμενο: "Η φωτογραφία του εγγράφου είναι θολή. Αποστολή μιας πιο αιχμηρής εικόνας σε καλό φως"

7. 3 Αναζήτηση/φίλτρα

Αυτό δεν είναι λάθος, αλλά μηδενικό αποτέλεσμα.

Κείμενο: "Δεν υπάρχουν αποτελέσματα για "{ερώτηση}" Αφαιρέστε το φίλτρο «Πάροχος: X» ή δοκιμάστε «{alt}». [Επαναφορά φίλτρων]"

8) Διαθεσιμότητα (A11y) και προδιαγραφές

Τα σφάλματα δηλώνονται στον screener: aria-live = «δυναμική» για την κριτική, «ευγενική» για τους άλλους.
Πεδία με σφάλμα: aria-άκυρο =» αληθές», aria-descripedby ανά μήνυμα.
Εστίαση κινήσεων στο πρώτο σφάλμα. η σειρά καρτέλας διατηρεί τη λογική.
Αντίθεση από την WCAG AA. το εικονίδιο δεν αντικαθιστά το κείμενο.
Το κείμενο πρέπει να διαβάζεται δυνατά χωρίς να χάνει νόημα.

9) Εντοπισμός και νομική ακρίβεια

Αποφύγετε την ορολογία και τις πολιτιστικές μεταφορές.
Συμφωνούν ως προς τους όρους (γλωσσάριο): «απορριφθείσα πληρωμή», «υπέρβαση ορίου», «επαλήθευση».
Προσδιορίστε τους όρους και τους περιορισμούς σε τοπική μορφή: «έως 15 λεπτά», νομίσματα/ημερομηνίες.

10) Μετρήσεις ποιότητας

Ποσοστό σφάλματος ανά πεδίο/βήμα.
Χρόνος-to-Fix.
Παράδοση μετά από ένα σφάλμα (πόσο αφήνουν χωρίς να το διορθώσουν).
Επανάληψη ανά χρήστη/συνεδρία.
Υποστήριξη κλήσεων ανά τύπο σφάλματος.
Μετατροπή σταδίου πριν/μετά τις αλλαγές στην ιεραρχία.

• Αυτόματη κύλιση και εστίαση μόνο έναντι χρώματος/κειμένου.
• Η ακριβής διατύπωση του λόγου έναντι του γενικού.
• Εντολή οπισθόφωτος (banner → inline first) έναντι (μόνο inline).
• Προσθήκη συνδέσμου απαιτήσεων εμφάνισης δίπλα στο σφάλμα.

11) Κατάλογος ελέγχου πριν από την αποδέσμευση

• Κάθε σφάλμα έχει επίπεδο (Info/Notice/Warning/Error/Critical).
• Το χρώμα/εικονίδιο/δοχείο αντιστοιχεί στο επίπεδο.
• Υπάρχει κύλιση στο πρώτο σφάλμα και μετατόπιση εστίασης.
• Το μήνυμα εξηγεί τι/πώς/γιατί.
• Οι όροι ταιριάζουν με το γλωσσάριο. επαληθευμένη εγχώρια προσαρμογή.
• Διαθεσιμότητα: Χαρακτηριστικά άρια, αντίθεση, αναγνωσιμότητα δυνατά.
• Τα δεδομένα δεν χάνονται στο σφάλμα.
• Οι καταστάσεις «μηδενικού αποτελέσματος» και «αναμονής» δεν χαρακτηρίζονται ως σφάλματα.

12) Πριν/μετά τα παραδείγματα

Έντυπο ημερομηνίας

Πριν: «Σφάλμα 400»

Μετά: "Μη έγκυρη μορφή ημερομηνίας. Χρήση DD. MM. YYYY"

Πληρωμή

Πριν: «Αποτυχία πληρωμής»

Μετά: "Η τράπεζα αρνήθηκε την πληρωμή. Δοκιμάστε μια άλλη μέθοδο ή επικοινωνήστε με την τράπεζα σας. Το τέλος δεν χρεώθηκε"

KYC

Πριν: «Το έγγραφο δεν έγινε δεκτό»

Μετά: "Το έγγραφο δεν μπορούσε να αναγνωριστεί. Ανεβάστε μια φωτογραφία χωρίς λάμψη, οι γωνίες και το κείμενο είναι ορατά"

Μηδενική αναζήτηση (όχι σφάλμα!)

Πριν: «Σφάλμα: δεν βρέθηκε τίποτα»

Μετά: «Δεν υπάρχουν αποτελέσματα για «ζωντανή ρουλέτα. «Αφαιρέστε το φίλτρο «υψηλού ορίου» ή δοκιμάστε «ρουλέτα. «[Επαναφορά φίλτρων]»

13) Κατασκευαστικά στοιχεία του συστήματος σχεδιασμού

''

: «μήνυμα», «σοβαρότητα», «aria Пропсы By», «συμπαγές».
Εμφάνιση: κείμενο + εικονίδιο, χρώμα με «σοβαρότητα».

'<Ειδοποίηση/>'

: «τίτλος», «περιγραφή», «σοβαρότητα», «δράσεις []».

Επιλογές: 'info (info) notice (notice)

'<Περίληψη/>'

Κατάλογος σφαλμάτων με άγκυρες σε πεδία, πλοήγηση πληκτρολογίου, «Go to # 1».

'' (λογική)

Κανόνες πεδίου/μορφής/βήματος, προτεραιότητες, σχήματα (για παράδειγμα, JSON-Schema), εντοπισμός μηνυμάτων.

14) Μοτίβα ταχείας φράσης

15) Ενσωμάτωση διεργασιών

Σχεδιάστε τα κείμενα ταυτόχρονα με τη λογική επικύρωσης.
Αποθήκευση γραμμών στο i18n δίπλα στα συστατικά, έκδοση.
Στον κατάλογο ελέγχου δημοσίων σχέσεων: συμμόρφωση επιπέδου, χαρακτηριστικά άρια, ορθή εγχώρια προσαρμογή.
Τακτική επανεξέταση σφαλμάτων μέτρησης και υποστήριξη ανατροφοδότησης.

Τελικό φύλλο εξαπάτησης

Ψηφιοποίηση επιπέδων: Info-Critical.
Εμφάνιση της προτεραιότητας οπτικά και εστιασμένα.
Εξηγήστε τη διόρθωση εν συντομία και συγκεκριμένα.
Μην αποκαλείς το κενό λάθος.
Μέτρηση και βελτίωση: ποσοστό σφάλματος, χρόνος-to-Fix, παράδοση.