Τα βασικά συστατικά για τέλεια παράλλαξη UX

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

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

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

Το βάρος των θέσεων παράλλαξης

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

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

Parallax και SEO

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

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

Κινητή παράλλαξη

Δεν μπορείτε πλέον να ξεφύγετε από τον ιστό για κινητά, και αυτό ισχύει και για τους ιστότοπους parallax όπως οποιοσδήποτε άλλος. Εάν επιλέξετε να χρησιμοποιήσετε ένα φαινόμενο παράλλαξης, θα πρέπει να διασφαλίσετε ότι μεταφράζετε σωστά το εφέ στα κινητά.

Ευτυχώς υπάρχουν πολλές διαφορετικές βιβλιοθήκες και σενάρια που βοηθούν στην εμφάνιση σελίδων με κύλιση Parallax σε κινητές συσκευές με αυτόχθονα τρόπο, μερικά από τα αγαπημένα μου iScroll 4,Zynga Scroller,Stellar.js, και Βελτιωσιμότητα .

Parallax κύλιση και UX

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

Οι τοποθεσίες Parallax μας επιτρέπουν να πούμε ιστορίες και αυτές οι ιστορίες είναι ένας πολύ καλός τρόπος για να προσελκύσετε επισκέπτες. Παρακάτω έχουμε συγκεντρώσει μερικά από τα καλύτερα παραδείγματα ιστότοπων parallax, τα οποία έχουν αποφύγει τις παγίδες πιο πάνω για να αναπτύξουν με επιτυχία τα έργα τους.