Renforcement des indices comportementaux dans la conception Web UX avec les principes Gestalt
Accompagnez-moi, si vous voulez, dans mon humble DeLorean et retournez dans l’histoire jusqu’à ce que vous vous endormiez dans votre cours de théorie du design.
Vous n'aviez pas besoin des théories de la Gestalt, vous pensiez. Vous saviez déjà comment créer un logo génial. Vous aviez des choses plus importantes à faire, comme rêver de devenir Sagmeister La prochaine protegee.
Je déteste vous le dire, mais ces principes fondamentaux de l'organisation perceptive vont bien au-delà de la simple création d'une belle image.
En fait, ils sont la clé de voûte du processus cognitif-émotionnel-comportemental et la compréhension de leur application pratique nous permet de concevoir des expériences utilisateur plus puissantes.
25 secondes d'histoire de la psychologie de la Gestalt
Le domaine de Gestaltisme vise à expliquer comment l'esprit perçoit et organise les stimuli visuels, auditifs et somatosensoriels. En tant que concepteurs Web et professionnels de l'expérience utilisateur (UX), vous trouverez que la recherche sur la psychologie de la Gestalt est un outil inestimable pour optimiser non seulement la facilité d'utilisation de votre produit, mais également son engagement.
Introduit vers les années 1910, il est attribué aux psychologues Max Wertheimer, Kurt Koffka et Wolfgang Köhler. Gestalt, l'allemand pour "forme", nous donne un aperçu de la manière d'orchestrer les expériences des utilisateurs en explorant la relation entre un stimulus donné et la réponse cognitive de l'utilisateur.
Par exemple:
La théorie de Wertheimer indique qu'une personne voit l'effet de l'expérience dans son ensemble, par opposition à l'accumulation des différentes parties de l'expérience. En gros, tout se résume à ceci: toute la réalité est expérimentée et organisée de la manière la plus simple et la plus stable possible.
Introduction au regroupement émotionnel
- Loi de proximité
Les objets proches les uns des autres ont tendance à être regroupés. - Loi de similitude
Les articles similaires ont tendance à être regroupés. - Loi de fermeture
Les objets regroupés sont considérés comme un tout. - Loi de continuité
Les lignes sont considérées comme suivant le chemin le plus fluide. - Loi de la région commune
Les articles dans des zones similaires ont tendance à être regroupés. - Loi de la connectivité
Les éléments connectés sont considérés comme des groupes.
Les principes de regroupement de Gestalt, également appelés lois de l'organisation perceptive, sont les théories les plus connues de la Gestalt au sein de la communauté du design. En comprenant et en appliquant ces principes, vous pouvez créer des conceptions dont l'attrait esthétique suscite une réponse cognitive positive. La vraie valeur de ces théories réside toutefois dans ce qu'elles peuvent contribuer à l'ensemble du processus cognitif-émotionnel-comportemental.
En exploitant le désir de l'esprit de regrouper des objets afin de comprendre ce qu'il perçoit, nous pouvons introduire des éléments émotionnels dans nos conceptions. Par exemple, trois icônes de lapin n'auraient guère d'effet émotionnel sur l'utilisateur, à moins qu'il ne soit dégoûtant de voir autant de lapins vectoriels Photoshop génériques dans un seul article:
Mais tirez un Velveteen Rabbit , et soudain vous vous dirigez vers le territoire de joy-gasm:
Finalement, nous allons nous énerver pour le mélanger un peu. Oh non!
L'application de ces théories vous permet de renforcer les indices comportementaux dans la conception de vos engagements et d'augmenter vos conversions, de renforcer l'engagement de la marque, de dominer le monde ou tout autre objectif.
Renforcer les indices comportementaux avec un engagement émotionnel via Gestalt
En regroupant cognitivement les déclencheurs émotionnels avec des déclencheurs comportementaux ou des appels à l'action, vous pouvez renforcer la légitimité de la demande et persuader l'utilisateur de passer à l'étape suivante. Cela crée des conversions plus élevées pour des choses comme les inscriptions et les achats par courrier électronique: étapes par lesquelles les utilisateurs investissent quelque chose d'eux-mêmes dans la relation avec la plate-forme, par opposition aux simples clics ou comportements basés sur la navigation.
En mettant ces concepts en pratique, le Campagne Facebook de l'ASPCA sur Joplin Tornado prend les yeux tristes d'un chat identifié comme victime d'une tornade et recouvre un gros bouton de lecture.
Cela fait appel au principe de proximité en créant un appel à l'action convaincant sur le plan émotionnel. Au lieu de simplement intégrer une vidéo YouTube, les concepteurs ont créé cette bannière en tant que lien vers la page avec la vidéo afin de mieux contrôler ce qui est présenté à l'utilisateur. Tout en conservant la bannière cohérente avec les dimensions des lecteurs vidéo sur le Web et en superposant un bouton de lecture (exploitant ainsi le principe de similarité), ils peuvent créer un appel à l'action convaincant.
À titre de comparaison, l’incorporation simple d’une vidéo YouTube sur Le blog de Tim Ferriss manque l'engagement que nous voyons avec la demande personnalisée de l'ASPCA pour lire sa vidéo.
Contagion émotionnelle dans la conception web
Alors, comment ça marche? Pourquoi certaines images visuelles sont-elles aussi convaincantes, alors que d'autres ne le sont pas? Une forte imagerie visuelle et un texte engageant sur le plan émotionnel aident à créer " Contagion émotionnelle "Avec l'utilisateur. La contagion émotionnelle est un phénomène psychologique qui se résume essentiellement à ceci: les émotions sont contagieuses.
En d'autres termes, le chaton là-bas vient de vous infecter avec un cas de blues moyen. Vous pouvez presque l'entendre penser: "Ramenez-moi à la maison. Aime-moi. Deviens mon paparazzi et crée des mèmes lolcat gratuits de mes moments heureux. " Même si vous n'êtes pas un chat, il serait difficile de ne pas ressentir de sympathie pour sa situation. L'ASPCA connaît le pouvoir des yeux d'animaux tristes; il s'appuie sur l'image à maintes reprises dans ses campagnes.
L'exemple ci-dessus utilise une photographie, mais les illustrations et les logos peuvent également aider à créer des états émotionnels chez les utilisateurs. Un exemple de ceci est LessAccounting La page d'accueil (comme suggéré par @JbirdDesign ).
La page aligne visuellement l'image de marque de son partenariat (pour gagner en crédibilité) avec ses appels à l'action et autres indices comportementaux, afin de renforcer la confiance. En gardant les logos partenaires de taille et de forme identiques (principe de similarité) et en les positionnant dans un périmètre (principe de fermeture), les concepteurs incitent l’utilisateur à les percevoir comme une unité, même s’ils occupent toute la largeur de la page. En utilisant le principe de connectivité, les concepteurs lient visuellement les logos à la boîte centrale "La comptabilité doit être facile", où le bouton "Démarrer avec un essai gratuit" est le point focal.
Les institutions financières dépensent beaucoup d'argent en associant leur marque à la fiabilité, comme dans "Faites-nous confiance avec vos dépôts financiers". Cela peut être réalisé avec des marques coopératives, associées ou de presse.
Les médias d'information placent également leurs marques parmi les sources d'information fiables. Loin d'ouvrir une boîte de vermine sur la fiabilité de ces institutions, nous reconnaissons simplement que la confiance est une émotion viable dans leurs stratégies de marque. D'autres marques peuvent à leur tour exploiter l'engagement émotionnel d'une marque pour accroître l'efficacité de leurs propres stratégies. La fin. Pas de guerre des flammes dans les commentaires, les gens.
Un autre exemple est MailChimp La demande d'inscription à la newsletter, ci-dessous. Face aux logos d'autorités industrielles crédibles, les utilisateurs entrent en relation avec la plate-forme avec un niveau de confiance supérieur, que ce soit en créant un compte ou en s'inscrivant à la newsletter.
Lorsque le risque est plus élevé, comme pour la sécurité sociale et les numéros de carte de crédit, le niveau de crédibilité aligné avec l'action devrait également être. Lorsqu'une marque n'est pas suffisamment crédible par son seul nom, comme Amazon, elle s'appuiera généralement sur des logos et des sceaux de confiance, tels que ceux du Better Business Bureau et de la conformité PCI, afin de renforcer la confiance des consommateurs .
En un mot
En comprenant l'organisation perceptive impliquée dans le processus cognitif, nous pouvons développer des stratégies plus fortes pour les déclencheurs émotionnels et comportementaux dans nos expériences utilisateur.
- Le couplage des déclencheurs émotionnels et comportementaux dans une forme de regroupement cognitif - que ce soit par la proximité, la similarité ou autre - renforce la motivation à agir sur le comportement.
- Les normes de l'industrie ne sont pas nécessairement les plus engageantes sur le plan émotionnel, comme le montre la comparaison sur l'intégration de YouTube ci-dessus. Apprenez à organiser vos expériences au lieu de vous abonner à un standard.
- Les principes de Gestalt peuvent aider les professionnels UX à tirer parti de la confiance pour accroître les conversions basées sur les ventes.
Comment utilisez-vous le regroupement émotionnel et comportemental dans vos expériences utilisateur? Avez-vous trouvé un bon exemple dans votre navigation? Commentaires, commentaires! Nous voulons savoir, s'il vous plaît!