Υπάρχουν καταστάσεις φόρτωσης για να απαντήσουν σε μια ερώτηση για τον χρήστη: συμβαίνει κάτι; Χωρίς απάντηση, οι άνθρωποι αγγίζουν ξανά, φορτώνουν ξανά τη σελίδα ή φεύγουν. Η σωστή απάντηση εξαρτάται από το πόσο καιρό περιμένουν.
Για πολύ σύντομες αναμονές, κάτω από περίπου το ένα δέκατο του δευτερολέπτου, οι περισσότεροι άνθρωποι δεν παρατηρούν καθυστέρηση, επομένως μια ένδειξη προσθέτει μόνο τρεμόπαιγμα. Μια κοινή τεχνική είναι να περιμένετε για λίγο πριν δείξετε ένα spinner, οπότε οι γρήγορες απαντήσεις δεν δείχνουν ποτέ καθόλου.
Για αναμονή ενός δευτερολέπτου ή μερικών δευτερολέπτων, εμφανίστε σχόλια όπου θα εμφανιστεί το αποτέλεσμα. Μια οθόνη σκελετού, ένα γκρι περίγραμμα της επερχόμενης διάταξης, λειτουργεί καλά για λίστες, κάρτες και προφίλ επειδή δείχνει τι έρχεται και μειώνει τη μετατόπιση της διάταξης. Ένα spinner λειτουργεί για μικρές περιοχές ή όταν το αποτέλεσμα δεν έχει προβλέψιμο σχήμα.
Για μεγάλες εργασίες, όπως μεταφορτώσεις, εξαγωγές ή δημιουργία τεχνητής νοημοσύνης, δείξτε πραγματική πρόοδο, εάν μπορείτε να τη μετρήσετε, εξηγήστε τι συμβαίνει και αφήστε τους ανθρώπους να ακυρώσουν ή να συνεχίσουν με άλλες εργασίες. Ένα spinner που γυρίζει για ένα λεπτό χωρίς άλλες πληροφορίες, μοιάζει με αποτυχία.
Ο έλεγχος που ξεκίνησε τη δράση χρειάζεται και κράτος. Ένα κουμπί υποβολής που μεταβαίνει σε κατάσταση φόρτωσης και δεν μπορεί να πατηθεί δύο φορές, αποτρέπει τις διπλές παραγγελίες και μηνύματα. Όταν τελειώσει η φόρτωση, προχωρήστε καθαρά στην επιτυχία ή στο σφάλμα αντί να επιστρέψετε σιωπηλά στην προεπιλογή.
Το κινούμενο σχέδιο βοηθά εδώ, αλλά διατηρήστε το ήρεμο και σύντομο σε βρόχο και σεβαστείτε τη ρύθμιση μειωμένης κίνησης. Το ExodeUI, το οποίο κατασκευάζουμε, σας επιτρέπει να σχεδιάσετε ένα πρόγραμμα φόρτωσης ή ένα κουμπί με καταστάσεις φόρτωσης, επιτυχίας και σφάλματος σε ένα αρχείο στο οποίο εναλλάσσεται ο κώδικάς σας.