3 έξυπνοι τρόποι εμπλοκής χρηστών με κινούμενα σχέδια
Η κίνηση ήταν κάποτε σκεπτόμενη ως απλή διακόσμηση. Όμως, καθώς οι τεχνολογικές εξελίξεις και οι συνδέσεις στο Διαδίκτυο επιταχύνουν, οι σχεδιαστές αγκαλιάζουν τα πρακτικά οφέλη. Σε αυτό το άρθρο, θα επικεντρωθούμε σε ένα συγκεκριμένο πλεονέκτημα του κινούμενου animation-marketing animations ή animations που πωλούν . Παρά το γεγονός ότι μια τέτοια κίνηση δεν αποσκοπεί στη βελτίωση της χρηστικότητας, μπορεί να εντυπωσιάσει τον χρήστη και να του δώσει κάποιο πλαίσιο για το θέμα.
Οι σχεδιαστές μπορούν να χρησιμοποιήσουν αυτόν τον τύπο κινούμενων σχεδίων με τους ακόλουθους τρόπους:
1. Επίδειξη χειροτεχνίας
Οι άνθρωποι παρατηρούν τις λεπτομέρειες. Η προσοχή στην κίνηση μπορεί να κάνει την εμπειρία να αισθάνεται δημιουργημένη. Όταν οι εφαρμογές / οι ιστότοποι δημιουργούν μια οπτικά διεγερτική εμπειρία, φέρνει στο χρήστη ένα επίπεδο ενθουσιασμού.
Φόρτωση οθόνης κίνησης
Η φόρτωση κινούμενων εικόνων είναι μία από τις παλαιότερες χρήσεις της κινούμενης εικόνας που υποτίθεται ότι αποσπά την προσοχή του χρήστη από τους χρόνους φόρτωσης. Αλλά ακόμα και αυτός ο τύπος κινούμενων σχεδίων μπορεί να αποδείξει ότι το προϊόν σας είναι υπέροχο. Για παράδειγμα, όταν ένας χρήστης εκκινεί την εφαρμογή Uber, παρατηρούν αμέσως μια κινούμενη πτώση που μετατρέπεται στον πείρο σε έναν χάρτη. Αυτή η κινούμενη εικόνα δεν είναι καθαρά ευχάριστη, επηρεάζει επίσης τα μάτια και τον έλεγχο του χρήστη, όπου οι χρήστες θα πρέπει να εστιάσουν. Αυτή η γρήγορη στιγμή ανοίγματος καθιστά μια καθαρή πρώτη εντύπωση και προσελκύει τον χρήστη να αλληλεπιδρά περαιτέρω.
Υπογραφή Animation
Ορισμένες εταιρείες προχωρούν ακόμα περισσότερο και χρησιμοποιούν το κινούμενο σχέδιο ως χαρακτηριστικό γνώρισμα του εμπορικού σήματος. Το MailChimp είναι μία από τις εταιρείες που χρησιμοποιούν κινούμενα σχέδια με τέτοιο τρόπο. Η εταιρεία εκπληρώνει μια αρκετά τεχνική θέση, δημιουργώντας και στέλνοντας καμπάνια ηλεκτρονικού ταχυδρομείου, αλλά με τη χρήση κινούμενων σχεδίων μετατρέπει αυτό το ξηρό έργο σε μια ελκυστική εμπειρία. Η υπηρεσία προσθέτει μικρές και ευχάριστες εκπλήξεις σε όλο το ταξίδι του χρήστη και κάνει την αποστολή ηλεκτρονικών μηνυμάτων πολύ πιο διασκεδαστική.
2. Καλύτερα να παραδώσει ένα βασικό μήνυμα
Τα εφέ κινουμένων σχεδίων βοηθούν το μήνυμα σας να εμφανίζεται πιο καθαρά. Χρησιμοποιώντας κινούμενα σχέδια μπορείτε να πάρετε πολύπλοκες ιδέες ή διαδικασίες και να τις κάνετε εύκολα εύπεπτες με γραφικό και διασκεδαστικό τρόπο.
Διαδραστική κίνηση
Η κίνηση μπορεί να επισημάνει τα πλεονεκτήματα ενός προϊόντος. Η Bellroy είναι μια εταιρεία που πωλεί πορτοφόλια. Λένε ότι προσπαθούν να δημιουργήσουν έναν λεπτό σχεδιασμό για να μειώσουν το χύμα τσέπης. Στο παρακάτω παράδειγμα, μπορείτε να δείτε πώς η κινούμενη εικόνα που χρησιμοποιείται στο Bellroy υποδεικνύει σαφώς τη συμπεριφορά ενός προϊόντος και αποδεικνύει τα οφέλη του.
Μετακινήστε τον εραστήρα
Τα κινούμενα σχέδια Hover είναι πολύ πρακτικά για την παροχή πρόσθετων πληροφοριών σχετικά με τα προϊόντα σας. Αυτός ο τύπος κινούμενης εικόνας καθιστά την αποκάλυψη λιγότερο χαλαρή και παρέχει την ευκαιρία να προσθέσετε κάποιο ευχάριστο χαρακτήρα στον ιστότοπό σας.
Διαδραστική ιστορία
Το δυναμικό αφήγησης των κινούμενων εικόνων μπορεί να προσθέσει μια συναισθηματική σύνδεση σε μια κατά τα άλλα θαμπό διεπαφή. Μερικά συνηθισμένα παραδείγματα περιγραφής ιστοριών είναι σελίδες που θα αναδείξουν ένα νέο προϊόν με "συναρμολόγηση" του μπροστά στα μάτια σας. Για παράδειγμα, η σελίδα αφιερωμένη στον Mac Pro στην ιστοσελίδα της Apple σας δείχνει ακριβώς τι βρίσκεται κάτω από την κουκούλα κατά την κύλιση προς τα κάτω:
Οι κινούμενες εικαστικές ιστορίες μπορούν επίσης να αναπνεύσουν τη ζωή και τη διασκέδαση στο μακρινό κύλιση. Αντί για τα κινούμενα σχέδια parallax που είναι πολύ συνηθισμένα, επιλέξτε κάτι πιο λεπτό. Σκεφτείτε να σπάσετε τον ιστότοπό σας σε κυλιόμενα "κομμάτια". Μέσα σε κάθε κομμάτι μπορείτε να εισαγάγετε το περιεχόμενο μέσω κινούμενων εικόνων. Οι κινούμενες εικόνες στο παρακάτω παράδειγμα από την ιστοσελίδα του Le Mugs καθιστούν το περιεχόμενο "ζωντανεύει" με την απεικόνιση απλών εικόνων τέχνης.
3. Ενεργοποιήστε τους χρήστες για να λάβετε περαιτέρω βήματα
Η χρήση κινούμενων εικόνων θα επηρεάσει τα μάτια των χρηστών σας και μπορεί να ελέγξει πού εστιάζουν την προσοχή τους στη σελίδα σας. Ένα ανθρώπινο μάτι είναι φυσικά προσέλκυσε κίνηση και αυτό κάνει το κινούμενο σχέδιο το τέλειο εργαλείο για τον έλεγχο της οπτικής ιεραρχίας σας.
Άμεση προσοχή χρηστών
Τα κινούμενα στοιχεία είναι ένα ισχυρό εργαλείο για την προσέλκυση της προσοχής των χρηστών. Εάν ο στόχος είναι να τραβήξετε την προσοχή του χρήστη σε ένα μόνο από τα πολλά στοιχεία ή να ειδοποιήσετε τον χρήστη για ενημερωμένες πληροφορίες τότε ένα κινούμενο σχέδιο θα κάνει το τέχνασμα. Εφ 'όσον δεν υπάρχουν πολλά άλλα ανταγωνιστικά στοιχεία στην οθόνη, ακόμη και το παραμικρό κομμάτι της κίνησης θα τραβήξει την προσοχή. Ο ιστότοπος Space Needle του Seattle εκμεταλλεύεται αυτήν την λεπτότητα. Ο ιστότοπος εφιστά την προσοχή στις οδηγίες με ένα μικρό-αλλά αποτελεσματικό κινούμενο σχέδιο στα επάνω βέλη.
Ενθαρρύνετε τη δράση των χρηστών
Λεπτές κινούμενες εικόνες και διαδραστικά εφέ ενθαρρύνουν τους χρήστες να κάνουν κλικ. Κοιτάξτε το σχέδιο που χρησιμοποιείται για την περιοχή "Chekhov is Alive" παρακάτω. Ο σχεδιασμός σας ζητά να κάνετε κλικ για να βρείτε τον χαρακτήρα σας.
Πράγματα που πρέπει να ληφθούν υπόψη
Το Animation είναι ένα δίκοπο σπαθί. Εσφαλμένη χρήση, μπορεί να καταστρέψει την εμπειρία του χρήστη.
Αποφύγετε την κίνηση που αποσπά την προσοχή του χρήστη από την εργασία του. Στον κόσμο των online πωλήσεων και μάρκετινγκ, η διάσπαση της προσοχής μπορεί να είναι θάνατος.
Μια πολύ σημαντική πτυχή που πρέπει να λαμβάνεται υπόψη κατά το σχεδιασμό μιας κινούμενης εικόνας είναι η συχνότητα με την οποία πιθανόν να συμβεί σε μια μόνο συνεδρία χρήστη. Η κινούμενη εικόνα μπορεί να είναι ωραία τη πρώτη φορά που το βλέπει ένας χρήστης, αλλά μετά από 100η απόπειρα, μπορεί να ενοχληθεί, ειδικά όταν δεν έχει κανέναν άλλο σκοπό από το να είναι "διασκεδαστικό".
Υπάρχουν πολλά στοιχεία UI που θα μπορούσατε να ζωντανέψετε τόσο με διασκεδαστικό όσο και με επιχειρηματικό τρόπο. Αλλά θυμηθείτε ένα πράγμα, αν θέλετε να δημιουργήσετε κινούμενα σχέδια μάρκετινγκ θα πρέπει να ορίσετε έναν στόχο για τη δημιουργία μιας κινούμενης εικόνας που έχει τόσο στυλ και σκοπό .