6 τρόποι απεικόνισης βελτιώνει το UX
Το παλιό ρητό "μια εικόνα αξίζει χίλιες λέξεις" εξακολουθεί να είναι σχετική με τις εμπειρίες του σήμερα. Οι άνθρωποι ελκύονται από τα γραφικά ταχύτερα από το κείμενο, και αυτή η φυσική ιδιότητα των φωτογραφιών και των εικόνων τους καθιστά πολύ χρήσιμη για τον οπτικό σχεδιασμό.
Στις σύγχρονες διεπαφές χρήστη, τόσο οι φωτογραφίες όσο και οι εικονογραφήσεις έγιναν λειτουργικά στοιχεία μαζί με κείμενο και διαδραστικά στοιχεία. Τα εικονογραφήματα είναι ένας ευέλικτος τρόπος για να δημιουργήσετε ένα μοναδικό σχέδιο. Από χειροκίνητα εικονογραφημένα σε εικονογράφηση στυλ, σε μικρά εικονίδια, τα πάντα για μια σκιασμένη εικόνα αισθάνεται σαν τέχνη. Σε αυτό το άρθρο, θα ήθελα να αναθεωρήσω κάποιες από τις λειτουργίες της απεικόνισης από την οπτική γωνία του σύγχρονου σχεδιασμού UI.
Πώς οι εικονογραφήσεις συμβάλλουν στη βελτίωση της εμπειρίας των χρηστών
Παρόμοια με άλλα οπτικά στοιχεία, η απεικόνιση μπορεί να είναι ένα ισχυρό εργαλείο επικοινωνίας. Οι καλοφτιαγμένες εικονογραφήσεις έχουν τα παρακάτω οφέλη:
- Μπορεί να προσελκύσει την προσοχή του χρήστη και να παραδώσει τις πιο κρίσιμες πληροφορίες σε εύχρηστη οπτική μορφή.
- Μπορεί να προσθέσει σαφήνεια σε μια περίπλοκη ιδέα. Δεν χρειάζεται να χρησιμοποιείτε λέξεις εάν μπορείτε να δώσετε αυτές τις πληροφορίες χρησιμοποιώντας γραφικά.
- Μπορεί να εμπλέξει τους χρήστες. Η όμορφη απεικόνιση όχι μόνο προσελκύει την προσοχή των χρηστών, αλλά και κάνει τους χρήστες να ενδιαφέρονται για ένα ίδιο το προϊόν.
- Μπορεί να παίξει με τη φαντασία των χρηστών. Είναι δυνατή η συγχώνευση της πραγματικότητας και της φαντασίας με τη χρήση εικονογράφησης.
6 τρόποι απεικόνισης βελτιώνει το UX
Υπάρχουν πολλές περιπτώσεις όπου οι εικόνες μπορούν να βελτιώσουν την εμπειρία χρήστη ενός προϊόντος. Εδώ είναι 6 από αυτούς:
1. Παραδώστε το βασικό σημείο πιο γρήγορα
Όπως προαναφέρθηκε, οι εικονογραφήσεις έχουν εξαιρετικές δυνατότητες για επεξήγηση και διευκρίνιση. Στο πλαίσιο των ιστότοπων και των εφαρμογών για κινητά, υπάρχουν δέκα τρόποι χρήσης των εικόνων για τη βελτίωση του UX από τις πρώτες οθόνες. Για παράδειγμα, είναι δυνατό να καταστεί η διαδικασία επιβίβασης πιο ελκυστική, χρησιμοποιώντας εικόνες σε οθόνες οδηγών. Αυτή η προσέγγιση έχει το πρόσθετο πλεονέκτημα για εφαρμογές για κινητά που βοηθούν στην αποφυγή υπερβολικού κειμένου στην οθόνη.
Πιστωτικές κάρτες: Divan Raj
Χρησιμοποιώντας εικονογραφήσεις, είναι δυνατό να δείξετε τη διαφορά μεταξύ των σχεδίων προϊόντων.
Οι απεικονίσεις καταδεικνύουν τη διαφορά μεταξύ των σχεδίων εξυπηρέτησης. Πιστωτικές κάρτες: Αποσπάστε
Τελευταίο αλλά όχι λιγότερο σημαντικό, όταν ο χρήστης αντιμετωπίζει κάποιο πρόβλημα, οι εικόνες μπορούν να χρησιμοποιηθούν για να προσθέσουν μια μικρή αίσθηση του χιούμορ για να εξανθρωπιστεί το πρόβλημα.
Σελίδα σφάλματος στις Πτήσεις από την Google. Πιστωτικές κάρτες: Αποσπάστε
2. Δημιουργήστε μια πιο αξέχαστη εμπειρία
Ως χρήστες, χρησιμοποιούμε πολλά προϊόντα σε τακτική βάση, αλλά μόνο μερικά από αυτά δημιουργούν μια πραγματικά αξέχαστη εμπειρία.
Ως σχεδιαστές, αν θέλουμε να δημιουργήσουμε μια αξέχαστη εμπειρία, πρέπει να μάθουμε πώς λειτουργεί ο ανθρώπινος εγκέφαλος. Η Barbara Fredrickson και ο Daniel Kahneman πρότειναν ένα ψυχολογικό ευρετικό λεγόμενο κανόνα αιχμής που υπαγορεύει τον τρόπο με τον οποίο λειτουργεί ο εγκέφαλός μας με πληροφορίες. Ο κανόνας αιχμής κράτη μέλη ότι οι άνθρωποι κρίνουν μια εμπειρία βασισμένη σε μεγάλο βαθμό στο πώς αισθάνονταν στην αιχμή της (δηλαδή στο πιο έντονο σημείο της) και στο τέλος της, αντί να βασίζεται στο συνολικό άθροισμα ή τον μέσο όρο κάθε στιγμής της εμπειρίας. Το αποτέλεσμα συμβαίνει ανεξάρτητα από το αν η εμπειρία είναι ευχάριστη ή δυσάρεστη.
Με άλλα λόγια, όταν θυμόμαστε τις εμπειρίες, έχουμε την τάση να μην θυμηθούμε ολόκληρη την εμπειρία αλλά μόνο τα βασικά γεγονότα που συνέβησαν. Μια ευχάριστη εικονογράφηση είναι μια ευκαιρία να γίνει ένα τέτοιο βασικό γεγονός και να αυξηθεί η αναγνωρισιμότητα της μάρκας.
Η χρήση μασκότ σε μια διεπαφή χρήστη είναι ένας δημοφιλής τρόπος να εφαρμοστούν τεχνικές απεικόνισης στο σχεδιασμό για να δημιουργηθεί μια πιο αξέχαστη εμπειρία. Τα στοιχεία επωνυμίας, όπως οι μασκότ, γίνονται τα στοιχεία ταυτότητας και διασυνδέσεων μεταξύ του χρήστη και του προϊόντος.
Silverback , μια εφαρμογή για Mac που κάνει εύκολη τη δοκιμή ευχρηστίας του Guerrilla, χρησιμοποιεί έναν εικονογραφημένο γορίλα ως μασκότ.
3. Δημιουργήστε μια ψευδαίσθηση της άμεσης επικοινωνίας με τον χρήστη
Κάθε αλληλεπίδραση χρήστη με ένα προϊόν είναι ένα ταξίδι. Πίσω από κάθε ταξίδι είναι ένας στόχος που ο χρήστης θέλει να επιτύχει χρησιμοποιώντας το προϊόν. Για κάποιες εμπειρίες, είναι δυνατό να μετατρέψουμε ένα ταξίδι σε μια ιστορία στην οποία ο χρήστης θα είναι ένας χαρακτήρας και ο στόχος θα είναι ένας τελικός προορισμός. Οι εικονογραφήσεις μπορούν να λειτουργήσουν ως διακομιστές μεσολάβησης μεταξύ του χρήστη και της εφαρμογής, εμπλέκοντας τους χρήστες στην εμπειρία.
Ένα καλό παράδειγμα είναι Ομόνο . Η εφαρμογή χρησιμοποιεί μια κουκουβάγια για να καθοδηγήσει τους χρήστες μέσω της διεπαφής και να ενισχύσει τη φιλική προς το χρήστη φύση της εφαρμογής.
Οι εικονογραφήσεις μπορούν να κάνουν τον χρήστη να αισθάνεται σίγουρος για τα καθήκοντά του και να εμπνέεται να συνεχίσει το ταξίδι.
4. Ενίσχυση της υπάρχουσας στυλιστικής αντίληψης
Τα εικονογραφήματα μπορούν να εφαρμοστούν σε μια διεπαφή χρήστη για να παρέχουν οπτική υποστήριξη της γενικής στυλιστικής αντίληψης της εφαρμογής ή του ιστότοπου. Μαζί με άλλα στοιχεία επωνυμίας, όπως τα λογότυπα, οι γραμματοσειρές, τα σχέδια χρωμάτων, οι εικονογραφήσεις έχουν σημαντικό αντίκτυπο στο στυλ του προϊόντος. Όταν η απεικόνιση δημιουργείται σύμφωνα με το στυλ, παρέχει πιο φυσική και αρμονική αίσθηση του προϊόντος (και μάρκας γενικά). Αλλά για να συμβεί αυτό, οι εικονογραφήσεις πρέπει να αισθάνονται συνεπείς, όπως και αν προέρχονται από την ίδια πηγή, ακόμα και αν δημιουργήθηκαν από διαφορετικούς ανθρώπους.
Πιστωτικές κάρτες: Ίδρυμα Zurb
5. Ζήστε τη διαδικασία αλληλεπίδρασης
Όταν σκεφτόμαστε τις εφαρμογές και τους ιστότοπούς μας, σπάνια τις θεωρούμε ως στατικές σελίδες που συνδέονται μεταξύ τους. Η ιδέα των αλληλεπιδράσεων απαιτεί να προσθέτουμε κινούμενα εφέ και μεταβάσεις για να κάνουμε την εμπειρία να μοιάζει πιο φυσική. Όπως και τα άλλα μέρη ενός σχεδίου, η εικόνα μπορεί να εμπλουτιστεί με κινούμενα γραφικά. Οι εικονογραφήσεις που συνδυάζονται με κινούμενα σχέδια μπορούν να αποδώσουν όχι μόνο μια πραγματικά αξέχαστη εμπειρία, αλλά και να κάνουν την εμπειρία πιο δυναμική.
Για παράδειγμα, Readme.io , μια υπηρεσία που παρέχει όμορφη τεκμηρίωση στον κόσμο, κάνει τους χρήστες να χαμογελούν κάθε φορά που εισάγουν τον κωδικό πρόσβασης. Οι άνθρωποι αγαπούν τέτοιες μικρές πινελιές επειδή κάνουν την εμπειρία πιο ανθρώπινη.
6. Προσθέστε Στοιχεία Gamification σε UX
Η Gamification είναι μια δημοφιλής τεχνική που χρησιμοποιείται από τους σχεδιαστές προϊόντων για την αύξηση της αφοσίωσης του χρήστη. Ένας σχεδιαστής μπορεί να εξετάσει τη χρήση απεικόνισης στη διεπαφή όταν ο χρήστης πρέπει να επιβραβευθεί για κάποιο επίτευγμα.
