Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
Μοτίβα UX7 λεπτά ανάγνωση·Updated Οκτώβριος 2026·Από την ομάδα του ExodeUI

Πώς να σχεδιάσετε μηνύματα λάθους που μειώνουν την απογοήτευση

Πώς να σχεδιάσετε καταστάσεις σφάλματος που οι άνθρωποι μπορούν να ανακτήσουν από: τοποθέτηση, χρονισμό, διατύπωση, διατήρηση εισόδου, προσβασιμότητα και κίνηση, με βάση την έρευνα χρηστικότητας.

Άμεση Περίληψη & Ορισμός

Core Takeaway

Ένα καλό μήνυμα σφάλματος είναι ορατό και τοποθετείται δίπλα στο πρόβλημα, γραμμένο σε απλή γλώσσα, λέει πώς να το διορθώσετε, διατηρεί αυτό που έχει ήδη πληκτρολογήσει το άτομο και δεν το κατηγορεί ποτέ. Δείξτε το όταν το άτομο έχει τελειώσει με ένα πεδίο ή έχει υποβάλει, όχι ενώ εξακολουθεί να πληκτρολογεί και φροντίστε να το ανακοινώνουν οι αναγνώστες οθόνης.

Οι κατευθυντήριες γραμμές

Το Nielsen Norman Group συνοψίζει τα αποτελεσματικά μηνύματα σφάλματος ως εξαιρετικά ορατά, εποικοδομητικά και με σεβασμό στην προσπάθεια των χρηστών. Στην πράξη αυτό σημαίνει:

  • Τοποθετήστε το μήνυμα δίπλα στο πεδίο ή στο στοιχείο με το πρόβλημα.
  • Χρησιμοποιήστε απλή, συγκεκριμένη γλώσσα: "Αυτός ο αριθμός είναι ένα ψηφίο μικρός", όχι "Μη έγκυρη εισαγωγή".
  • Προσφέρετε μια διόρθωση: ποια μορφή αναμένεται, τι να δοκιμάσετε στη συνέχεια.
  • Διατηρήστε αυτό που πληκτρολόγησαν οι χρήστες, ώστε να μπορούν να το επεξεργαστούν αντί να ξεκινήσουν ξανά.
  • Μην κατηγορείτε: αποφύγετε λέξεις όπως άκυρες, παράνομες ή λάθος.
Ένα πεδίο αριθμού κάρτας με ένα ενσωματωμένο σφάλμα που λέει ότι ο αριθμός είναι ένα ψηφίο μικρός και διατηρεί τα πληκτρολογημένα ψηφία, δίπλα σε μια λίστα ελέγχου οδηγιών μηνυμάτων σφάλματος
Ένα ενσωματωμένο σφάλμα που είναι συγκεκριμένο, διατηρεί την είσοδο και λέει πώς να το διορθώσετε.

Συγχρονισμός

Η εμφάνιση ενός σφάλματος πριν κάποιος τελειώσει είναι ένα από τα πιο συνηθισμένα λάθη. Το NN/g αποκαλεί τα πρόωρα σφάλματα εχθρικό μοτίβο, όπως η βαθμολόγηση ενός τεστ πριν τελειώσει ο μαθητής. Επικυρώστε ένα πεδίο όταν το άτομο αποχωρήσει από αυτό ή υποβάλει τη φόρμα και, στη συνέχεια, ενημερώστε το μήνυμα ζωντανά ενώ το διορθώνει.

Λάθη που δεν αφορούν φόρμες

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

Προσιτότητα

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

Κίνηση σε καταστάσεις σφάλματος

Ένα σύντομο κούνημα ή αλλαγή χρώματος μπορεί να τραβήξει την προσοχή στο πεδίο με το πρόβλημα, αλλά κρατήστε το σύντομο, μην το επαναλαμβάνετε σε κάθε πάτημα πλήκτρων και αντικαταστήστε την κίνηση με αλλαγή χρώματος ή εικονιδίου όταν είναι ενεργοποιημένη η μειωμένη κίνηση. Το ίδιο το μήνυμα έχει μεγαλύτερη σημασία από το animation.

Κλειδί Principles για να θυμάστε

  • Τοποθετήστε τα σφάλματα δίπλα στο πρόβλημα, με απλά λόγια, με μια διόρθωση
  • Κρατήστε αυτό που πληκτρολόγησαν οι άνθρωποι
  • Επικύρωση μετά την ολοκλήρωση ενός πεδίου, όχι κατά την πληκτρολόγηση
  • Ποτέ μην βασίζεστε μόνο στο χρώμα. συνδέστε μηνύματα για προγράμματα ανάγνωσης οθόνης
  • Κρατήστε την κίνηση σφάλματος σύντομη και σεβαστείτε τη μειωμένη κίνηση

Συχνές Ερωτήσεις

Πηγές

  1. Error-Message Guidelines — Nielsen Norman Group
  2. Indicators, Validations, and Notifications — Nielsen Norman Group

Σχετικοί Οδηγοί & Παραδείγματα

Σχεδιάστε την κατάσταση σφάλματος, όχι μόνο την ευτυχισμένη διαδρομή

Ανοίξτε παραδείγματα ExodeUI με σφάλματα και δηλώνει επιτυχώς τους διακόπτες κώδικα και προσαρμόστε τους.

Ανοίξτε τα παραδείγματα
Δοκιμάστε δωρεάν