Esthétique et perception - Comment aborder l'imagerie de l'expérience utilisateur

En ce qui concerne la conception UX et l'imagerie de l'expérience utilisateur, que ce soit sur des sites Web, des applications mobiles ou tout autre produit numérique, de nombreux concepteurs choisissent des images en utilisant leur sens esthétique personnel, en les combinant avec la microcopie et le reste de l'interface d'une manière qui a du sens. par rapport à l'objectif du produit et à l'image de marque.

Le dicton populaire "une image vaut mille mots" règne depuis le début du 19e siècle et est généralement attribué à Fred R. Barnard qui a écrit la phrase dans un article faisant la promotion de l'utilisation d'images dans les publicités apparaissant sur les côtés. de tramways. Dans de nombreux contextes, les images ont le pouvoir de créer une réponse émotionnelle chez l'utilisateur ; cela peut être utile pour clarifier l'objectif de la marque, renforcer la proposition de valeur du produit et accroître l'attrait du site Web ou de l'application mobile.

Une image peut transmettre un message instantanément, car le cerveau peut l'interpréter plus rapidement que le texte, et donne de la profondeur et du contexte à un message, offrant une expérience plus immersive que le texte seul. Lorsque les concepteurs savent comment travailler avec l'imagerie, ils sont mieux à même de manipuler les réactions émotionnelles d'un public. Les conceptions de produits peuvent augmenter ou diminuer en fonction de la qualité de leurs images d'expérience utilisateur, c'est pourquoi il est essentiel de bien faire les choses.

Outre les sites Web et les applications mobiles, l'imagerie est importante dans toutes sortes de conceptions de produits. Comme l'a déclaré Rachel Krause (spécialiste de l'expérience utilisateur au sein du groupe Nielsen Norman) dans 6 Rules for Persuasive Storytelling , des images peuvent être incorporées dans des études de cas, des graphiques et des photos pertinents à partir de tests d'utilisabilité pour donner au public quelque chose avec quoi se connecter au-delà des mots. .

Kim Flaherty (spécialiste UX chez Nielsen Norman Group) a également déclaré que des recherches récentes ont indiqué que les destinataires de la newsletter attendent les mêmes images de haute qualité qu'ils rencontrent sur le Web, préférant fortement les images qui peuvent être vues à plus grande échelle et montrent les détails très clairement.

Une compréhension approfondie de l'utilisation de l'imagerie et de ses implications psychologiques pour la perception et l'expérience utilisateur est un aspect important de la conception que les concepteurs UX ne doivent pas sous-estimer.

Imagerie sensorielle dans le design

Ces derniers temps, le domaine du marketing sensoriel a attiré l'attention des mondes corporatif et académique, principalement en marketing et en psychologie. Dans le livre Sensory Marketing : Research on the Sensuality of Products , Aradhna Krishna définit le marketing sensoriel comme « des déclencheurs subconscients qui affectent la façon dont les gens prennent leurs décisions d'achat et de consommation ». Cette déclaration est tout aussi applicable dans les projets de conception de produits que dans le marketing.

Selon l'auteur, l'imagerie sensorielle peut avoir un impact sur la conception des produits en :

• encourager la stimulation mentale grâce à la conception visuelle
• engager les gens avec une marque
• influer sur leur attitude envers la marque
• stimuler d'autres sens (comme l'odorat) grâce à la conception visuelle

Stimuler la simulation mentale grâce à l'imagerie

Les spécialistes du marketing et les designers encouragent depuis longtemps les consommateurs à utiliser leur imagination avec des slogans tels que "Think different" (Apple) et "Just do it" (Nike). Ces phrases simples et accrocheuses, cependant, ne persuadent pas automatiquement les gens d'imaginer utiliser le produit sans leur demander explicitement de le faire.

Selon des études sur la cognition et la perception (mentionnées ci-dessus), il a été constaté que le simple fait de modifier la façon dont un produit est présenté visuellement encourage les gens à imaginer interagir avec le produit et augmente par conséquent la possibilité d'un achat.

Des images soigneusement sélectionnées peuvent affecter de manière significative la perception que les gens ont d'un produit, augmentant efficacement la proximité de la marque, ou avoir un impact négatif dans les situations où les gens rencontrent des images qui ne leur correspondent pas.

Par exemple, si un site Web immobilier cible les clients de la classe moyenne et utilise l'exemple suivant d'une villa clairement très haut de gamme et chère comme arrière-plan, cela pourrait potentiellement affecter la connexion entre les utilisateurs cibles et l'entreprise. Cela crée un décalage entre la marque et la façon dont les utilisateurs la perçoivent.

Attention, sensation et perception

Le point de départ pour comprendre comment les gens se rapportent à la réalité réside dans les processus psychologiques de l'attention, de la sensation et de la perception.

L'attention est un processus mental qui sélectionne des stimuli particuliers sur lesquels se concentrer et établit des relations entre eux. Lorsqu'ils sont utilisés à bon escient, ces stimuli sont placés stratégiquement afin d'attirer l'attention de l'observateur sur certaines informations. Il est essentiel de choisir les meilleures images d'expérience utilisateur possibles, car les yeux des gens sont attirés chaque jour par des dizaines d'annonces et de sites Web, et seuls quelques-uns retiendront leur attention.

Lev Semenovitch Vygotsky, un psychologue soviétique, affirme que la psyché humaine possède la sensation en tant que processus qui agit directement sur la formation subjective de la réalité à laquelle le sujet est exposé et joue un rôle important dans la relation des gens avec le monde. De plus, il existe des sensations synesthésiques, qui se caractérisent lorsque deux sensations ou plus sont ressenties ensemble, produisant généralement des associations entre des objets et des sensations. Par exemple, le rouge est souvent considéré comme une couleur "passionnelle" et Coca-Cola l'utilise largement dans son image de marque.

La perception humaine fait référence à la fonction cérébrale capable de sélectionner et d'attribuer un sens aux informations capturées par les sensations faites par le biais d'associations avec des expériences que la personne a déjà rencontrées. Cela peut également être appelé un modèle mental.

Il est essentiel de comprendre que les groupes de personnes ne pensent pas toujours de la même manière, surtout si vous tenez compte des différentes cultures, classes sociales et tranches d'âge. L'image suivante pourrait être un excellent exemple représentant le plaisir et l'aventure tant que le public est composé de jeunes qui aiment voyager, peut-être pas tellement s'il s'agit de parents qui ont connu le stress de voyager avec des enfants et tout ce que cela implique. Dans ce cas, une recherche approfondie sur les utilisateurs fournirait des informations qui aideraient les concepteurs à sélectionner le meilleur type d'imagerie à utiliser pour un public spécifique.

L'imagerie de l'expérience utilisateur comme outil pour accroître la convivialité

Dans le document de recherche Designing mobile interfaces for novice and low-literacy users , les auteurs déclarent que l'imagerie prend également en charge les personnes peu alphabétisées, augmentant la convivialité du produit et améliorant l'expérience utilisateur dans son ensemble. Parce que l'analphabétisme est souvent lié à la pauvreté, les utilisateurs analphabètes analysent les interfaces différemment, en se basant principalement sur des éléments visuels et en se concentrant sur la mécanique.

Les recherches menées par Andrew Thatcher ont étudié les comportements des personnes alphabétisées et semi-alphabètes lors de l'utilisation de guichets automatiques et d'une interface ATM alternative basée sur des icônes et la parole. Selon l'auteur, les gens ont montré une tendance à préférer une interface ATM basée sur des icônes aux autres choix. Cela peut ne pas être spécifiquement corrélé à l'imagerie, mais illustre le fait que les éléments visuels sont mieux compris que les interfaces textuelles.

Bien que cette recherche ait été spécifiquement destinée aux utilisateurs peu alphabétisés, il est essentiel de comprendre que l'imagerie et les interfaces visuelles affectent positivement les utilisateurs en général, et pas seulement les personnes ayant des difficultés de lecture. Par exemple, des images bien choisies peuvent permettre aux utilisateurs de numériser et d'assimiler les informations plus rapidement, ce qui leur permet de comprendre plus rapidement l'objectif du produit. Un excellent moyen de le vérifier consiste à utiliser une méthode connue sous le nom de test en cinq secondes.

Une compréhension plus approfondie de la psychologie appliquée à l'esthétique des produits

Étant donné que les conceptions visuellement attrayantes sont perçues comme plus faciles à utiliser, en tant que concepteur, il est important de créer en tant que telles. En outre, les conceptions esthétiques sont acceptées plus facilement, utilisées plus fréquemment et favorisent la pensée créative et la résolution de problèmes. Selon les principes universels de conception, les conceptions esthétiques favorisent également des relations positives avec les utilisateurs, les rendant plus tolérants aux problèmes d'utilisabilité au sein d'une conception.

L'effet esthétique-utilisabilité

En règle générale, les conceptions esthétiques ont une probabilité d'engagement plus élevée. L'imagerie a beaucoup à voir avec l'attrait visuel, influençant directement la perception de l'utilisateur. Lorsqu'un produit est plus utilisable mais moins attrayant visuellement, il peut souffrir d'un manque d'acceptation qui rend les problèmes d'utilisabilité discutables.

Selon ce phénomène psychologique, les conceptions esthétiquement attrayantes sont généralement plus intuitives que les moins attrayantes, et cela est particulièrement vrai pour les utilisateurs ayant une formation technique plus limitée. De plus, lorsque les conceptions esthétiques ne fonctionnent pas correctement, les utilisateurs ont tendance à se blâmer plutôt qu'à critiquer le produit.

En ce sens, une photographie ou une vidéo exceptionnelle ravit l'utilisateur. Cette réponse émotionnelle positive renforce encore les interactions de l'utilisateur avec le produit et la relation avec la marque elle-même, tout en compensant les inconvénients d'utilisation et en rendant l'utilisateur plus tolérant.

Dans un article pour Nielsen Norman Group, Kate Moran a cité Kurosu et Kashimura, qui ont conclu que les utilisateurs sont fortement influencés par l'esthétique d'une interface donnée, même lors de l'évaluation de la fonctionnalité sous-jacente du système.

Prenez le site Web FitBit, par exemple. Moran a signalé que lors des tests d'utilisabilité, un utilisateur a rencontré de nombreux problèmes lors de ses achats sur le site, allant de désagréments mineurs dans la conception de l'interaction à de graves défauts dans la navigation. L'utilisateur a pu terminer la tâche avec quelques difficultés.

Cependant, l'utilisateur a très bien noté le site Web en termes de facilité d'utilisation, affirmant que le site ressemblait à l'océan (très calme), avec de superbes couleurs et d'excellentes photographies. La réponse émotionnelle positive créée par l'attrait esthétique du site a contribué à masquer ses problèmes de convivialité.

L'effet d'amorçage

Choisir des images appropriées pour une interface va au-delà de l'esthétique. Les images choisies doivent véhiculer le bon message et les bonnes valeurs. Étant donné que le cerveau humain traite tout le temps avec des associations, l'imagerie peut être utilisée comme un outil puissant pour travailler avec des associations. Dans le livre Penser, vite et lentement , Daniel Kahneman a donné un exemple convaincant de la façon dont l'esprit fait des associations inconsciemment. Il a demandé au lecteur de regarder les deux mots suivants :

Lorsque les gens regardaient ces mots, ils faisaient l'expérience d'associations désagréables. Leurs visages se tordirent légèrement dans une expression de dégoût, leur rythme cardiaque s'accéléra et les poils de leurs bras se dressèrent un peu. En bref, ils ont répondu à « vomir » avec une version atténuée de la façon dont ils réagiraient à l'événement réel, tout automatiquement, au-delà du contrôle de la personne, uniquement par l'association d'idées. Mais l'impact peut aller au-delà de cela, les gens associant le mot "banane" aux connotations négatives de "vomi".

L'amorçage est un effet de mémoire implicite dans lequel l'exposition à un stimulus influence une réponse à un stimulus ultérieur. Les concepteurs peuvent également travailler avec des images, non pas simplement en pensant à la façon dont l'interface serait visuellement attrayante, mais en termes de transmission de message, de perception de l'utilisateur, d'engagement de l'utilisateur et de manipulation de leurs idées par le biais d'associations bien construites.

Dans Amorçage et interfaces utilisateur du groupe Nielsen Norman, l'auteur déclare que « les images et le contenu des pages incitent les gens à former des attentes à l'égard du site Web. Si ces hypothèses sont davantage confirmées, l'expérience globale est fluide et agréable. Cependant, lorsque les hypothèses s'avèrent fausses, les gens perçoivent souvent que le site est peu convivial.

L'exemple suivant a également été présenté dans l'article, montrant une page d'accueil pour une école privée qui montre des images de petits enfants, donnant l'impression que l'école est une école maternelle ou juste pour les premières années du primaire. En réalité, l'école couvre jusqu'à la 8e année.

Sommaire

L'imagerie peut être un outil puissant lorsqu'elle est utilisée pour influencer la perception des gens et l'expérience de l'utilisateur. Lorsqu'une image efficace est sélectionnée pour la conception, elle peut augmenter l'attrait d'un produit, renforcer la valeur commerciale, augmenter les ventes et la génération de prospects, aider à accélérer la numérisation de l'interface et des informations, ravir le public et améliorer l'empathie entre les consommateurs et la marque.

Une fois que les concepteurs comprennent mieux les phénomènes psychologiques les plus importants et le fonctionnement de l'esprit des gens, ils peuvent créer de meilleurs produits qui ont vraiment du sens pour les gens, tout en affectant positivement l'entreprise elle-même.

Pour en savoir plus sur le blog Toptal Design :

• Illustration de marque 101 : Visualiser le récit
• La psychologie du design et les neurosciences de l'expérience utilisateur impressionnante
• Design persuasif : Utiliser efficacement la psychologie avancée
• Un guide étape par étape pour concevoir des illustrations personnalisées sans aucune compétence en dessin
• Influence avec le design - Un guide de la couleur et des émotions