Γιατί και πώς να χρησιμοποιήσετε την οπτικοποίηση δεδομένων; Τύποι και μέθοδοι αντίληψης πληροφοριών

2.1. Πλεονεκτήματα μιας οπτικής μορφής παρουσίασης πληροφοριών

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

Οι εικόνες που δημιουργούνται με βάση την οπτική αντίληψη έχουν μεγαλύτερη συνειρμική δύναμη από τις λέξεις. Ίσως αυτός είναι ο λόγος που αποθηκεύονται τέλεια στη μνήμη. Ακόμη και αφού δουν πολλές χιλιάδες πίνακες μία φορά, οι παρατηρητές είναι σε θέση να αναγνωρίσουν σωστά περίπου το 90% από αυτούς. Η οπτική εικόνα είναι πολύ πλαστική. Αυτή η ιδιότητα εκδηλώνεται στο γεγονός ότι όσον αφορά την εικόνα μια ταχεία μετάβαση από μια γενικευμένη αξιολόγηση της κατάστασης σε λεπτομερής ανάλυσηστοιχεία του. Είναι δυνατοί διάφοροι τύποι κινήσεων αντικειμένων που αντανακλώνται στην εικόνα, οι μετατοπίσεις, οι περιστροφές τους, καθώς και η μεγέθυνση, η μείωση, η παραμόρφωση της προοπτικής και η κανονικοποίηση. Αυτή η μοναδική ικανότητα χειρισμού του οπτικού συστήματος σας επιτρέπει να φανταστείτε την κατάσταση τόσο σε άμεση όσο και σε αντίστροφη προοπτική. Ο χειρισμός των εικόνων και η ολοκλήρωσή τους είναι το πιο σημαντικό μέσο παραγωγικής αντίληψης και οπτικής σκέψης.

Πολλές μελέτες δείχνουν ότι το οπτικό σύστημα διαθέτει μηχανισμούς που εξασφαλίζουν τη γέννηση μιας νέας εικόνας. Χάρη σε αυτά, ένα άτομο είναι σε θέση να δει τον κόσμο όχι μόνο όπως πραγματικά υπάρχει, αλλά και όπως μπορεί (ή θα έπρεπε) να είναι. Αυτό σημαίνει ότι οι οπτικές εικόνες είναι απαραίτητη προϋπόθεση, και ακόμη περισσότερο, όργανο νοητικής δραστηριότητας. Συνδέονται πιο άμεσα, σε σύγκριση με τα σύμβολα και τον λόγο, με την αντικειμενική πραγματικότητα που περιβάλλει ένα άτομο. Μια εικόνα δεν είναι μόνο και όχι τόσο στοχασμός όσο είναι μια ανακατασκευή της πραγματικότητας. Αυτή, αυτή η πραγματικότητα, μπορεί να αναδημιουργηθεί με τη μορφή (ή κοντά σε αυτήν) στην οποία το αντικείμενο υπάρχει πραγματικά. Αλλά είναι επίσης δυνατή η καταστροφή ενός αντικειμένου ή μιας κατάστασης και η ανακατασκευή της νέας έκδοσης ή των παραλλαγών του. Με βάση αυτή την εικόνα, αλλαγμένη σε σύγκριση με την πραγματικότητα, ένα άτομο στρέφεται ξανά στην αντικειμενική πραγματικότητα και την ξαναχτίζει στη δική του πρακτικές δραστηριότητες. Είναι αδύνατο να προετοιμαστεί ένας ειδικός με δημιουργική σκέψη χωρίς να αναπτύξει το εικονιστικό όραμα, τη φαντασία και τη σκέψη του. Η καθολική συσκευή του σχηματισμού προβολής παρέχει ένα απτό όφελος σε αυτό το θέμα. Ένα από τα πιο σημαντικά εργαλεία μοντελοποίησης προβολής που χρησιμοποιούνται για τη διαμόρφωση χωρικών αναπαραστάσεων είναι η γεωμετρική ερμηνεία. Τα αντικείμενα ερμηνείας είναι γραφικά μοντέλα με τη μορφή συνδυασμού σχεδίων, διαγραμμάτων, κειμένου, διαγραμμάτων κ.λπ. Τα γραφικά μοντέλα περιλαμβάνουν την εμφάνιση πληροφοριών με τη μορφή ενός συνόλου μέσων γραφικής αναπαράστασης πληροφοριών: γραμμές, σύμβολα, μνημονικά σημάδια, χρησιμοποιείται σύμφωνα με τους κανόνες για την κατασκευή γραφικών μοντέλων. Κατά την αντίληψη πληροφοριών σε αυτή τη μορφή, η πρόσβαση σε έναν λειτουργικό χώρο υψηλότερης διάστασης είναι απαραίτητη από ό,τι κατά την αντίληψη κειμένου. Ο βαθμός ακρίβειας κατά τη σύγκριση ενός αντικειμένου πληροφοριών με το μοντέλο του εξαρτάται από την πληρότητα των πληροφοριών σχετικά με τη συσκευή προβολής που έλαβε χώρα κατά τη μοντελοποίηση. Το σχήμα 2.1 δείχνει μια από τις πιθανές ταξινομήσεις γραφικών μοντέλων. Εικονογραφικό μοντέλο– ένα γραφικό μοντέλο που συντάσσεται με χρήση συμβατικών γραφικών εικόνων (εικονογράμματα) που υποδεικνύουν αντικείμενα, ενέργειες ή γεγονότα. Ιδεογραφικό μοντέλο– ένα γραφικό μοντέλο που συντάχθηκε με χρήση ιδεογραμμάτων – συμβατικές γραπτές πινακίδες που υποδηλώνουν έννοιες.

Το θέμα της αποτελεσματικότητας της μεταφοράς και της αφομοίωσης πληροφοριών είναι ένα από τα βασικά σε όλη τη διάρκεια τις τελευταίες δεκαετίες. Το κύριο μέσο επικοινωνίας στον κόσμο στις αρχές του 21ου αιώνα είναι η οπτικοποίηση (μια οπτική μορφή μετάδοσης) της πληροφορίας. Μεγαλύτερη ποσότηταπληροφορίες (περίπου 80–90%) που ένα άτομο αντιλαμβάνεται οπτικά. «Η κυρίαρχη σημασία του οπτικού συστήματος για τους ανθρώπους εξηγείται από το γεγονός ότι είναι η μεγαλύτερη ισχυρή πηγήπληροφορίες για έξω κόσμος, έχει τις μεγαλύτερες λειτουργίες εύρεσης εύρους και στερεοσκοπικής αισθητικής."

Η απόδοση, το πλεονέκτημα της γραφικής μεθόδου μετάδοσης πληροφοριών, σε σύγκριση με τον κινητήρα ή τον ήχο (Εικόνα 2.2), είναι ότι οπτική αντίληψηοι πληροφορίες που μεταδίδονται από ένα άτομο και η δημιουργία μιας νοητικής εικόνας από αυτόν συμβαίνει τόσο γρήγορα που ένα άτομο αντιλαμβάνεται αυτή τη διαδικασία ως «στιγμιαία». Αυτό εξηγεί την επίδραση του ταυτόχρονου, ή του ταυτόχρονου, με βάση την ιδιότητα της ανθρώπινης αντίληψης πληροφοριών: οι νοητικές εικόνες που δημιουργούνται κατά την αντίληψη πληροφοριών και τα μεταδιδόμενα γραφικά μοντέλα έχουν πολύ παρόμοια μορφή.

Αυτό το άρθρο γράφτηκε από έναν εκπρόσωπο της DevExpress και δημοσιεύτηκε σε ένα blog στο HabraHabr.

Ιατρικοί ερευνητές έχουν διαπιστώσει ότι εάν οι οδηγίες για ένα φάρμακο περιέχουν μόνο κείμενο, ένα άτομο απορροφά μόνο το 70% των πληροφοριών από αυτό. Εάν προσθέσετε εικόνες στις οδηγίες, το άτομο θα καταλάβει ήδη το 95%.

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

  • Επικεντρωθείτε σε διαφορετικές πτυχές των δεδομένων


Χρησιμοποιώντας γραφήματα, μπορείτε εύκολα να επιστήσετε την προσοχή του αναγνώστη στους κόκκινους δείκτες.

  • Ανάλυση μεγάλο σετδεδομένα με πολύπλοκη δομή
  • Μείωση της υπερφόρτωσης πληροφοριών ενός ατόμου και διατήρηση της προσοχής του
  • Σαφήνεια και σαφήνεια των δεδομένων εξόδου
  • Επισήμανση των συνδέσεων και των σχέσεων που περιέχονται στις πληροφορίες


Μπορείτε εύκολα να παρατηρήσετε σημαντικά δεδομένα στο γράφημα.

Αισθητική έφεση


Τα αισθητικά ελκυστικά γραφήματα κάνουν την παρουσίαση δεδομένων εντυπωσιακή και αξέχαστη.

Edward Tufte, συγγραφέας ορισμένων από τα καλύτερα βιβλίασχετικά με την οπτικοποίηση, το περιγράφει ως εργαλείο για την εμφάνιση δεδομένων. Ενθάρρυνση του θεατή να σκεφτεί την ουσία και όχι τη μεθοδολογία. Αποφυγή παραμόρφωσης του τι έχουν να πουν τα δεδομένα· Εμφάνιση πολλών αριθμών σε μικρό χώρο. εμφάνιση ενός μεγάλου συνόλου δεδομένων ως συνεκτικού και ενοποιημένου συνόλου· ενθάρρυνση του θεατή να συγκρίνει κομμάτια δεδομένων. εξυπηρετώντας αρκετά σαφείς σκοπούς: περιγραφή, έρευνα, παραγγελία ή διακόσμηση ().

Πώς να χρησιμοποιήσετε σωστά την οπτικοποίηση δεδομένων;

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


Το 60% της επιτυχίας της οπτικοποίησης εξαρτάται από την επιλογή του τύπου του γραφήματος, το 30% από τη σωστή χρήση του και το 10% από τη σωστή σχεδίασή του.

Σωστός τύπος γραφήματος

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

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


Η πρώτη σειρά εμφανίζει γραφήματα με σκοπό την εμφάνιση των σχέσεων στα δεδομένα και την κατανομή των δεδομένων και η δεύτερη σειρά έχει σκοπό να δείξει τη σύνθεση και τη σύγκριση των δεδομένων.

Σχέσεις σε δεδομένα- έτσι εξαρτώνται ο ένας από τον άλλον, η μεταξύ τους σύνδεση. Χρησιμοποιώντας σχέσεις, μπορείτε να προσδιορίσετε την παρουσία ή την απουσία εξαρτήσεων μεταξύ των μεταβλητών. Εάν η κύρια ιδέα των πληροφοριών περιέχει τις φράσεις "αναφέρεται", "μειώνεται/αυξάνεται σε", τότε θα πρέπει να προσπαθήσετε να δείξετε ακριβώς τις σχέσεις στα δεδομένα.
Η κατανομή των δεδομένων είναι πώς είναι διατεταγμένα σε σχέση με κάτι, πόσα αντικείμενα εμπίπτουν σε ορισμένες διαδοχικές περιοχές αριθμητικών τιμών. Η κύρια ιδέα θα περιέχει τις φράσεις "στην περιοχή από x έως y", "συγκέντρωση", "συχνότητα", "κατανομή".

Σύνθεση Δεδομένων- συνδυασμός δεδομένων για σκοπούς ανάλυσης μεγάλη εικόναγενικά, συγκρίσεις συστατικών που αποτελούν ποσοστό ενός συγκεκριμένου συνόλου. Οι φράσεις κλειδιά για τη σύνθεση είναι «αποτελούμενο x%», «μερίδιο», «ποσοστό του συνόλου».

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

Αφού καθορίσετε τον σκοπό της οπτικοποίησης, πρέπει να προσδιορίσετε τον τύπο δεδομένων. Μπορεί να είναι πολύ ετερογενή ως προς τον τύπο και τη δομή, αλλά στο μεγαλύτερο μέρος τους απλή υπόθεσηκάνει διάκριση μεταξύ συνεχών αριθμητικών και χρονικών δεδομένων, διακριτών δεδομένων, γεωγραφικών και λογικών δεδομένων. Τα συνεχή αριθμητικά δεδομένα περιέχουν πληροφορίες σχετικά με την εξάρτηση μιας αριθμητικής τιμής από μια άλλη, για παράδειγμα, γραφήματα συναρτήσεων όπως y=2x. Ο συνεχής χρόνος περιέχει δεδομένα σχετικά με συμβάντα που συμβαίνουν σε μια χρονική περίοδο, όπως ένα γράφημα της θερμοκρασίας που μετράται κάθε μέρα. Τα διακριτά δεδομένα μπορεί να περιέχουν εξαρτήσεις κατηγορικών ποσοτήτων, για παράδειγμα, ένα γράφημα του αριθμού των πωλήσεων αγαθών σε διαφορετικά καταστήματα. Τα γεωγραφικά δεδομένα περιέχουν διάφορες πληροφορίες που σχετίζονται με την τοποθεσία, τη γεωλογία και άλλους γεωγραφικούς δείκτες, λαμπρό παράδειγμα- αυτό είναι φυσιολογικό γεωγραφικός χάρτης. Τα λογικά δεδομένα δείχνουν τη λογική διάταξη των στοιχείων μεταξύ τους, π.χ. οικογενειακό δέντροοικογένειες.


Γραφήματα συνεχών αριθμητικών και χρονικών δεδομένων, διακριτά δεδομένα, γεωγραφικά και λογικά δεδομένα.

Ανάλογα με τον στόχο και τα δεδομένα, μπορείτε να επιλέξετε το πιο κατάλληλο πρόγραμμα για αυτά. Είναι καλύτερο να αποφύγετε την ποικιλία για χάρη της ποικιλίας και να επιλέξετε σύμφωνα με την αρχή "όσο πιο απλό τόσο το καλύτερο". Χρησιμοποιήστε συγκεκριμένους τύπους διαγραμμάτων μόνο για συγκεκριμένα δεδομένα, σε άλλες περιπτώσεις, τα πιο συνηθισμένα γραφήματα είναι κατάλληλα:

  • γραμμικός
  • με περιοχές
  • στήλες και ιστογράμματα (μπάρα)
  • γράφημα πίτας (πίτα, ντόνατ)
  • πολικός χάρτης (ραντάρ)
  • οικόπεδο διασποράς (σκόρπιο, φούσκα)
  • χάρτες
  • δέντρα (δέντρο, νοητικός χάρτης, χάρτης δέντρων)
  • χρονοδιαγράμματα (χρονογραμμή, gantt, καταρράκτης).

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


Γράφημα με στοιβαγμένες τιμές και με πλήρη στοίβαξη

Όταν επιλέγετε ένα κατάλληλο γράφημα, μπορείτε να καθοδηγηθείτε από τον ακόλουθο πίνακα, ο οποίος έχει καταρτιστεί με βάση αυτό το διάγραμμα και:


Σωστή χρήση γραφήματος

Είναι σημαντικό όχι μόνο να επιλέξετε τον σωστό τύπο γραφήματος, αλλά και να τον χρησιμοποιήσετε σωστά:

  • Δεν χρειάζεται να φορτώσετε το γράφημα με πολλές πληροφορίες. Βέλτιστη ποσότητα ΔΙΑΦΟΡΕΤΙΚΟΙ ΤΥΠΟΙδεδομένα, κατηγορίες - δεν είναι περισσότερο από 4-5, διαφορετικά θα ήταν πιο σκόπιμο να χωριστεί ένα τέτοιο διάγραμμα σε πολλά κομμάτια.


Ένα τέτοιο γράφημα μπορεί να συγκριθεί με τα μακαρόνια και να χωριστεί καλύτερα σε πολλά διαγράμματα.

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


Μια λανθασμένη κλίμακα επηρεάζει αρνητικά την αντίληψη των δεδομένων. Στην πρώτη περίπτωση, η κλίμακα επιλέγεται λανθασμένα στη δεύτερη, η κλίμακα είναι ανεστραμμένη.

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

Σωστός σχεδιασμός του ωραρίου

Τίποτα δεν είναι πιο ευχάριστο στο μάτι από τα καλά σχεδιασμένα γραφήματα και τίποτα δεν χαλάει τα γραφήματα περισσότερο από την παρουσία γραφικών «σκουπιδιών». Βασικές αρχές σχεδιασμού:

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


Οι βοηθητικές γραμμές σε ένα γράφημα δεν πρέπει να αποσπούν την προσοχή από την κύρια ιδέα των δεδομένων.

  • όπου είναι δυνατόν, χρησιμοποιήστε μόνο ετικέτες οριζόντιων αξόνων.
  • Για γραφήματα περιοχής, είναι προτιμότερο να χρησιμοποιείτε ένα χρώμα με διαφάνεια.
  • Χρησιμοποιήστε διαφορετικό χρώμα για κάθε κατηγορία στο γράφημα.

συμπεράσματα

Οραματισμός- ένα ισχυρό εργαλείο για τη μετάδοση σκέψεων και ιδεών στον τελικό καταναλωτή, βοηθός για την αντίληψη και την ανάλυση δεδομένων. Αλλά όπως όλα τα εργαλεία, πρέπει να χρησιμοποιείται στον δικό του χρόνο και τόπο. Διαφορετικά, οι πληροφορίες μπορεί να γίνουν αντιληπτές αργά ή και λανθασμένα.


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

Όταν χρησιμοποιείται επιδέξια, η οπτικοποίηση δεδομένων μπορεί να κάνει το υλικό εντυπωσιακό, ενδιαφέρον και αξέχαστο.

Η ποιότητα του οπτικού σχεδιασμού επηρεάζει σημαντικά τόσο την ψυχοφυσιολογική κατάσταση του χρήστη όσο και την αποτελεσματικότητα της δουλειάς του γενικότερα. Ως αποτέλεσμα, ακόμη και ένα προϊόν λογισμικού που είναι αρκετά ισχυρό στις δυνατότητές του μπορεί να μην είναι αρκετά λειτουργικό εάν η οπτική αναπαράσταση της διεπαφής του δεν πληροί τις σχετικές απαιτήσεις.

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

    ιεραρχική οργάνωση των εμφανιζόμενων πληροφοριών.

    οπτική επισήμανση των πιο σημαντικών στοιχείων.

    Ισορροπημένη δομή οθόνης.

    οπτική ενοποίηση λογικά διασυνδεδεμένων στοιχείων.

    εξασφάλιση αναγνωσιμότητας και λογικής συνέπειας των εμφανιζόμενων πληροφοριών·

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

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

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

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

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

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

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

Ενσωμάτωση.Εάν η διεπαφή της εφαρμογής είναι οπτικά συνεπής με τη διεπαφή συστήματος και τη διεπαφή άλλων εφαρμογών, είναι πολύ πιο εύκολο να παρέχουμε στον χρήστη ένα συνεπές και προβλέψιμο περιβάλλον εργασίας.

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

Λάβετε υπόψη ότι ορισμένοι συνδυασμοί χρωμάτων, όπως οι μπλε χαρακτήρες σε κόκκινο φόντο, είναι δυσάρεστες στο μάτι. Σχετικά με την επίδραση του χρώματος στη διάθεση και την απόδοση.

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

Σε τυπικές οθόνες, οι γραμματοσειρές είναι συνήθως λιγότερο ευανάγνωστες από ό,τι σε μια εκτυπωμένη σελίδα. Αποφύγετε τη χρήση γραμματοσειρών πλάγιας (Italic) και serif καθώς είναι δύσκολο να διαβαστούν, ειδικά σε χαμηλές αναλύσεις οθόνης.

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

«Πολυδιάσταση» της οθόνηςΌταν απεικονίζετε πολλά στοιχεία διεπαφής, είναι χρήσιμο να χρησιμοποιείτε προοπτική, επισήμανση και σκίαση για να δημιουργήσετε μια τρισδιάστατη εμφάνιση. Αυτό βοηθά στην αύξηση της λειτουργικότητας της διεπαφής και της ορατότητας των σχολίων όταν ο χρήστης εργάζεται με ανάλογα υπολογιστών του πραγματικού κόσμου.

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

Όταν αναπτύσσετε τα δικά σας οπτικά στοιχεία, θα πρέπει να είστε προσεκτικοί: μην παρακάνετε με τη χρήση «ογκομετρικών» εικόνων, καθώς η εικόνα κάθε «τρισδιάστατου» αντικειμένου καταλαμβάνει πολύ περισσότερο χώρο στην οθόνη από την «επίπεδη» αντίστοιχη. Χρησιμοποιήστε εφέ 3D μόνο για να απεικονίσετε διαδραστικά στοιχεία. Σε αυτήν την περίπτωση, εισαγάγετε μόνο εκείνα τα στοιχεία που είναι πραγματικά απαραίτητα για να αναγνωρίσει ο χρήστης την εικόνα.

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

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

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

Προσπαθήστε να τοποθετήσετε τα χειριστήρια στη γραμμή εργαλείων έτσι ώστε να υπάρχει ένα κενό από την άκρη του πίνακα μέχρι την άκρη του παραθύρου που είναι τουλάχιστον ίσο με το πλάτος του πλαισίου του παραθύρου. Σε ορισμένες περιπτώσεις, όπως όταν τα κουμπιά της γραμμής εργαλείων χρησιμοποιούνται σαν ένα σύνολο κουμπιών επιλογής, μπορεί να είναι διατεταγμένα συνεχόμενα (χωρίς χώρο).

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

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

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

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

    κατακόρυφο (κατά μήκος της αριστερής ή δεξιάς άκρης των ευθυγραμμισμένων στοιχείων).

    οριζόντια (κατά μήκος της επάνω γραμμής ή κατά μήκος της άνω άκρης του στοιχείου).

    γειτονική ευθυγράμμιση (όταν τα στοιχεία συναντώνται στις άκρες).

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

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

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

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

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

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

Κινουμένων σχεδίων.Το animation σε πολλές περιπτώσεις μπορεί να είναι ένα πολύ αποτελεσματικό μέσο μετάδοσης οπτικές πληροφορίες(για παράδειγμα, για την απεικόνιση της λειτουργίας μιας συσκευής ή της απόδοσης μιας λειτουργίας). Μερικές φορές η χρήση του μπορεί απλά να ζωντανέψει τη διεπαφή της εφαρμογής και να κάνει την επικοινωνία του χρήστη μαζί της πιο ευχάριστη.

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

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

Έχετε σκεφτεί ποτέ πώς βλέπουμε τα πράγματα; Πώς να τα αρπάξετε από όλη την οπτική ποικιλομορφία περιβάλλονχρησιμοποιώντας αισθητηριακά ερεθίσματα; Και πώς ερμηνεύουμε αυτό που βλέπουμε;

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

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

Ένα ισορροπημένο infographic περιλαμβάνει τη σωστή χρήση οπτικής αναπαράστασης (για παράδειγμα, γραφήματα, γραφήματα, εικονίδια, εικόνες), κατάλληλη επιλογή χρωμάτων και γραμματοσειρών, κατάλληλη διάταξη και χάρτη τοποθεσίας κ.λπ. Και δεν πρέπει να ξεχνάμε τα δεδομένα, πηγές και θέματα, κάτι που δεν είναι λιγότερο σημαντικό. Αλλά σήμερα δεν θα μιλήσουμε για αυτούς. Θα επικεντρωθούμε στην οπτική πλευρά του σχεδιασμού πληροφοριών.

Ο ψυχολόγος Richard Gregory (1970) ήταν πεπεισμένος ότι οπτική αντίληψηεξαρτάται από την επεξεργασία από πάνω προς τα κάτω.

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

Η θεωρία του Gregory υποστηρίζεται από πολυάριθμα στοιχεία και πειράματα. Ενα από τα πολλά διάσημα παραδείγματα— εφέ κούφιας μάσκας:

Όταν η μάσκα γυρίσει προς την κούφια πλευρά, βλέπετε ένα κανονικό πρόσωπο

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

Πώς αντιλαμβανόμαστε τις οπτικές πληροφορίες σύμφωνα με τη θεωρία του Gregory;

1. Σχεδόν το 90% των πληροφοριών που λαμβάνονται μέσω των ματιών δεν φτάνουν στον εγκέφαλο. Έτσι, ο εγκέφαλος χρησιμοποιεί προηγούμενη εμπειρία ή υπάρχουσα γνώση για να κατασκευάσει την πραγματικότητα.

2. Οι οπτικές πληροφορίες που αντιλαμβανόμαστε συνδυάζονται με προηγουμένως αποθηκευμένες πληροφορίες για τον κόσμο που έχουμε αποκτήσει μέσω της εμπειρίας.

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

Συμβουλή σχεδίασης πληροφοριών #1, με βάση τη θεωρία οπτικών συμπερασμάτων του Gregory: Βελτιώστε τα δεδομένα με κατάλληλο θέμα και σχεδιασμό. Χρησιμοποιήστε έναν ουσιαστικό τίτλο για να ορίσετε βασικές προσδοκίες. Υποστηρίξτε τα γραφικά σας με εκφραστικό κείμενο.

2. Το πείραμα των Sanoka και Sulman για τις χρωματικές σχέσεις

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

Το 2011, ο Thomas Sanocki και ο Noah Sulman πραγματοποίησαν ένα πείραμα για να μελετήσουν πώς οι συνδυασμοί χρωμάτων επηρεάζουν τη βραχυπρόθεσμη μνήμη - την ικανότητά μας να θυμόμαστε αυτό που μόλις είδαμε.

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

Ακολουθούν 4 παραδείγματα παλετών που παρουσιάστηκαν στους συμμετέχοντες στο πείραμα:

Πώς επηρεάζουν τα χρώματα την οπτική μας αντίληψη σύμφωνα με τη θεωρία των Sanocki και Sulman;

  1. Οι άνθρωποι θυμούνται καλύτερα εκείνες τις παλέτες στις οποίες τα χρώματα συνδυάζονται μεταξύ τους.
  2. Οι άνθρωποι θυμούνται τις παλέτες που περιέχουν έναν συνδυασμό μόνο τριών ή λιγότερων χρωμάτων καλύτερα από εκείνες που περιέχουν τέσσερα ή περισσότερα χρώματα.
  3. Η αντίθεση των παρακείμενων χρωμάτων επηρεάζει το πόσο καλά ένα άτομο θυμάται ένα συνδυασμό χρωμάτων. Με άλλα λόγια, αυτό σημαίνει ότι η διαφορά χρώματος μεταξύ περιβάλλοντος και φόντου μπορεί να ενισχύσει την ικανότητά μας να εστιάζουμε στο περιβάλλον.
  4. Μπορούμε να θυμηθούμε αρκετά ένας μεγάλος αριθμός απόσυνδυασμούς χρωμάτων ταυτόχρονα.

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

Συμβουλή σχεδίασης πληροφοριών #2, βασισμένη στο πείραμα των Sanoka και Sulman: Χρησιμοποιήστε όσο το δυνατόν λιγότερα διαφορετικά χρώματα σε σύνθετο περιεχόμενο. Αυξήστε την αντίθεση μεταξύ των οπτικών πληροφοριών και του φόντου. επιλέξτε θέματα με έναν αρμονικό συνδυασμό αποχρώσεων. χρησιμοποιήστε σοφά δυσαρμονικούς χρωματικούς συνδυασμούς.

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

Σε ένα πείραμα του 1998, ο Frank Tong, ο Ken Nakayama, ο J. Thomas Vaughan και η Nancy Kanwisher κατέληξαν στο συμπέρασμα ότι αν κοιτάξετε δύο διαφορετικές εικόνες ταυτόχρονα, εμφανίζεται η επίδραση της διόφθαλμης αντιπαλότητας.

Στο πείραμα συμμετείχαν τέσσερα εκπαιδευμένα άτομα. Ως ερεθίσματα, τους έδειχναν εικόνες προσώπου και σπιτιού μέσα από γυαλιά με κόκκινα και πράσινα φίλτρα. Κατά τη διαδικασία της αντίληψης, υπήρξε μια ακανόνιστη εναλλαγή σημάτων από τα δύο μάτια. Οι ειδικές για το ερέθισμα αποκρίσεις των υποκειμένων παρακολουθήθηκαν χρησιμοποιώντας λειτουργική μαγνητική τομογραφία (MRI).

Πώς αντιλαμβανόμαστε τις οπτικές πληροφορίες σύμφωνα με το πείραμα του Tong;

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

Οι David Carmel, Michael Arcaro, Sabine Kastner και Uri Hasson πραγματοποίησαν ένα ξεχωριστό πείραμα και διαπίστωσαν ότι η διόφθαλμη αντιπαλότητα μπορεί να χειριστεί χρησιμοποιώντας παραμέτρους ερεθίσματος όπως χρώμα, φωτεινότητα, αντίθεση, σχήμα, μέγεθος, χωρική συχνότητα ή ταχύτητα.

Ο χειρισμός της αντίθεσης στο παρακάτω παράδειγμα κάνει το αριστερό μάτι να αντιληφθεί μια κυρίαρχη εικόνα, ενώ το δεξί μάτι αντιλαμβάνεται μια καταπιεσμένη εικόνα:

Πώς επηρεάζει η αντίθεση την οπτική μας αντίληψη σύμφωνα με το πείραμα;

  1. Ο χειρισμός της αντίθεσης κάνει το ισχυρότερο ερέθισμα να κυριαρχεί για μεγαλύτερο χρονικό διάστημα.
  2. Θα δούμε μια συγχώνευση της κυρίαρχης εικόνας και μέρους της καταπιεσμένης μέχρι να προκύψει το αποτέλεσμα της διόφθαλμης αντιπαλότητας.

Συμβουλή σχεδίασης πληροφοριών #3 με βάση το εφέ διόφθαλμου ανταγωνισμού: n Μην υπερφορτώνετε το περιεχόμενο. Χρησιμοποιήστε εικονίδια με θέμα. επισημάνετε βασικά σημεία.

4. Η επίδραση της τυπογραφίας και της αισθητικής στην αναγνωστική διαδικασία

Γνωρίζατε ότι η τυπογραφία μπορεί να επηρεάσει τη διάθεση και την ικανότητα ενός ατόμου να παίρνει αποφάσεις;

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

Σε ένα πείραμα, ο Kevin Larson (Microsoft) και η Rosalind Picard (MIT) ανακάλυψαν πώς η τυπογραφία επηρεάζει τη διάθεση και την ικανότητα επίλυσης προβλημάτων του αναγνώστη.

Διεξήγαγαν δύο μελέτες, η καθεμία με τη συμμετοχή 20 ατόμων. Οι συμμετέχοντες χωρίστηκαν σε δύο ίσες ομάδες και δόθηκαν 20 λεπτά για να διαβάσουν ένα τεύχος του περιοδικού The New Yorker σε ένα tablet. Η μία ομάδα έλαβε κείμενο με κακή τυπογραφία, η άλλη - με καλή τυπογραφία (παραδείγματα δίνονται παρακάτω):

Κατά τη διάρκεια του πειράματος, οι συμμετέχοντες διακόπηκαν και ρωτήθηκαν πόσος χρόνος πίστευαν ότι είχε περάσει από την έναρξη του πειράματος. Σύμφωνα με ψυχολογική έρευνα (Weybrew, 1984): άτομα που βρίσκουν τις δραστηριότητές τους ευχάριστες και ασχολούνται με θετική διάθεση, πιστεύουν ότι ξόδεψαν πολύ λιγότερο χρόνο διαβάζοντας.

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

Πώς αντιλαμβανόμαστε την καλή τυπογραφία και τον αντίκτυπό της;

  1. Και οι δύο ομάδες συμμετεχόντων εκτίμησαν εσφαλμένα τον χρόνο που αφιερώθηκε στην ανάγνωση. Αυτό σημαίνει ότι η ανάγνωση ήταν μια διασκεδαστική δραστηριότητα για αυτούς.
  2. Οι συμμετέχοντες στους οποίους παρουσιάστηκε κείμενο με καλή τυπογραφία υποτίμησαν σημαντικά τον χρόνο ανάγνωσής τους σε σύγκριση με τους συμμετέχοντες που παρουσίασαν κείμενο με κακή τυπογραφία. Αυτό σημαίνει ότι βρήκαν το πρώτο κείμενο πιο ενδιαφέρον.
  3. Κανένας από τους συμμετέχοντες που διάβασαν το κείμενο με κακή τυπογραφία δεν μπόρεσε να λύσει το πρόβλημα του κεριού. Ενώ λιγότερο από το ήμισυ της δεύτερης ομάδας ολοκλήρωσε την εργασία. Έτσι, η καλή τυπογραφία επηρέασε την ικανότητα επίλυσης προβλημάτων.

Συμβουλή σχεδίασης πληροφοριών #4, βασισμένη στο πείραμα των Larsen και Picard σχετικά με την επίδραση της τυπογραφίας: Χρησιμοποιήστε ευανάγνωστες γραμματοσειρές. Διαχωρίστε το κείμενο από τις εικόνες. Μην επικαλύπτετε εικόνες ή εικονίδια στο κείμενο. αφήστε αρκετό κενό διάστημα μεταξύ των παραγράφων.

5. Αντίληψη της ουσίας της σκηνής σύμφωνα με τους Castellano και Henderson

Έχετε αναρωτηθεί ποτέ τι σημαίνει πραγματικά η έκφραση «μια εικόνα λέει χίλιες λέξεις»; Ή γιατί αντιλαμβανόμαστε τις εικόνες καλύτερα από το κείμενο;

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

Τι είναι η αντίληψη της σκηνής; Σύμφωνα με τον ερευνητή Έρευνας και Ανάπτυξης της Nissan, Ronald A. Rensink:

«Η ουσία της σκηνής, ή η αντίληψη της σκηνής, είναι η οπτική αντίληψη του περιβάλλοντος ως παρατηρητή σε οποιαδήποτε δεδομένη στιγμή. Περιλαμβάνει όχι μόνο την αντίληψη μεμονωμένων αντικειμένων, αλλά και παραμέτρους όπως οι σχετικές θέσεις τους, καθώς και την ιδέα ότι συναντώνται άλλοι τύποι αντικειμένων».

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

Το 2008, η Monica S. Castelhano από το Πανεπιστήμιο της Μασαχουσέτης Amherst και ο John M. Henderson από το Πανεπιστήμιο του Εδιμβούργου μελέτησαν την επίδραση του χρώματος στην ικανότητα αντίληψης της ουσίας μιας σκηνής.

Το πείραμα περιελάμβανε τρεις διαφορετικές δοκιμές. Έδειξαν στους μαθητές αρκετές εκατοντάδες φωτογραφίες (φυσικά ή τεχνητά αντικείμενα) υπό διαφορετικές συνθήκες για κάθε δοκιμή. Κάθε εικόνα εμφανιζόταν με συγκεκριμένη σειρά και χρονικό σημείο. Ζητήθηκε από τους συμμετέχοντες να απαντήσουν «ναι» ή «όχι» όταν είδαν λεπτομέρειες που ταίριαζαν με τη σκηνή.

Οι κανονικές και οι θολές φωτογραφίες παρουσιάστηκαν με έγχρωμες και μονόχρωμες φωτογραφίες, αντίστοιχα.

Να προσδιοριστεί ο ρόλος των χρωμάτων στην αντίληψη της ουσίας της σκηνής για τα ακόλουθα παραδείγματαφωτογραφίες που χρησιμοποιούν ασυνήθιστα χρώματα:

Πώς αντιλαμβανόμαστε τις οπτικές πληροφορίες με βάση τα ευρήματα των Castellano και Henderson;

  1. Τα υποκείμενα κατάλαβαν την ουσία της σκηνής και το αντικείμενο στόχο μέσα σε δευτερόλεπτα. Αυτό σημαίνει ότι οι άνθρωποι μπορούν να κατανοήσουν γρήγορα την έννοια μιας κανονικής σκηνής.
  2. Τα θέματα ήταν πιο γρήγορα στο να ταιριάζουν έγχρωμες εικόνες από ό,τι οι ασπρόμαυρες. Έτσι, το χρώμα μας βοηθά να κατανοήσουμε καλύτερα μια εικόνα.
  3. Γενικά, τα χρώματα καθορίζουν τη δομή των αντικειμένων. Πως καλύτερο χρώμααντιστοιχεί στο πώς συνήθως αντιλαμβανόμαστε τον κόσμο, τόσο πιο εύκολο είναι για εμάς να κατανοήσουμε το νόημα της εικόνας.

Συμβουλή σχεδίασης πληροφοριών #5 Με βάση την έρευνα αντίληψης σκηνής των Castellano και Henderson: Χρησιμοποιήστε κατάλληλα εικονίδια ή εικόνες για να αναπαραστήσετε δεδομένα. τοποθετήστε περιεχόμενο σωστή σειρά; χρησιμοποιήστε γνωστά χρώματα για σημαντικά αντικείμενα.

συμπεράσματα

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

1. Διάταξη και σχεδιασμός

  • Το θέμα και ο σχεδιασμός πρέπει να είναι συνεπείς με τις πληροφορίες.
  • Μην γεμίζετε υπερβολικά τα γραφήματα της σελίδας σας.
  • Χρησιμοποιήστε εικονίδια με θέμα.
  • Τακτοποιήστε το περιεχόμενο με τη σωστή σειρά.
  • Χρησιμοποιήστε επικεφαλίδες για να ορίσετε βασικές προσδοκίες.

2. Σειρά βίντεο

  • Τα οπτικά θα πρέπει να συνοδεύουν το κείμενο.
  • Εμφάνιση σημαντικών αριθμών σε γραφήματα και γραφήματα.
  • Χρησιμοποιήστε τις σωστές εικόνες και εικονίδια για να αναπαραστήσετε τα δεδομένα σας.
  • Μειώστε τον αριθμό των χρωμάτων για σύνθετο περιεχόμενο.
  • Κάντε την αντίθεση υψηλότερη μεταξύ σημαντικών οπτικών πληροφοριών και του φόντου.
  • Χρησιμοποιήστε αρμονικά θεματικά χρώματα.
  • Χρησιμοποιήστε δυσαρμονικά χρώματα με σύνεση.
  • Χρησιμοποιήστε κανονικά χρώματα για σημαντικά αντικείμενα.

4. Τυπογραφία

  • Επιλέξτε ευανάγνωστες γραμματοσειρές.
  • Αφήστε άφθονο κενό διάστημα μεταξύ του τίτλου και του κειμένου ή της εικόνας.
  • Μην επικαλύπτετε εικόνες ή εικονίδια σε κείμενο.
  • Παρέχετε επαρκή κενά μεταξύ των χαρακτήρων.

Τώρα που ξέρετε τις λεπτομέρειες της δημιουργίας όμορφων και συναρπαστικών infographics, εξαρτάται από εσάς!