5 τρόποι με τους οποίους οι χρήστες μπορούν να μετακινηθούν
Οι ημέρες "πάνω από την πτυχή" έχουν τελειώσει. Η μακροχρόνια κύλιση και οι άπειρες σελίδες κύλισης γίνονται όλο και πιο δημοφιλείς τον τελευταίο καιρό και δεν είναι τυχαίο ότι αυτή η τεχνική μεταφράζεται καλά σε κινητές συσκευές. Η αυξημένη χρήση των οθονών κινητής τηλεφωνίας διαδραμάτισε καθοριστικό ρόλο στην ευρεία αποδοχή της τεχνικής μακράς κύλισης: Όσο μικρότερη είναι η οθόνη, τόσο μεγαλύτερη είναι η ρόδα.
Η μεγάλη κύλιση ανοίγει πολλές νέες πόρτες στους σχεδιαστές. Ωστόσο, αυτό το μοτίβο έχει τα δικά του μειονεκτήματα. Απαιτεί από τους σχεδιαστές να δώσουν ιδιαίτερη προσοχή στο περιεχόμενο, την πλοήγηση και το κινούμενο σχέδιο.
Ακολουθούν 5 συμβουλές που θα ακολουθήσετε για να βεβαιωθείτε ότι η μακρά σας κύλιση ανταποκρίνεται στις προσδοκίες των χρηστών.
1. Παρέχετε ενδιαφέρον περιεχόμενο από την αρχή
Παρά το γεγονός ότι οι άνθρωποι συνήθως ξεκινήστε την κύλιση μόλις το φορτίζει η σελίδα τους, περιεχόμενο στην κορυφή, το ορατό μέρος της οθόνης είναι πολύ σημαντικό. Αυτό που εμφανίζεται στο επάνω μέρος της σελίδας δημιουργεί μια αρχική εμφάνιση και ορίζει προσδοκία ποιότητας για τους χρήστες σας. Οι χρήστες κάνουν κύλιση, αλλά μόνο αν αυτό που βλέπουν όταν μπαίνουν στη σελίδα είναι αρκετά ελπιδοφόρο.
Για να βεβαιωθείτε ότι οι χρήστες θα μετακινηθούν, θα πρέπει να παρέχετε περιεχόμενο που κρατά τους επισκέπτες σας ενδιαφέροντα. Έτσι, βάλτε το πιο συναρπαστικό περιεχόμενο σας στην κορυφή της σελίδας:
- Παρέχετε ενδιαφέροντα γεγονότα (γεγονότα που προσελκύουν τους επισκέπτες και κρατούν την προσοχή τους)
- Χρησιμοποιήστε εικόνες εμπλοκής (οι χρήστες δίνουν ιδιαίτερη προσοχή σε εικόνες και εικόνες που περιέχουν σχετικές πληροφορίες)
2. Δώστε στους χρήστες Visual Cue
Μερικές φορές ο καλύτερος τρόπος να κάνετε τους χρήστες να μετακινηθούν είναι να τους ζητήσουν άμεσα να το κάνουν. Απλώς ενημερώστε τους χρήστες ότι το μεγαλύτερο μέρος του περιεχομένου είναι διαθέσιμο κάτω από την πτυχή. Ένα λεπτό οπτικό σύνθημα, όπως ένα βέλος που δείχνει εκτός οθόνης ή ένα κείμενο "κύλιση προς τα κάτω", μπορεί να ενημερώσει τους χρήστες ότι το μεγαλύτερο μέρος του περιεχομένου είναι διαθέσιμο παρακάτω.
Το βέλος που δείχνει εκτός οθόνης ενημερώνει τους χρήστες ότι το μεγαλύτερο μέρος του περιεχομένου θα περιγραφεί παρακάτω.
3. Διατηρήστε συνεχώς ορατές τις επιλογές πλοήγησης
Η πλοήγηση είναι μια πτυχή της δημιουργίας ή της διακοπής της εμπειρίας χρήστη ενός ιστότοπου. Ένας από τους μεγαλύτερους κινδύνους της χρήσης μακροχρόνιας κύλισης στο σχεδιασμό σας είναι η πιθανότητα αποπροσανατολισμού του χρήστη. Εάν η γραμμή πλοήγησης χάσει την ορατότητά της όταν οι χρήστες μετακινηθούν προς τα κάτω, θα πρέπει να πραγματοποιήσουν κύλιση προς τα πίσω όταν βρίσκονται βαθιά μέσα στη σελίδα. Συνήθως, αυτή η συμπεριφορά συγχέει και αποθαρρύνει τους χρήστες.
Η προφανής λύση για αυτό το πρόβλημα είναι να χρησιμοποιήσετε ένα κολλητικό μενού πλοήγησης που δείχνει την τρέχουσα θέση και παραμένει στην οθόνη στην ίδια θέση ανά πάσα στιγμή.
Παράδειγμα συνεχούς ορατής κολλητικής πλοήγησης.
Μόνο για κινητές συσκευές: Επειδή η οθόνη κινητής τηλεφωνίας είναι πολύ μικρότερη από την επιφάνεια εργασίας, μια ορατή γραμμή πλοήγησης μπορεί να πάρει ένα σχετικά σημαντικό τμήμα της οθόνης. Ένας τρόπος για την επίλυση του προβλήματος ενός μικρού κελύφους οθόνης είναι η απόκρυψη μιας γραμμής πλοήγησης όταν οι χρήστες κάνουν κύλιση για νέο περιεχόμενο και το κάνουν ορατό όταν οι χρήστες τραβήξουν προς τα κάτω για να επιστρέψουν στην κορυφή.
4. Χρησιμοποιήστε το λειτουργικό animation για να εμπλέξετε τους επισκέπτες
Τα δημιουργικά εφέ, όπως η κύλιση παράλλαξης και τα κινούμενα σχέδια που ενεργοποιούνται με κύλιση, μπορούν να προσελκύσουν τους χρήστες να μετακινηθούν περισσότερο. Μετατρέπουν την κύλιση σε κάτι πιο διασκεδαστικό και κάνουν το χρήστη να αναρωτιέται "τι θα συμβεί στη συνέχεια;"
Σκεφτείτε να σπάσετε τη σελίδα σας σε κυλιόμενα "κομμάτια". Μέσα σε κάθε κομμάτι, μπορείτε να εισαγάγετε το περιεχόμενο μέσω δημιουργικών κινούμενων σχεδίων. Καθώς οι χρήστες μετακινούνται, οι κινούμενες εικόνες μεταβαίνουν στην επόμενη οθόνη, δημιουργώντας παράλληλα μια διαδρομή περιεχομένου.
Το Parallax είναι ένα άλλο δημοφιλές κινούμενο αποτέλεσμα που μπορεί να βελτιώσει την εμπειρία κύλισης. Το εφέ Parallax δημιουργεί μια ψευδαίσθηση βάθους και εμβάπτισης κάνοντας την εικόνα φόντου να κινείται πιο αργά από το περιεχόμενο στο προσκήνιο. Όταν ο ιστότοπός σας θέλει να πει μια ιστορία με έναν ομαλό, γραμμικό τρόπο, η μακρά κύλιση που συνδυάζεται με το φαινόμενο parallax είναι σε θέση να δημιουργήσει μια εντελώς συναρπαστική εμπειρία περιήγησης.
5. Αποφύγετε τη μετακίνηση κύλισης
Οι ιστότοποι που υλοποιούν την απόπειρα κύλισης παίρνουν τον έλεγχο της κύλισης και παρακάμπτουν μια βασική λειτουργία του προγράμματος περιήγησης ιστού. Η μετακίνηση κύλισης είναι κακή επειδή ο χρήστης δεν έχει πλέον πλήρη έλεγχο της σελίδας κύλισης και δεν μπορεί να προβλέψει τη συμπεριφορά του. Η προσδοκία των χρηστών για αλληλεπίδραση κύλισης ενός ιστότοπου δεν πρέπει να καταστραφεί για χάρη της αφηγηματικής εμπειρίας.
Η Apple χρησιμοποιεί τη μετακίνηση κύλισης στη σελίδα Mac Pro.
συμπέρασμα
Η μεγάλη κύλιση είναι σε θέση να δημιουργήσει μια εντελώς συναρπαστική εμπειρία περιήγησης. Είναι απολύτως εφικτό να κάνετε ένα ταξίδι τόσο ευχάριστο όσο ο προορισμός. Όταν οι χρήστες προτιμούν το περιεχόμενο στον ιστότοπό σας και βρίσκουν το περιβάλλον χρήστη διαισθητικό, τότε δεν θα απασχολούν το μήκος του κύλιση.