4 έξυπνοι τρόποι χρήσης απεικόνισης στο σχεδιασμό UI
Όπως λέει η παροιμία, μια εικόνα αξίζει χίλιες λέξεις. Τα ανθρώπινα όντα είναι εξαιρετικά οπτικά πλάσματα ικανά να επεξεργάζονται οπτικές πληροφορίες σχεδόν άμεσα - 90 τοις εκατό από όλες τις πληροφορίες που αντιλαμβανόμαστε και που μεταδίδονται στο μυαλό μας είναι οπτική. Μια ενιαία εικόνα μπορεί να μεταφέρει περισσότερο στον παρατηρητή παρά ένα περίπλοκο μπλοκ κειμένου. Επιπλέον, σε πολλές περιπτώσεις μια αρκετά περίπλοκη ιδέα μπορεί εύκολα να μεταφερθεί με μια μόνο εικόνα. Αυτό συμβαίνει επειδή ο ανθρώπινος εγκέφαλος είναι σε θέση να αναγνωρίσει και να καταλάβει μια εικόνα γρηγορότερα από το αντίγραφο κειμένου.
Οι φωτογραφίες παρέμειναν πολύ σύντροφοι με καλές διεπαφές, αλλά πιο πρόσφατα είναι δυνατό να παρατηρήσουμε ένα αυξημένο ενδιαφέρον για τη χρήση εικόνων. Αυτό συμβαίνει για το λόγο: Οι εικονογραφήσεις δίνουν στους σχεδιαστές περισσότερη ελευθερία για δημιουργικά εφέ και περισσότερο έλεγχο των επιλογών εικόνας, τόσο με περιεχόμενο όσο και με τεχνικές λεπτομέρειες.
Σε αυτό το άρθρο θα ορίσουμε τι σημαίνει «εικονογράφηση» σε ό, τι αφορά τον σχεδιασμό διεπαφής χρήστη και πώς μπορεί να χρησιμοποιηθεί για τη βελτίωση της εμπειρίας των χρηστών.
Η ουσία της ψηφιακής απεικόνισης
Ιστορικά, το ρήμα "απεικόνιση" χρησιμοποιείται για να σημαίνει "να διευκρινιστεί." Στο σύγχρονο γραφικό σχεδιασμό, η απεικόνιση γίνεται λειτουργικό λειτουργικό στοιχείο. Οι εικονογραφήσεις έγιναν εργαλείο επικοινωνίας. Ο σκοπός της απεικόνισης είναι να διαφωτίσει, να διευκρινίσει, να παραδώσει το μήνυμα μέσω οπτικών στοιχείων. Όπου οι λέξεις μπορούν να σας πουν κάτι. εικονογράφηση μπορεί να σας δείξει κάτι. Για να γίνει η απεικόνιση λειτουργική, η εικόνα θα πρέπει να είναι εύκολα αναγνωρίσιμη και οι πληροφορίες που μεταφέρει θα πρέπει να αποκωδικοποιούνται παρομοίως από διαφορετικούς θεατές.
Ακολουθούν μερικές περιπτώσεις όπου οι εικόνες είναι σε θέση να φέρουν αξία στο σχεδιασμό και στους χρήστες ...
1. Αρχική σελίδα Εικονογραφήσεις
Ο καλός σχεδιασμός ιστοσελίδων έχει σημαντικό αντίκτυπο στους πιθανούς πελάτες. Οι άνθρωποι κρίνουν μια εταιρεία με βάση την ποιότητα μιας ιστοσελίδας, είτε αυτή είναι δίκαιη είτε όχι. Η αντίληψη του χρήστη είναι αυτό που πραγματικά έχει σημασία. Ως αποτέλεσμα, οι σχεδιαστές συνεχώς προσπαθούν να βρουν νέους τρόπους με τους οποίους μπορούμε να βελτιώσουμε την εμπειρία των επισκεπτών. Και ακριβώς όπως στον πραγματικό κόσμο, οι πρώτες εντυπώσεις βασίζονται σε μεγάλο βαθμό στα γραφικά. Αυτό είναι όπου οι εικονογραφήσεις εισέρχονται στη σκηνή.
Οι εικόνες της αρχικής σελίδας είναι σε θέση να δημιουργήσουν περισσότερη καλλιτεχνική αίσθηση σε ολόκληρη την ιστοσελίδα. Απευθύνονται στη φαντασία των χρηστών για να δημιουργήσουν μια ισχυρότερη προσωπική σύνδεση με τον χρήστη. Χρησιμοποιώντας μοναδικές προσαρμοσμένες εικονογραφήσεις, μπορείτε να διακρίνετε από το πλήθος και να δημιουργήσετε μια καλύτερη ανάκληση μάρκας.
Τα εικονογραφήματα βοηθούν το Intercom να δημιουργήσει μια πολύ προσωπική σύνδεση με τους χρήστες.
2. Μασκότ
Οι μασκότ είναι εκείνοι οι μικροί χαρακτήρες που είναι σε θέση να κάνουν το προϊόν πιο αυθεντικό, αξιόπιστο και ελκυστικό. Οι μασκότ δημιουργούν μια σύνδεση μεταξύ του χρήστη και της εφαρμογής / ιστοτόπου: φέρνουν τη ζωή στη διαδικασία αλληλεπίδρασης, διατηρούν την προσοχή των χρηστών και γίνονται το αξιοσημείωτο στοιχείο της εμπειρίας των χρηστών. Αυτός είναι ένας πολύ καλός τρόπος για να εμπλακούν οι άνθρωποι.
Πιθανώς το πιο δημοφιλές παράδειγμα για το πώς μια μασκότ μπορεί να συμβάλει στη βελτίωση της εμπειρίας των χρηστών είναι η υπηρεσία ηλεκτρονικού ταχυδρομείου ηλεκτρονικού ταχυδρομείου Mailchimp. Ο Φρέντι, ο φιλικός χιμπατζής του Mailchimp, εμφανίζεται σε κάθε σελίδα, παίρνοντας έναν διαφορετικό ρόλο, είτε να επιστήσει την προσοχή σε ένα συγκεκριμένο στοιχείο είτε να σπάσει ένα αστείο για να κάνει τον χρήστη να αισθάνεται καλύτερα.
Οι καλές μασκότ παρέχουν τη σταθερή βάση για τη θετική εμπειρία του χρήστη.
3. Εικονογραφήσεις για Onboarding και Tutorials
Τα εικονογραφήματα παρέχουν οπτική βοήθεια. Είναι σε θέση να διευκρινίσουν τα μηνύματα, βράζοντας τις έννοιες σε εύκολα κατανοητά γραφικά. Οι εικόνες μιλούν πιο δυνατά από τα λόγια - και κάνουν την εμπειρία να φτάνει πιο γρήγορα. Αυτός είναι ο λόγος για τον οποίο οι εικόνες είναι τόσο δημοφιλείς για την επιβίβαση και τα σεμινάρια.
Οι οθόνες επί της οθόνης παρουσιάζουν τα βασικά χαρακτηριστικά ή τα πλεονεκτήματα της εφαρμογής στον χρήστη. Η απεικόνιση που χρησιμοποιείται κατά την επιβίβαση παρέχει το περιβάλλον, προσθέτει σαφήνεια ή οδηγεί το χρήστη στο επόμενο βήμα. Όταν συνδυάζονται με μια ελάχιστη διεπαφή, οι εικόνες μπορούν πραγματικά να βοηθήσουν στην αποστολή του μηνύματος κλειδιού χωρίς υπερβολικό αντίγραφο.
Image Credit: Ramotion
Μια συναρπαστική και διαδραστική onboarding επικαλείται αυτόματα το ενδιαφέρον των χρηστών στην εφαρμογή στο αρχικό βήμα. Κάνει το χρήστη ευχαριστημένο και αισθάνεται πρόθυμο να αρχίσει να χρησιμοποιεί την εφαρμογή. Οι κινήσεις και οι εικονογραφήσεις πάντοτε πήγαν με το χέρι.
Χρησιμοποιώντας εικόνες μπορείτε να μετατρέψετε ένα μακρύ και βαρετό σεμινάριο σε μια ενδιαφέρουσα και χαρούμενη εμπειρία. Ένα εγχειρίδιο οδηγιών με εικόνες είναι ευκολότερο και πιο γρήγορα κατανοητό από μια μακρά εξήγηση. Ακόμη και οι εφαρμογές / ιστότοποι που δεν ενσωματώνουν το στυλ που έχει σχεδιαστεί καθ 'όλη τη διάρκεια του παιχνιδιού, μπορούν να χρησιμοποιήσουν κινούμενα σχέδια για οδηγίες και σεμινάρια.
4. Εικονογραφήσεις για οθόνες ανταμοιβής
Όλοι γνωρίζουμε την ανταμείβοντας εμπειρία από τα βιντεοπαιχνίδια: σχεδόν κάθε βίντεο-παιχνίδι έχει μια σειρά από επιτεύγματα ή τρόπαια που κερδίζονται συμπληρώνοντας ένα σύνολο κριτηρίων. Η φράση "Achievement Unlocked" έχει σχεδόν γίνει συνώνυμη με την εξέλιξη ή την επιτυχή ολοκλήρωση. Αλλά γιατί ανταμείβει τόσο πολύτιμη για μας; Η απάντηση είναι απλή: κάνει την εμπειρία της διασύνδεσης να αισθάνεται σαν να υπάρχει ένας άνθρωπος στο άλλο άκρο, όχι ένας υπολογιστής.
Η ανταμοιβή είναι μια πραγματικά συναισθηματική αλληλεπίδραση: το θετικό συναισθηματικό ερέθισμα δημιουργεί μια αίσθηση δέσμευσης με τον χρήστη. Οι άνθρωποι συγχωρούν τις αδυναμίες της εφαρμογής όταν τους ανταμείβετε με θετικό συναίσθημα.
Έντυπο δήμαρχος στο Foursquare. Αυτός ο τύπος απεικονίσεων δημιουργεί απόλαυση και χαρούμενη εμπειρία.
Η κατάσταση επιτυχίας είναι ένα εξαιρετικό μέρος για να δείξετε ότι ενδιαφέρεστε για τους χρήστες σας. Ανταμείψτε τον χρήστη με μια κινούμενη εικόνα όταν επιτελούν προσωπικούς στόχους. Για παράδειγμα, όταν ένας χρήστης φτάσει στο φάκελο εισερχομένων μηδέν, δημιουργήστε βαθύτερη δέσμευση με τις λειτουργίες εφαρμογής χρησιμοποιώντας κινούμενα σχέδια.
συμπέρασμα
Η απεικόνιση είναι ένα ισχυρό και σημαντικό εργαλείο για την ενίσχυση της εμπειρίας των χρηστών και τη διασύνδεση τόσο ελκυστική όσο και αποτελεσματική. Παρόλο που δεν υπάρχει κανένας σκληρός ή γρήγορος κανόνας για τη χρήση απεικονίσεων στο σχέδιό σας, είναι σημαντικό να έχετε κατά νου ένα πράγμα: κρατήστε τις εικόνες χρήσιμες . Τελικά, οποιαδήποτε εικόνα θα πρέπει να παρέχει μια βαθύτερη κατανόηση του προϊόντος ή της μάρκας σας.