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

Δεν χρειάζεστε τις θεωρίες Gestalt, νομίζατε. Ήξερες ήδη πώς να φτιάξεις ένα λογότυπο δολοφόνου. Είχατε πιο σημαντικά πράγματα να κάνετε, όπως η ονειροπόληση για να γίνετε Sagmeister 'S επόμενο protegee.

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

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

25-δευτερόλεπτο ιστορία της ψυχολογίας Gestalt

Το πεδίο του Gestalt Psychology έχει ως στόχο να εξηγήσει πώς ο νους αντιλαμβάνεται και οργανώνει οπτικά, ακουστικά και σωματοαισθητικά ερεθίσματα. Ως επαγγελματίες σχεδιαστές ιστοσελίδων και επαγγελματίες χρήστες (UX), η έρευνα της Gestalt Psychology θα είναι ένα ανεκτίμητο εργαλείο καθώς προχωράτε στη βελτιστοποίηση όχι μόνο της χρηστικότητας του προϊόντος αλλά και της δέσμευσής του.

Εισήχθη γύρω στο 1910, πιστώνεται στο έργο των ψυχολόγων Max Wertheimer, Kurt Koffka και Wolfgang Köhler. Το Gestalt, το γερμανικό για τη "μορφή", μας δίνει μια εικόνα για το πώς να ενορχηστρώσουμε τις εμπειρίες των χρηστών εξερευνώντας τη σχέση μεταξύ ενός δεδομένου ερεθίσματος και της γνωστικής απόκρισης του χρήστη.

Η σχέση γνωστικής-συναισθηματικής-συμπεριφοράς απόκρισης

Για παράδειγμα:

Η σχέση γνωστικής-συναισθηματικής-συμπεριφοράς απόκρισης μέσω του Monty Python

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

Εισαγωγή στη συναισθηματική ομαδοποίηση

Οι αρχές της Gestalt για την αντιληπτική ομαδοποίηση
  • Νόμος εγγύτητας
    Τα αντικείμενα κοντά το ένα στο άλλο τείνουν να ομαδοποιούνται.
  • Νόμος ομοιότητας
    Παρόμοια στοιχεία τείνουν να ομαδοποιούνται.
  • Νόμος κλεισίματος
    Τα αντικείμενα που ομαδοποιούνται θεωρούνται συνολικά.
  • Νόμος Συνέχειας
    Οι γραμμές φαίνονται να ακολουθούν την ομαλότερη διαδρομή.
  • Νόμος της Κοινής Περιφέρειας
    Τα αντικείμενα σε παρόμοιες περιοχές τείνουν να ομαδοποιούνται.
  • Νόμος συνδεσιμότητας
    Τα στοιχεία που συνδέονται θεωρούνται ομάδες.

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

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

Μια ομαδοποίηση κοντινών εικόνων λαγουδάκι

Αλλά τραβήξτε a Velveteen Rabbit , και ξαφνικά πηγαίνετε στην περιοχή χαράς-αερίου:

Μια ομάδα εγγύτητας πραγματικών λαγουδάκια

Τέλος, θα ρίξουμε κάποια άγχος για να το ανακατέψουμε λίγο. Ω noes!

Μια ομάδα εγγύτητας των κουνελιών σε κίνδυνο
(Εικόνες: λύκος , λαγουδάκι ),

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

Αποθηκεύστε το κουτάβι στο κουμπί κινδύνου

Ενισχύστε τα συναισθήματα συμπεριφοράς με τη συναισθηματική δέσμευση μέσω της Gestalt

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

Η καμπάνια Facebook του Joplin Tornado της ASPCA

Με την εφαρμογή αυτών των εννοιών, το Η εκστρατεία Facebook του Joplin Tornado της ASPCA παίρνει τα θλιβερά μάτια μιας γάτας που αναγνωρίζεται ως θύμα ανεμοστρόβιλων και επικαλύπτει ένα μεγάλο κουμπί αναπαραγωγής.

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

Για λόγους σύγκρισης, η απλή ενσωμάτωση ενός βίντεο στο YouTube Το ιστολόγιο του Tim Ferriss δεν διαθέτει τη δέσμευση που βλέπουμε με το προσαρμοσμένο αίτημα της ASPCA για την αναπαραγωγή του βίντεο.

Tim Ferriss Blog Βίντεο

Συναισθηματική μόλυνση στον σχεδιασμό ιστοσελίδων

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

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

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

Μικρή αρχική σελίδα λογιστικής

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

Τα χρηματοπιστωτικά ιδρύματα δαπανούν πολλά χρήματα που συνδέουν την επωνυμία τους με την αξιοπιστία, όπως στο "Εμπιστευτείτε μας με τις οικονομικές σας καταθέσεις". Αυτό μπορεί να επιτευχθεί με το co-op, associate ή press branding.

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

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

Αίτηση Δράσης για το Δελτίο του MailChimp

Όταν ο κίνδυνος είναι υψηλότερος, όπως και με τους αριθμούς κοινωνικής ασφάλισης και πιστωτικών καρτών, το επίπεδο αξιοπιστίας που ευθυγραμμίζεται με τη δράση πρέπει επίσης να είναι. Όταν ένα εμπορικό σήμα δεν είναι εγγενώς αρκετά αξιόπιστο μόνο με το όνομα, όπως είναι το Amazon, συνήθως θα βασίζεται σε λογότυπα και σφραγίδες εμπιστοσύνης, όπως αυτά για το Better Business Bureau και τη συμμόρφωση με PCI, προκειμένου να αύξηση της εμπιστοσύνης των καταναλωτών .

Με λίγα λόγια

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

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

Πώς χρησιμοποιείτε τη συναισθηματική και συμπεριφορική ομαδοποίηση στις εμπειρίες των χρηστών σας; Έχετε συναντήσει ένα μεγάλο παράδειγμα στο σέρφινγκ σας; Σχόλια, σχόλια! Θέλουμε να το ξέρουμε, παρακαλώ!