La psychologie du design et les neurosciences de l'expérience utilisateur impressionnante

Écoutez la version audio de cet article

Il existe une science qui explique pourquoi des conceptions particulières attirent votre attention et font pomper votre sang.

Le cerveau humain est paresseux, biaisé et sujet aux raccourcis.

L'étude de l'expérience utilisateur sur la cognition humaine peut être molle, non scientifique et remplie de fausses hypothèses - c'est peut-être la faute d'un cerveau paresseux.

La cognition est complexe et de nombreux facteurs jouent dans les réactions intestinales ou une impression instantanée. Quand vous demandez à quelqu'un : « Pourquoi as-tu fait ça ? il y a de fortes chances qu'ils ne soient pas en mesure de répondre ou que vous interprétiez mal leur réponse.

Entrez les neurosciences.

Alors que les méthodes de recherche comme l'observation et les entretiens exigent souvent que le chercheur UX et le participant fassent des suppositions, la technologie moderne comme l'oculométrie permet aux chercheurs d'étudier des réactions et des préférences presque imperceptibles .

Dans le cas de produits avec un trafic important, des détails apparemment minuscules comme la largeur d'un bouton ou le contraste de couleur du texte peuvent faire des millions de dollars de différence. C'est pourquoi des géants de la technologie comme Facebook et Google commencent à utiliser des techniques basées sur les neurosciences pour étudier comment les gens utilisent leurs produits.

Commençons par une introduction à la "réflexion rapide" réactive et donnons quelques conseils aux concepteurs pour aider à tirer parti de la puissance des neurosciences afin de créer des expériences utilisateur exceptionnelles.

Psychologie du design : pensée rapide, pensée lente

Ce n'est un secret pour personne qu'une grande partie de ce qui motive le comportement humain est subconscient. Dans les millisecondes après qu'une personne rencontre une nouvelle application ou un nouveau site Web, des millions de neurones se déclenchent et le cerveau prend des centaines de décisions subconscientes.

Suis-je au « bon » endroit ? Dois-je faire confiance à ce site ?

Le chercheur YouTube UX Javier Bargas-Avila a déterminé dans une étude de 2012 que les gens forment des réactions esthétiques à une page Web dans les 17 à 50 premières millisecondes après l'exposition .

Pour mettre cela en perspective, il faut 300 à 400 millisecondes à l'œil pour cligner des yeux. Votre produit peut recevoir son procès, son jugement et sa condamnation en moins d'un clin d'œil.

Ces impressions peuvent ne pas être enregistrées, mais elles ont un impact sur le comportement. Par exemple, si un site se charge lentement et que le cerveau lit les premiers éléments qui se chargent comme "hors sujet", l'utilisateur peut s'éloigner immédiatement plutôt que d'attendre que le site se charge.

Des entreprises comme Facebook investissent des ressources importantes dans l'étude de l'ordre de chargement des éléments. Si quelqu'un se connecte à Facebook et ne voit aucun badge de notification, il peut s'en aller instantanément. Si les badges se chargent en premier, ils peuvent attendre pendant le chargement du fil d'actualités riche en contenu.

Le livre du lauréat du prix Nobel Daniel Kahneman, Thinking, Fast and Slow, divise la pensée humaine et la prise de décision en deux systèmes pour aider à illustrer la différence.

Système 1 : rapide, automatique, fréquent, émotionnel, stéréotypé, subconscient.

La pensée du système 1 est réactive - responsable de la cognition complexe mais instinctive comme la détermination de la distance entre les objets ou la détermination des réponses émotionnelles. Votre cerveau paresseux adopte généralement par défaut la pensée du système 1.

Système 2 : lent, laborieux, logique, calculateur, conscient, peu fréquent.

La pensée du système 2 est analytique et s'applique à des scénarios plus complexes, comme la détermination d'un comportement social approprié ou la comparaison de deux produits avec des prix et des caractéristiques différents.

Étant donné que le cerveau ne veut pas retraiter les informations ou prendre de nouvelles décisions à chaque fois qu'il est confronté à un nouveau scénario, une grande partie de la prise de décision humaine relève du système 1, ou "réflexion rapide".

Lorsqu'il prend des décisions rapidement, le cerveau peut trop s'appuyer sur des schémas ou des modèles mentaux - des schémas familiers d'information et d'interaction. Lorsque la pensée du système 1 est engagée, le système 2 n'entre jamais en vigueur. Les gens peuvent ne pas être conscients de la sténographie décisionnelle de leur cerveau, mais cela a un impact important sur leurs comportements et leur perception du produit.

La science de la psychologie dans le design

Le cerveau humain consomme pas moins de 25 % de l'oxygène du corps alors qu'il ne représente qu'environ 2 % de sa masse. Le cerveau est paresseux en tant que mécanisme de survie - la reconnaissance des formes et les raccourcis signifient moins d'énergie dépensée pour traiter consciemment la situation . Le cerveau identifie les choses, les étiquette et les ignore jusqu'à ce qu'elles soient à nouveau pertinentes.

La préférence du cerveau pour les modèles et la prise de décision paresseuse peut faciliter la survie, mais cela rend la conception UX plus difficile. Comment étudiez-vous quelque chose que votre sujet de recherche ne peut même pas percevoir ?

Une poignée de techniques de neurosciences ont récemment fait le saut dans la recherche UX, aidant les chercheurs à faire la lumière sur les éléments qui stimulent la «réflexion rapide».

L'attention et la perception peuvent être étudiées avec des caméras de suivi oculaire. La réponse émotionnelle et l'excitation peuvent être déterminées à l'aide de capteurs cutanés ou d'une analyse faciale. La réponse électrique dans le cerveau peut être mesurée par électroencéphalographie.

Pour les concepteurs, cela peut sembler une tâche impossible de capter l'intérêt de quelqu'un et de transmettre des informations vitales en moins d'un clin d'œil. Heureusement, tout comme les neurosciences peuvent nous aider à diagnostiquer des problèmes, elles peuvent également révéler des solutions générales et les meilleures pratiques.

Voici quelques leçons générales tirées de la recherche sur l'expérience utilisateur en neurosciences que les concepteurs peuvent utiliser lors de la conception de produits numériques.

Conseil de psychologie du design n° 1 : Facilitez l'identification

Tout le monde arrive sur un site Web ou une application avec une certaine attente de ce à quoi il devrait ressembler. Rester proche de cette attente aide les concepteurs à bénéficier d'une prise de décision subconsciente instantanée.

La personne qui ouvre votre application ou votre site Web veut savoir a) est-ce que cela correspond à ce que je recherche ; et b) est-ce de haute qualité ? Garder des conceptions simples et garder la marque, les services et les produits au premier plan aide les gens à s'orienter.

Mettre certaines informations au premier plan signifie empêcher d'autres informations de les évincer. Désencombrer une conception est tout aussi important que réorganiser les composants.

Vous remarquerez un mouvement dans les entreprises technologiques vers des interfaces plus simples et moins encombrées. Ces conceptions minimalistes surpassent les conceptions plus complexes dans l'exécution des tâches et la clarté visuelle a un impact sur les décisions d'achat en ligne et hors ligne.

Il a été scientifiquement prouvé que les conceptions visuellement simples et épurées sont plus performantes. Le cerveau paresseux peut saisir instantanément le but du site et comprendre quelle action entreprendre.

Astuce de psychologie du design #2 : Indiquez ce qui s'en vient

Amorcer ou préparer quelqu'un pour certaines informations ou interactions à venir peut améliorer la capacité de l'utilisateur à comprendre et à réagir à de nouvelles informations. Vous pouvez inciter quelqu'un à s'attendre à des éléments tels que des éléments de l'interface utilisateur, certaines interactions ou la synchronisation d'un processus.

Par exemple, Yelp utilise un écran supplémentaire pour alerter les utilisateurs qu'ils quittent Yelp pour visiter un site tiers. Le contexte supplémentaire permet de signaler à l'utilisateur qu'il s'attend à une nouvelle architecture de conception et d'informations.

L'amorçage est une épée à double tranchant. Les informations que vous ne voulez pas communiquer peuvent néanmoins avoir un impact sur la prise de décision . Par exemple, si votre entreprise de photographie ne propose que des photos de bébés, une personne pourrait penser à tort que vous ne desservez qu'une clientèle infantile.

Conseil de psychologie du design n° 3 : organisez-vous pour les lecteurs paresseux

Les études de suivi oculaire sont capables de suivre le regard d'une personne lorsqu'elle interagit avec un produit. Ils peuvent produire des cartes thermiques qui montrent le temps passé concentré sur une partie de l'écran, ou des cartes de la façon dont l'œil saute sur la page.

Nous savons que, dans tous les secteurs et types d'applications, le cerveau recherche généralement des informations selon un modèle F (ou modèle E). La personne regarde les informations en haut, lisant vers la droite, puis parcourant la page vers le bas pour rechercher des informations ou des icônes pertinentes.

Briser le modèle F - par exemple, mettre des informations importantes dans le coin inférieur droit - rendra la recherche plus difficile.

Apprivoisez votre texte

Selon une étude Nielsen Norman de 45 237 pages vues, les gens ne lisent qu'environ 20 % du texte d'une page. Pire encore, sur les sites avec plus de contenu, les gens ne consacrent qu'environ 4 secondes supplémentaires pour chaque 100 mots de texte supplémentaires.

Dans un monde où les gens ne lisent pas mot à mot, Nielsen Norman utilise les directives suivantes pour le texte numérisable .

• Mots clés en surbrillance
• Sous-titres significatifs
• Listes à puces
• Une idée par paragraphe
• Le style de la pyramide inversée - commencez par la conclusion
• La moitié du nombre de mots (ou moins) de l'écriture conventionnelle

Travailler avec Color Pop et Contraste

L'organisation et l'emplacement du texte ne sont pas les seuls facteurs importants dans la conception. La théorie des couleurs, les poids et le contraste peuvent être utilisés pour diriger l'attention de l'utilisateur.

L'équipe de conception du cockpit de la NASA utilise la luminance - ou la luminosité perçue d'une conception - pour aider à gérer l'attention du pilote dans une zone encombrée d'informations concurrentes. L'équipe de conception du cockpit utilise la couleur et le contraste pour mettre en évidence visuellement les éléments les plus importants.

La luminance et le contraste peuvent être utilisés dans votre produit pour mettre en évidence ou minimiser des informations spécifiques, mais ils sont le plus souvent référencés dans la conception des boutons ou des incitations à l'action. Comme vous pouvez le voir dans les exemples de boutons rouges ci-dessous, bien que le bouton dans le coin supérieur gauche soit le plus saturé, il "se sent" le plus brillant car le contraste est le plus élevé.

Le contraste et la luminance ne sont qu'une première étape. La théorie des couleurs suggère d'équilibrer les couleurs de votre produit en utilisant la couleur dominante 60 % du temps, la couleur secondaire 30 % et l'accent 10 %. Cette ventilation est cohérente avec la neuroscience derrière ce qui attire l'œil. Parce que la couleur d'accent est la moins utilisée, elle attire le plus l'œil.

Tout comme l'utilisation de couleurs vives peut attirer l'œil, l'utilisation de couleurs plus discrètes peut aider un utilisateur à déterminer quelles informations sont secondaires ou moins importantes. Par exemple, la plupart des sites Web utilisent des zones de pied de page avec une couleur plus neutre pour montrer la séparation du reste des informations sur la page.

Toutes les fonctionnalités ou informations que les concepteurs dépriorisent aident l'utilisateur à se concentrer directement sur les interactions ou informations les plus importantes.

Conseil de psychologie du design n° 4 : vérification de l'intestin

Heureusement, vous n'avez pas besoin de milliers de dollars de logiciel de suivi oculaire ou d'un électroencéphalogramme pour savoir si une conception fonctionne.

Les tests de 5 secondes sont un outil puissant pour déterminer si vos conceptions sont immédiatement compréhensibles ou non.

Dans un test de 5 secondes, le participant consulte un site ou une application pendant 5 secondes, puis répond aux questions sur le sujet et la conception. Incapable de se référer à l'image, le participant donne ses "impressions" - ce que les participants ont supposé être le but et la fonction du produit, et ce qu'ils feraient ou où ils chercheraient les prochaines étapes.

Votre produit peut avoir toutes les fonctionnalités que votre utilisateur souhaite, mais si le cerveau paresseux et amateur de modèles ne peut pas saisir cela instantanément, il passera à autre chose .

Les designers en tant que "lecteurs d'esprit"

Au fur et à mesure que nous en apprendrons davantage sur la psychologie du design, le cerveau et la perception, les normes de conception continueront d'évoluer dans l'industrie. Le fil conducteur, ce sont les données - à mesure que les méthodes d'étude des neurosciences et de la cognition s'améliorent, le type et la qualité des données disponibles pour la conception UX s'amélioreront également.

Une excellente conception de l'expérience utilisateur n'est pas de la magie, c'est de la science. Neurosciences.

Cet article a été écrit en collaboration avec la chercheuse UX Caitria O'Neill , auparavant chez Facebook, actuellement chez Airbnb, et boursière à la d.school de Stanford .

• • •

Pour en savoir plus sur le blog Toptal Design :

• eCommerce UX - Un aperçu des meilleures pratiques (avec infographie)
• L'importance de la conception centrée sur l'humain dans la conception de produits
• Les meilleurs portefeuilles de concepteurs UX - Études de cas et exemples inspirants
• Principes heuristiques pour les interfaces mobiles
• Conception anticipative : comment créer des expériences utilisateur magiques