Écoutez la version audio de cet article

Il existe une science qui explique pourquoi certains modèles attirent votre attention et font pomper votre sang.

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

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

La cognition est complexe et de nombreux facteurs jouent dans les réactions intestinales ou dans une impression instantanée. Lorsque vous demandez à quelqu'un: «Pourquoi avez-vous fait cela?» il y a de fortes chances qu'ils ne puissent pas répondre ou que vous allez mal interpréter leur réponse.

Entrez dans la neuroscience.

Alors que les méthodes de recherche comme l'observation et les entretiens nécessitent souvent que le chercheur UX et le participant fassent des suppositions, la technologie moderne comme le suivi oculaire 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 des couleurs du texte peuvent faire des millions de dollars de différence. C’est pourquoi les géants de la technologie comme Facebook et Google commencent à utiliser des techniques basées sur les neurosciences pour étudier la façon dont les gens utilisent leurs produits.

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

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

Ce n'est un secret pour personne qu'une grande partie de ce qui motive le comportement humain est subconsciente. 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 inconscientes.

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

Le chercheur YouTube UX Javier Bargas-Avila déterminé en 2012 étude cette les gens font 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 clignoter. 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 étant «hors sujet», l'utilisateur peut s'éloigner immédiatement plutôt que d'attendre le chargement du site.

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 éloigner instantanément. Si les badges se chargent en premier, ils peuvent attendre pendant le chargement du fil d'actualité chargé en contenu.

Livre du lauréat du prix Nobel Daniel Kahneman Penser, rapide et lent 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éactif - 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 utilise généralement par défaut la pensée du système 1.

Système 2: lent, effort, 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 du 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 l’information 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 «pensée rapide».

Lorsque vous prenez des décisions rapidement, le cerveau peut trop s'appuyer sur des schémas ou 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 ne prend jamais effet. 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 un énorme 25% de l’oxygène du corps alors qu’il ne représente qu’environ 2% de sa masse. Le cerveau est paresseux comme mécanisme de survie - la reconnaissance de 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 redeviennent pertinentes.

La préférence du cerveau pour les modèles et la prise de décision paresseuse pourrait 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 les techniques de neurosciences ont récemment fait le saut dans la recherche UX, aider 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 caméras de suivi oculaire . La réponse émotionnelle et l'excitation peuvent être déterminées avec capteurs cutanés ou analyse faciale. La réponse électrique dans le cerveau peut être mesurée avec électroencéphalographie .

À designers , il peut sembler 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 des meilleures pratiques.

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

Astuce de psychologie du design n ° 1: faciliter 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 designers 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 a ce que je recherche; et b) est-ce de haute qualité? En gardant conçoit des marques, des services et des produits simples et au centre des préoccupations aider les gens à s'orienter.

Mettre certaines informations au premier plan signifie éviter que d'autres informations ne les évincent. Le désencombrement d'un dessin est tout aussi important que la réorganisation des composants.

Vous remarquerez un mouvement entre les entreprises technologiques vers des interfaces plus simples et moins encombrées. Celles-ci designs minimalistes surpasser 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.

C'était prouvé scientifiquement que les conceptions visuellement simples et propres fonctionnent mieux. Le cerveau paresseux peut saisir instantanément l’objectif du site et comprendre les mesures à prendre.

éléments et principes des définitions de conception

Conseil n ° 2 de la psychologie du design: indiquez ce qui vous attend

Amorçage , ou préparer quelqu'un à des 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 choses comme des éléments de l'interface utilisateur, certaines interactions ou le timing 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'information.

L'amorçage est une épée à double tranchant. Les informations que vous ne souhaitez pas communiquer peuvent toujours avoir un impact sur la prise de décision . Par exemple, si votre entreprise de photographie ne présente que des photos de bébés, une personne pourrait à tort supposer que vous ne servez que de la clientèle infantile.

Astuce de psychologie du design n ° 3: Organisez-vous pour les lecteurs paresseux

Suivi de l'oeil les études 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é à se concentrer 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, en lisant vers la droite, puis en parcourant la page à la recherche d'informations ou d'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 un Etude Nielsen Norman sur 45 237 pages vues, les internautes ne lisent qu'environ 20% du texte d'une page. Pire encore, sur les sites avec plus de contenu, les gens ne consacraient 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 emploie le instructions suivantes pour le texte numérisable .

• Souligné mots clés
• Significatif sous-titres
• Puces listes
• Une idée par paragraphe
• La Pyramide inversée style- commencez par la conclusion
• La moitié du nombre de mots (ou moins) d'écriture conventionnelle

Travailler avec Color Pop et Contrast

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 attirer 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 remplie d’informations concurrentes. La l'équipe de conception du cockpit utilise la couleur et le contraste pour donner une importance visuelle aux éléments les plus importants.

Luminance et contraste , peut être utilisé dans l'ensemble de votre produit pour mettre en évidence ou minimiser des informations spécifiques, mais il est le plus souvent référencé dans la conception de boutons ou d'appel à 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 parce que 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, 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'accentuation 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 sourdes 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 dé-priorisées par les concepteurs aident l'utilisateur à se concentrer directement sur les interactions ou informations les plus importantes.

Astuce de psychologie du design n ° 4: Vérification intestinale

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

Les tests de 5 secondes sont un outil puissant pour déterminer si vos conceptions sont instantanément compréhensibles.

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 souhaitées par votre utilisateur, mais si le cerveau paresseux et aimant les motifs ne peut pas saisir instantanément cela, il passera à autre chose .

Les designers en tant que 'Mind Readers'

Au fur et à mesure que nous en apprendrons davantage sur la psychologie du design, le cerveau et la perception, les normes de conception continueront de changer dans l'industrie. Le fil conducteur est 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éliorent également.

Une bonne conception d’expérience utilisateur n’est pas magique, c’est de la science. Neuroscience.

Cet article a été écrit en collaboration avec un chercheur UX Caitria O’Neill , précédemment chez Facebook, actuellement chez Airbnb, et membre de École secondaire de Stanford .

• • •

Lectures complémentaires sur le blog ApeeScape 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 UX Designer - Études de cas et exemples inspirants
• Principes heuristiques pour les interfaces mobiles
• Conception anticipative: comment créer des expériences utilisateur magiques

Comprendre les bases

Que signifient les principes du design?

Les principes de conception sont des concepts utilisés pour organiser ou organiser les éléments de conception structurelle qui composent la conception. La manière dont ces principes sont appliqués affecte le contenu expressif ou le message de l'œuvre.

Quels sont les types de modèles de conception?

Les modèles de conception sont divisés en trois types fondamentaux: comportementaux, créatifs et structurels.

Quels sont les cinq éléments du design?

Les cinq éléments de conception sont: les lignes, les formes, la masse, la texture et la couleur.

Pourquoi avons-nous besoin d'utiliser des modèles de conception?

Les attentes des utilisateurs sont l'une des raisons pour lesquelles nous utilisons des modèles de conception. Dans le développement de logiciels, c’est pour la même raison que nous utilisons des recettes pour cuire des gâteaux. Il s'agit d'un processus reproductible utilisé pour obtenir un résultat connu. Sans recettes, chaque gâteau serait une nouvelle invention - il en va de même pour les modèles de conception dans les logiciels.

Qu'est-ce que la lecture du modèle F?

Selon des études, la lecture en F est la façon dont les gens ont tendance à lire le contenu sur les sites Web. Les gens regardent généralement d'abord les informations en haut, lisent vers la droite, puis parcourent la page à la recherche d'informations ou d'icônes pertinentes.

Qu'est-ce que le suivi oculaire en marketing?

La technologie de suivi oculaire permet à un chercheur de marché d'identifier les articles qui attirent l'attention de quelqu'un sur une page Web ou une application, de comprendre comment les clients perçoivent l'environnement entourant un produit et de discerner ce qui motive leur décision d'acheter ou d'agir.

Quels sont les huit principes du design?

Celles-ci peuvent varier en fonction de la personne à qui vous demandez. Les huit principes du design sont: l'équilibre, l'alignement, le contraste, la proportion, l'emphase, le mouvement, l'unité et le rythme.