Πώς να χρησιμοποιήσετε την άπειρη κυλιόμενη τάση, τον σωστό τρόπο
Η άπειρη κύλιση έχει γίνει ένα κοινό σχέδιο σχεδιασμού τα τελευταία χρόνια.
Με πολλά κοινωνικά δίκτυα υψηλού προφίλ που υιοθετούν τη λύση, έρχεται να είναι ένα από τα πιο ευρέως υιοθετημένα πρότυπα εκεί έξω. Αν και όμως είναι δημοφιλές, κάθε μοτίβο σχεδίασης έχει πάντα τα δικά του μοναδικά πλεονεκτήματα και αδυναμίες που πρέπει να σχεδιάσουμε.
Γίνεται άσχημα και η άπειρη κύλιση θα καταστρέψει το UX σας και θα σας εγγυηθεί την πλήρη αποτυχία, καθώς οι χρήστες θα σας εφησυχούν. Κάντε το σωστό και θα έχετε έναν διαισθητικό, δημοφιλή και επιτυχημένο ιστότοπο.
Κατανοώντας γιατί η άπειρη κύλιση οδηγεί την εμπλοκή
Όταν εφαρμόζετε ένα μοτίβο σχεδιασμού, είναι πάντα σημαντικό να αξιολογήσετε τα πλεονεκτήματα και τα μειονεκτήματα για κάθε μοναδικό σενάριο. Αυτό που οδήγησε σε περισσότερη εμπλοκή χρήστη για κάποιον άλλο, ενδέχεται να έχει ως αποτέλεσμα λιγότερη εμπλοκή χρήστη από τους δικούς σας χρήστες.
Για την άπειρη κύλιση ειδικότερα, είναι όλα σχετικά με τον τύπο του περιεχομένου που αλληλεπιδρούν με τους χρήστες.
Η ικανότητά σας να καθορίσετε ποιο είδος στόχων περιεχομένου έχετε για τους χρήστες σας, θα σας δώσει τη δυνατότητα να γνωρίσετε ποια σχέδια σχεδίασης θα λειτουργήσουν καλύτερα στην περίπτωσή σας. Αυτό ισχύει για οποιοδήποτε μοτίβο, αλλά ειδικά για άπειρη κύλιση.
Υψηλό περιεχόμενο αφοσίωσης
Το περιεχόμενο που επιδιώκει να αρπάξει και να κρατήσει το ενδιαφέρον του χρήστη για παρατεταμένο χρονικό διάστημα, ή να επιδιώκει να είναι διαδραστικός, δεν είναι απλά ένας ιδανικός υποψήφιος για τυπική άπειρη κύλιση. Εάν ο στόχος σας είναι να έχετε τους χρήστες σας να διαβάσουν, να μοιραστούν και να μοιραστούν κάθε μεμονωμένη ανάρτηση, να τους δώσουν δεκάδες να δουλέψουν μέσα από μια στιγμή μπορεί να φαίνεται συντριπτική.
Τούτου λεχθέντος, Μεσαίο έχει βρει έναν τρόπο να το εφαρμόσει με επιτυχία σε περιεχόμενο που δεν θα επωφεληθεί συνήθως από την άπειρη κύλιση.
Αντί να παρουσιάσει τον χρήστη στις επόμενες δέκα ή είκοσι θέσεις, το Medium παρέχει μια μόνο σύσταση στο τέλος κάθε άρθρου. Αυτό παραμένει πιστό στη λειτουργία υψηλής δέσμευσης, αλλά προσφέρει το πλεονέκτημα ευελιξίας που φέρνει η άπειρη κύλιση. Έτσι, ενώ η υψηλή εμπλοκή μπορεί να είναι ο στόχος σας, μην αφήνετε να σας αποτρέψει να κάνετε μια δημιουργική λύση της δικής σας.
Χαμηλό περιεχόμενο εμπλοκής
Η άπειρη κύλιση είναι στην καλύτερη περίπτωση με περιεχόμενο που απαιτεί χαμηλή δέσμευση. Ιστοσελίδες όπως Κελάδημα και Facebook είναι θεαματικά παραδείγματα αυτού. Ο τυπικός χρήστης αυτών των ιστότοπων απλώς περιστρέφει τη λίστα, καταναλώνει περιεχόμενο, αλλά σπάνια ενεργά αλληλεπιδρά με αυτό. Παρόλο που αυτές οι καταστάσεις δεν αποδίδουν υψηλό βαθμό εμπλοκής με τον χρήστη, καταλήγουν να διατηρούν τους χρήστες ενδιαφέρον για μεγαλύτερα χρονικά διαστήματα.
Μη ελεγχόμενες μεταβλητές σε τύπο περιεχομένου
Ενώ είναι μερικές φορές προφανές ποιος τύπος περιεχομένου μπορεί να έχει ο ιστότοπός σας, τι γίνεται με εκείνους που δεν είναι τόσο ασπρόμαυροι; Tumblr είναι ένα καλό παράδειγμα, με περιεχόμενο που θα μπορούσε να έχει υψηλό ή χαμηλό στόχο εμπλοκής χρήστη ανάλογα με το είδος των blogs που ακολουθεί ο χρήστης. Ενώ αυτές οι καταστάσεις είναι σπάνιες, δημιουργούν πρόβλημα στο ότι η άπειρη κύλιση θα ήταν επωφελής μόνο για τους μισούς χρήστες. Είναι ενδιαφέρον ότι η λύση σε αυτή την περίπτωση είναι να ελαχιστοποιηθούν οι επιλογές αλληλεπίδρασης του χρήστη με κάθε ξεχωριστή θέση. Αυτό επιτρέπει στους χρήστες υψηλής δέσμευσης να επικεντρωθούν στενά σε μεμονωμένες αναρτήσεις, ενώ οι χρήστες χαμηλής αφοσίωσης πρέπει να καταναλώνουν πολύ περισσότερο περιεχόμενο χωρίς να απαιτείται να αλληλεπιδρούν τόσο πολύ.
Αξίζει επίσης να σημειωθεί ότι το Tumblr κάνει μια φανταστική δουλειά που επιτρέπει στους χρήστες να αποφασίζουν για την αξία του περιεχομένου σε ατομική βάση. Η παροχή στους χρήστες της δυνατότητας να ενεργοποιούν ή να απενεργοποιούν την άπειρη κύλιση στις προτιμήσεις τους παρέχει περαιτέρω έλεγχο στον τρόπο με τον οποίο καταναλώνουν το περιεχόμενο.
Υβριδικά διαλύματα κύλισης
Πολλά μέρη επιλέγουν να εφαρμόσουν μια υβριδική προσέγγιση για την άπειρη κύλιση, προτρέποντας τον χρήστη να φορτώσει περισσότερο περιεχόμενο όταν φτάσει στο τέλος μιας σελίδας. Με τον τρόπο αυτό, δίνουν πίσω τον έλεγχο στον χρήστη για να αποφασίσει πόσο περιεχόμενο να φορτώσει - το οποίο είναι κρίσιμο για το κινητό. Αυτή η λύση συμβάλλει επίσης στη διατήρηση ενός συνεπούς φορτίου δεδομένων στο διακομιστή. Μετά την αυτόματη φόρτωση ενός προκαθορισμένου αριθμού σελίδων, θα εμφανιστεί ένα κουμπί που προτρέπει τον χρήστη να φορτώσει περισσότερο χειροκίνητα.
Όταν η άπειρη κύλιση πέφτει άσχημα
Υπάρχουν αμέτρητα παραδείγματα έξω από ιστότοπους που χρησιμοποιούν άπειρη κύλιση, και περισσότεροι από λίγοι το κάνουν στους χρήστες της απομάκρυνσης. Dan Nguyen έγραψε ένα ενδιαφέρον άρθρο όταν η Etsy προσπάθησε να εφαρμόσει το χαρακτηριστικό. Αυτό που συνέβη μέχρι τώρα είναι ότι η Etsy προχώρησε στην εφαρμογή της πριν δοκιμάσει τις υποθέσεις της. Φόρτωση περισσότερων αποτελεσμάτων αναζήτησης, με ταχύτερο ρυθμό φαίνεται να είναι ένα καλό πράγμα στην αρχή ... Αλλά όταν το περιεχόμενο απαιτεί υψηλή εμπλοκή χρήστη - όπως συμβαίνει με τα ψώνια - τα πράγματα μπορούν να γίνουν γρήγορα ξινή.
Στη συγκεκριμένη περίπτωση, οι χρήστες αναζητούν ενεργά κάτι ενδιαφέρον. Προσπάθεια να βρούμε το τέλειο προϊόν από μια θάλασσα επιλογών. Έτσι, όταν ο χρήστης πλημμυρίζεται με ένα φαινομενικά άπειρο ποσό επιλογών, παραιτούνται και αναζητούν άλλες δυνατότητες για να βρουν αυτό που ψάχνουν.
Βέλτιστες πρακτικές για άπειρη κύλιση
Όπως συμβαίνει με κάθε σχέδιο σχεδίασης, υπάρχουν καλές πρακτικές που είναι συνήθως καλές να ακολουθήσουν. Αυτοί δεν είναι οι νόμοι της χρήσης του προτύπου. μάλλον είναι αυτό που κάνει η πλειονότητα των επιτυχημένων εφαρμογών.
- Έχετε μια χαριτωμένη εναλλακτική λύση: Βεβαιωθείτε ότι οι χρήστες χωρίς JavaScript δεν μένουν έξω στο κρύο. Σχεδιάστε πρώτα την παλιομοδίτικη σελίδα και, στη συνέχεια, χρησιμοποιήστε το JavaScript για να την αποκρύψετε και να εφαρμόσετε άπειρη κύλιση.
- Δώστε μια οπτική ένδειξη της φόρτωσης περισσότερου περιεχομένου: Παρέχοντας στους χρήστες μια κινούμενη εικόνα φόρτωσης τους ενημερώνει για το τι συμβαίνει. Χωρίς αυτήν, η σελίδα θα φαίνεται να έχει χτυπήσει ένα αδιέξοδο στις αργές συνδέσεις.
- Διατήρηση της λειτουργίας του κουμπιού: Αν και πολλές εφαρμογές ξεχνούν αυτές τις σημαντικές λεπτομέρειες, βεβαιωθείτε ότι διατηρείτε τη βασική λειτουργικότητα του προγράμματος περιήγησης. Αν κάποιος χρήστης περιηγηθεί μακριά από τον ιστότοπό σας και στη συνέχεια ταξιδέψει πίσω, συνήθως δεν περιμένουν να φορτώσει ξανά το επάνω μέρος της σελίδας.
- Διατηρήστε την πλοήγηση ορατή: Ενώ οι χρήστες θα θέλουν κυρίως να καταναλώνουν το περιεχόμενό σας, θα θέλουν επίσης να περιηγηθούν σε άλλες περιοχές του ιστότοπού σας επίσης. Εάν αναγκάζονται να μετακινηθούν με το χέρι πίσω μέσω εκατοντάδων θέσεων ... Μπορούν να επιλέξουν να φύγουν αντ 'αυτού.
- Lazyload περιεχόμενο μπροστά από τον χρήστη: Το όλο σημείο της εφαρμογής άπειρη κύλιση είναι να έχει να φαίνεται σαν μια ατελείωτη ροή του περιεχομένου. Ενώ είναι σημαντικό να έχουμε κάποια μορφή ένδειξης φόρτωσης, οι χρήστες θα ελπίζουν σπάνια, αν ποτέ, να το δουν.
- Οι σύνδεσμοι πρέπει να ανοίγουν σε νέο παράθυρο: Αυτή είναι μια πολύ συζητημένη πρακτική. επιλέγει δυνατά για τον χρήστη, αλλά με πρόθεση να τους βοηθήσει. Ο εξαναγκασμός των συνδέσμων να ανοίγουν σε ένα νέο παράθυρο ή στην καρτέλα εμποδίζει τους χρήστες από τυχαία πλοήγηση μακρυά από τη λίστα φόρτωσης απείρως και χάνοντας τη θέση τους.
- Τα υποσέλιδα μπορεί να έχουν τον τρόπο: Συχνά οι χρόνοι εφαρμογής μιας άπειρης λύσης κύλισης σημαίνουν να εγκαταλείψουμε την επιλογή για ένα υποσέλιδο ιστότοπου. Ενώ είναι σίγουρα ενοχλητικό να προσπαθήσετε να «πιάσετε» ένα υποσέλιδο όταν φορτώνετε αυτόματα περισσότερες θέσεις, υπάρχουν και άλλες επιλογές. Για παράδειγμα, η χρήση λύσης υβριδικής φόρτωσης θα σας επιτρέψει να διατηρείτε ένα υποσέλιδο πολύ κοντά στους χρήστες.
Συμπερασματικά
Ενώ η άπειρη κύλιση μπορεί να είναι ένα μοντέρνο χαρακτηριστικό που δίνει στον χρήστη ατελείωτες επιλογές περιεχομένου ... Πρέπει να χρησιμοποιηθεί σωστά.
Ενώ θέλουμε να εκθέσουμε τους χρήστες σε περισσότερο περιεχόμενο, δεν θέλουμε να μειώσουμε την αξία κάθε μεμονωμένου κομματιού ή να τους αφήσουμε να νιώσουν συγκλονισμένοι με πληροφορίες. Μετά από όλα, οι χρήστες είναι εκεί για το ίδιο το περιεχόμενο - όχι για τη φανταστική λειτουργία κύλισης.
Όπως μπορείτε να δείτε, η ίδια η κύλιση Άπειρης δεν είναι εγγενώς καλή ή κακή. Αλλά μάλλον, η χρήση του θα μπορούσε να οδηγήσει σε καλύτερη ή χειρότερη εμπλοκή χρήστη ανάλογα με τον τύπο περιεχομένου που παρουσιάζεται. Με αυτό κατά νου, μπορούμε να επιχειρήσουμε να προβλέψουμε πού θα είναι επωφελής η υλοποίησή του.
Προτεινόμενη εικόνα / μικρογραφία, κυλιόμενη εικόνα μέσω Shutterstock.