Avez-vous déjà eu l’impression que certains éléments importants d’une interface utilisateur étaient invisibles ? Que ce soit un bouton d’action crucial ou un message d’erreur important, il est facile de manquer des informations clés lors de l’utilisation d’une application. Cela est dû à un phénomène appelé cécité d’inattention, qui peut avoir un impact considérable sur l’expérience utilisateur.

Imaginez que vous utilisez une application pour commander de la nourriture en ligne. Vous avez sélectionné les plats que vous voulez, mais vous ne pouvez pas trouver le bouton pour finaliser votre commande. Après avoir examiné l’interface plusieurs fois, vous réalisez finalement que le bouton était juste en dessous de votre écran, mais vous l’aviez complètement manqué.

 

Ce scénario est un exemple de cécité d’inattention, où l’utilisateur ne voit pas une information importante ou une fonctionnalité d’une interface utilisateur.

Dans cet article, nous allons plonger dans le phénomène de la cécité d’inattention en UX design, et comment les UX designers peuvent éviter ce piège commun pour offrir une expérience utilisateur efficace et optimale.

 

 

L’attention est une ressource précieuse dans notre monde actuel.

 

 

Nous sommes constamment bombardés d’informations, de distractions et de sollicitations, ce qui peut rendre difficile la tâche de se concentrer sur une seule chose à la fois. C’est pourquoi, en tant que UX designers, nous devons être conscients de l’impact que nos choix de conception peuvent avoir sur l’attention de nos utilisateurs. Dans cet article, nous allons explorer ce qu’est l’attention, comment elle fonctionne et comment nous pouvons concevoir des interfaces qui permettent aux utilisateurs de rester concentrés sur leur tâche, tout en évitant les distractions inutiles. En tant qu’UX designer, il est essentiel de comprendre la cécité d’inattention et d’utiliser des stratégies pour aider les utilisateurs à éviter cette expérience frustrante.

 

 

Le mécanisme de l’attention

 

L’attention est la capacité de notre cerveau à filtrer et à traiter les informations provenant de notre environnement. Cette capacité est limitée, ce qui signifie que nous ne pouvons pas prêter attention à tous les éléments d’une interface utilisateur en même temps. Au lieu de cela, nous avons tendance à filtrer les informations en fonction de leur pertinence et de leur utilité pour nous.

 

Il y a plusieurs facteurs qui influencent le mécanisme de l’attention. L’un des plus importants est la saillance. Les éléments qui sont saillants, comme ceux qui ont des couleurs vives, des mouvements ou des motifs intéressants, attirent automatiquement notre attention. Les éléments qui sont moins saillants, comme ceux qui sont de couleur neutre ou qui n’ont pas de mouvement, ont moins de chances d’attirer notre attention.

 

Un autre facteur qui influence le mécanisme de l’attention est la charge cognitive. La charge cognitive est la quantité d’effort mental que nous devons fournir pour traiter une tâche ou une information. Si une tâche ou une information demande beaucoup d’effort mental, cela peut réduire notre capacité à prêter attention à d’autres informations ou tâches en même temps.

 

Enfin, le contexte dans lequel nous nous trouvons peut également influencer notre mécanisme de l’attention. Par exemple, si nous sommes dans un environnement bruyant ou stressant, cela peut réduire notre capacité à prêter attention à des informations non essentielles.

 

Comprendre ces facteurs est important pour les UX designers, car cela leur permet de concevoir des interfaces utilisateur qui prennent en compte les limites de l’attention humaine.

 

 

 

Et la cécité d’inattention dans tout ça ?

 

La cécité d’inattention est un phénomène qui se produit lorsque les utilisateurs ne remarquent pas les éléments importants de l’interface utilisateur, même s’ils sont clairement visibles. Cela peut se produire en raison de la surcharge d’informations, de la fatigue mentale, de la charge cognitive, ou d’autres facteurs.

 

Faisons une petite expérience 😉

Regardez attentivement la vidéo ci-dessous. Dans celle-ci des joueurs de basketball sont en train de se passer la balle. Comptez le nombre de passes effectuées par l’équipe portant des maillots blancs. Soyez attentif et concentré, car une question vous sera posée à la fin. Veuillez noter que rien dans cette vidéo n’est trompeur ou intentionnellement caché.

 

 

 

 

 

 

 

Le test de la vidéo du singe a été réalisé en 1999 par les psychologues Daniel Simons et Christopher Chabris de l’Université de l’Illinois à Urbana-Champaign. Ils ont publié les résultats de leur expérience dans un article intitulé « Gorillas in Our Midst: Sustained Inattentional Blindness for Dynamic Events » dans le journal scientifique Perception. Depuis lors, cette expérience est devenue un exemple classique dans le domaine de la psychologie cognitive et est souvent utilisée pour illustrer le phénomène de la cécité d’inattention.

 

 

Pour les utilisateurs d’une application la cécité d’inattention peut se produire lorsque l’interface utilisateur est conçue de manière à ce que les éléments importants ne soient pas suffisamment mis en évidence, ou lorsque l’utilisateur est confronté à une surcharge d’informations qui rend difficile la distinction entre les éléments importants et les distractions.

 

 

 

Comment éviter de tomber dans le piège de la cécité d’inattention ?

 

 

 

les UX designers doivent être conscients des éléments de l’interface utilisateur qui sont les plus importants pour les utilisateurs. Cela signifie qu’il est important de hiérarchiser les éléments en fonction de leur pertinence et de leur utilité pour l’utilisateur.

 

• Par exemple, si une page à une fonctionnalité de recherche, l’élément de recherche doit être clairement visible et facilement accessible pour l’utilisateur.

 

• Les boutons d’appel à l’action doivent également être clairement visibles et bien positionnés sur la page.

 

• Une autre façon de prévenir la cécité d’inattention est d’utiliser des éléments visuels qui attirent l’attention de l’utilisateur. Cela peut inclure des couleurs vives, des animations ou des images intéressantes. Ces éléments peuvent aider à diriger l’attention de l’utilisateur vers les éléments les plus importants de l’interface utilisateur.

 

• Les tests utilisateurs peuvent également aider à prévenir la cécité d’inattention. En demandant aux utilisateurs de parcourir une interface utilisateur et en observant comment ils interagissent avec elle, les UX designers peuvent identifier les zones où les utilisateurs peuvent manquer d’éléments importants. Ensuite, ils peuvent apporter des modifications pour rendre ces éléments plus visibles et plus accessibles.

 

• Enfin, les UX designers doivent garder à l’esprit que la cécité d’inattention peut varier d’un utilisateur à l’autre. Certains utilisateurs peuvent être plus enclins à manquer des éléments importants que d’autres, en fonction de leurs expériences et de leurs préférences personnelles. Par conséquent, il est important de prendre en compte la diversité des utilisateurs lors de la conception d’une interface utilisateur.

 

En conclusion

La cécité d’inattention et une mauvaise prise en compte du fonctionnement de l’attention en général peut avoir un impact dévastateur sur l’expérience utilisateur, mais il existe des moyens de la prévenir. En hiérarchisant les éléments de l’interface utilisateur en fonction de leur pertinence, en utilisant des éléments visuels pour attirer l’attention de l’utilisateur et en effectuant des tests utilisateurs, les UX designers peuvent créer des interfaces utilisateur plus efficaces et plus accessibles pour tous les utilisateurs.

L’article UX design : comprendre la cécité d’inattention pour améliorer l’expérience utilisateur est apparu en premier sur EKITE.

Pour pouvoir traiter toutes les données qu’il reçoit, le cerveau à besoin de faire du tri. Il doit repérer les informations importantes et les traiter rapidement : une odeur de brûlé, une voiture qui passe, le chien réclame à manger, votre fils ne fait plus de bruit dans la piscine. Il doit aussi gérer efficacement sa mémoire. De quoi dois-je me souvenir ? Est-ce que cette information me servira plus tard ou est-ce que je peux l’oublier ? Ces deux informations se contredisent et donc, laquelle dois-je retenir ? Au fil de l’évolution, le cerveau a appris à faire tout ça de manière automatique et inconsciente. On peut donc distinguer 4 stratégies que le cerveau utilise pour optimiser son fonctionnement. (Il faut filtrer la masse d’informations qui arrive en gardant celles qui nous sont familières et rejeter celles qui s’opposent à ce qu’on pense savoir)

1. Eliminer le superflu
2. Identifier ce qui est utile
3. Mémoriser ce qui sera peut être utile plus tard
4. Faire vite

Pour parvenir à faire tout ça, le cerveau a recours à de nombreux raccourcis, qui lui permettent de sauter à des conclusions qui en général sont plutôt correctes. Ces raccourcis s’appellent “Les heuristiques”

Mais dans le monde actuel, les informations que nous recevons sont de plus en plus nombreuses et complexes. Il y a des tas de situations qui sont trop subtiles pour ces raccourcis et pour lesquelles le cerveau tire de mauvaises conclusions. On appelle alors ces raccourcis ratés, des “Biais cognitif” Voir des liens là où il n’y en a pas. Créer des catégories ou des stéréotypes faux. Se souvenir plus facilement de situations qui sont en accord avec nos préjugés. Ignorer les indices qui ne correspondent pas à nos opinions. Tout ceci fait partie de la grande famille des biais cognitifs. Même si les limites entre biais peuvent être assez flous, on peut essayer de les ranger en grande catégorie qui rappellent assez les 4 points dont on a parlé tout à l’heure.

1. Eliminer le superflu On cherche à repérer plus facilement ce qui nous est familier et à considérer que les autres ont plus tendance à se tromper que nous.
2. Identifier ce qui est utile On cherche à trouver des significations là où il n’y en a pas. A trouver des corrélations illusoires et à nous méprendre sur ce que pensent les autres.
3. Mémoriser ce qui sera peut être utile plus tard On cherche à mémoriser plus facilement les événements marquants ce qui nous pousse à généraliser. Le cerveau nous fait modifier nos souvenirs en fonction de choses que nous apprenons plus tard.
4. Faire vite On cherche à prioriser ce pour quoi nous avons déjà investi du temps. Ce qui paraît le plus simple. Et ce qui donne l’impression que notre action a un impact important et immédiat.

Daniel Kahneman et Amos Tversky ont classé les heuristiques et leurs biais associés en quatre catégories.

• La représentativité

• La disponibilité

• L’ancrage

• L’ajustement

Par exemple, l’exploitation des biais cognitifs est l’une des bases de la publicité moderne. Voici deux exemples d’utilisations de ceux-ci :

75% des 25-30 ans utilisent ce produit, qu’attendez vous ?

Comme si le fait que beaucoup de gens l’utilisent rendait ce produit plus efficace. Au-delà de son taux d’utilisation, d’autres paramètres peuvent expliquer sa popularité.

• Son prix

• Sa disponibilité

• Une campagne de pub Agressive

Slogan de la FDJ 100% des gagnants ont tenté leur chance. Ici on est en plein biais du survivant. On semble oublier le fait que 100% des perdent aussi on tenté leur chance. Et ils sont beaucoup beaucoup beaucoup plus nombreux.

Les pièges de la pensée

Un des biais les plus répandus est le fait de se croire à l’abri des biais. C’est le premier qu’il faut savoir reconnaître chez soi pour pouvoir en éviter d’autres. J’ai plus souvent raison que les autres, vous aussi non? C’est ce que je remarque souvent. J’ai une explication concernant quelque chose et je trouve d’ailleurs facilement des éléments qui confirment ce que je pense. Pire que ça, ceux qui ne sont pas d’accord avec moi ont toujours recours à des arguments moisis et refusent d’entendre raison. Parmi tous les biais, le biais de confirmation est probablement le plus fréquent. Quelque soit le domaine, politique, science, vie quotidienne, dès qu’on a un avis ou dès qu’on apprend quelque chose on s’expose au biais de confirmation. Le biais de confirmation c’est quoi? C’est notre tendance à chercher à confirmer ce qu’on croit déjà. Il peut s’agir du fait de ne pas chercher plus loin une fois qu’on a trouvé un exemple qui confirme ce qu’on pense. Mais ça consiste aussi à donner plus de poids à des infos qui confirment notre premier avis même quand on a cherché et trouvé, des informations qui le contredisent.

• On peut visualiser différentes variantes de ce biais : La plus évidente consiste à ne chercher que des informations qui confirment notre idée de départ.

• Une autre variante est de faire une observation et de se dire qu’elle va dans le même sens que ce que l’on croit et oublier de se questionner si on aurait pu observer la même chose même si notre théorie était fausse.

• La mémorisation sélective des informations qui confirment nos propres convictions.

• Une autre manifestation de ce biais est le fait d’interpréter de manière biaisée, notamment par des corrélations illusoires des évènements perçus à tort comme étant liés ou associés.

Imaginons que vous pensez que vos clés sont dans votre chambre parce que vous vous rappelez les avoir mises là en dernier. Quelques heures passent et vous devez maintenant récupérer vos clés. En principe, elles pourraient maintenant être n’importe où dans votre maison, car quelqu’un pourrait les avoir changées de place. Mais ça serait stupide de commencer par aller vérifier dans la cuisine, la salle de bains, le salon, avant d’aller vérifier dans la chambre ! Si vos clés ne se trouvent pas dans la cuisine, vous n’êtes pas plus avancés pour savoir si votre croyance, que les clés sont dans la chambre, est vraie ou fausse. Dans ce cas, utiliser une stratégie de “test positif” se révèle très efficace dans la vie de tous les jours.

L’expérience de du Dr Peter C. Wason en 1960 a montré que le biais de confirmation était prédominant chez tout le monde. Ce qui nous empêche d’évaluer correctement des hypothèses. Voyons en quoi consistait cet expérience

L’objectif était de trouver quelle règle avait permis de déterminer un triplet de nombre. Le triplet [2;4;6] avait été établi comme correspondant à la règle. Les personnes testées pouvaient ensemble proposer leurs propres triplets de nombre et l’auteur du test leur disait si oui ou non ces triplets correspondaient à la règle ou non. Bien que la règle était juste une “une séquence de nombre croissant”, les personnes testées avaient beaucoup de difficultés à arriver à cette conclusion proposant souvent des règles beaucoup plus spécifiques comme “le nombre du milieu est la moyenne du premier et du dernier”. Les participants ne restaient que des exemples positifs, c’est-à-dire des triplés qui obéissent à leurs propres hypothèses. Par exemple, si leurs hypothèse était “On ajoute 2 au nombre suivant”, alors ils proposaient des triplets qui correspondaient à cette règles comme [11;13;15] plutôt que des triplets qui pouvaient invalider cette hypothèse comme [11;13;20]. Watson interprète ces résultats comme illustrant une préférence pour la confirmation vis-à-vis de l’information. D’où le terme de “Biais de confirmation”.

Pour conclure

Les heuristiques sont un mécanisme indispensable et ils fonctionnent la plupart du temps très bien. Mais il est important de garder l’esprit critique, de savoir reconnaître les biais et de les éviter car ils peuvent entraîner de très mauvais effets dans un cadre professionnel par exemple. Il est important de se questionner sur ses connaissances, ses opinions et ses croyances et de s’accorder du temps pour prendre du recul face à eux. Reconnaître ses propres erreurs et ses propres biais est un pas de plus vers la préservation de son esprit critique.

L’article Qu’est ce qu’un biais cognitif ? est apparu en premier sur EKITE.

Un Design System, qu’est-ce que c’est ?

Un Design System, c’est un outil utilisé pour concevoir des produits numériques, à destination des concepteurs UX (User Experience) et UI (User Interface) afin d’assurer l’homogénéité et la cohérence de l’expérience vécue par les personnes utilisant les différents produits dépendant d’une même entité. Par exemple, si vous commandez vos billets sur le site internet SNCF ou si vous téléchargez votre billet sur l’application mobile, vous remarquerez une grande similitude entre les éléments visuels et le fonctionnement de ces deux outils. C’est parce qu’ils dépendent tous les deux d’un même Design System. Concrètement, on y retrouve plusieurs livrables (sans être exhaustif) : les éléments composant l’identité visuelle de la structure représentée, des principes de design mais également les déclinaisons techniques afin que les développeurs n’aient pas à recréer chaque élément qui existe déjà.

Source : sqli.com

OK cool, mais à quoi ça sert ?

Qu’il s’agisse du Design System d’une entité internationale ou, d’un produit conçu et développé par une seule personne, il trouvera son utilité. De façon évidente, il permet d’homogénéiser les pratiques et d’éviter de générer de la confusion chez les utilisateurs. Il permet aussi de fédérer les équipes autour d’une vision commune du design, que chacun·e viendra enrichir en fonction des nouveaux besoins. Cette vision permet d’animer les équipes et de donner du sens aux prises de décision. Enfin, et c’est le point le plus pragmatique, il permet à tous les membres de l’organisation de gagner du temps. Ne pas devoir imaginer un nouveau visuel, une nouvelle configuration ou une nouvelle expérience, c’est gagner du temps sur des tâches fastidieuses pour se concentrer sur de la recherche UX ou d’autres sujets. De même pour les développeurs, la ré-utilisabilité des composants est un avantage précieux dans un monde où il est toujours plus vital de pouvoir délivrer rapidement.

Super, est-ce que c’est utile tout le temps ?

A l’échelle d’une grande organisation, l’outil s’impose de lui-même comme le meilleur moyen de partager et maintenir des éléments de design entre les différents métiers qui en ont besoin. Cela devient moins évident pour de petites équipes ou des personnes travaillant seules, même s’il peut être intéressant d’avoir cet outil pour capitaliser lorsque l’on doit travailler sur plusieurs sujets en parallèle.

Ça a l’air trop beau, c’est quoi les contraintes ?

Forcément, un Design System peut vite devenir une grosse machine et il est nécessaire de suivre quelques règles pour éviter qu’un outil voué à l’harmonie devienne l’épicentre d’un chaos incontrôlable. Il peut être nécessaire d’avoir un minimum d’expérience afin d’avoir le recul nécessaire et déterminer ce qu’il est pertinent d’y intégrer et son fonctionnement. Il est également important de faire preuve d’une grand rigueur afin de le maintenir et que sa vie soit aussi épanouie que sereine. Enfin, un dernier point d’attention est d’avoir une politique claire afin de pouvoir l’appliquer et le mettre en place correctement. S’il est mal ou pas communiqué, vous aurez toute les chances de le voir faillir à remplir son objectif, ce qui serait fort dommage, vous en conviendrez.

Conclusion

Voilà, vous avez toutes les clés pour comprendre ce qu’est un Design System et à quoi sert cet outil. Pour continuer à vous acculturer au Design, vous pouvez aller vous renseigner sur le concept d’Atomic Design qui en est une composante importante (cf vidéo un peu plus haut).

L’article Le Design System pour les non-designers est apparu en premier sur EKITE.

L’article Eco Conception est apparu en premier sur EKITE.