Προσθέστε βήματα προόδου σε φόρμες με αυτό το πρόσθετο jQuery

Οι περισσότεροι από εμάς γνωρίζουμε σχετικά με τα bar προόδου και πώς αυτά λειτουργούν στο σχεδιασμό UI. Βοηθούν ορίστε χρόνους απομνημόνευσης, φόρτωση φορμών και παρόμοιες περιόδους καθυστέρησης μεταξύ των σελίδων.

Αλλά βήματα προόδου είναι λίγο διαφορετικά. Αυτές λειτουργούν σαν τα ψιλοκομμένα στο επάνω μέρος της σελίδας για να καθοδηγήσουν τους χρήστες μέσω μιας βήμα-προς-βήμα διαδικασίας (συνήθως φόρμες εγγραφής και checkout).

Με τα βήματα jQuery μπορείτε να προσθέσετε γρήγορα προσαρμοσμένα βήματα προόδου σε οποιαδήποτε σελίδα του ιστοτόπου σας.

Το πλήρες plugin λειτουργεί με jQuery και απελευθερώνεται δωρεάν στο GitHub.

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

Στις επιλογές plugin, θα βρείτε ρυθμίσεις για την αλλαγή του “αρχή” θέση, κουμπιά υποσέλιδου, κουμπιά εμπρός / πίσω και πολλά άλλα.

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

Όλα τα πράγματα θεωρούνται, αυτό είναι ένα αρκετά νέο plugin έτσι δεν έχει τόνο επιλογών από τις οποίες μπορείτε να επιλέξετε. Αλλά είναι σίγουρα ένα από τα καλύτερα plugins που θα βρείτε για τη δημιουργία αυτών των χαρακτηριστικών βημάτων προόδου.

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

Σίγουρα ένα από τα πιο εύκολο βήμα προόδου βήμα προόδου που έχω δει ποτέ και θα έπρεπε να παίζει ωραία και με άλλα πρόσθετα jQuery.

Ρίξτε μια γρήγορη ματιά στην αρχική σελίδα για μια ζωντανή επίδειξη μαζί με τις προσαρμοσμένες επιλογές JS και ένα κουμπί λήψης για να τραβήξετε ένα αντίγραφο του κώδικα για τον εαυτό σας.