dans les tests d’utilisabilité, nous observons souvent des utilisateurs qui négligent un changement à l’écran que les concepteurs pensaient évident et très perceptible. Comme toujours dans la convivialité, si vous avez travaillé sur un dessin, vous savez quoi chercher, où chercher pour elle, quand elle apparaîtra, et ce qu’il signifie. Alors oui, c’est évident pour vous et vous ne manqueriez pas l’apparition d’un message important ou d’un objet de données lorsque vous examinez votre propre conception. Mais les utilisateurs le font souvent. Pourquoi?, En raison de la cécité du changement, qui est un fait vieux d’un million d’années de la perception humaine (et protohumaine), et qui ne devrait pas disparaître de sitôt.

alors, qu’est-ce que la cécité du changement? Dans Psycho D’Alfred Hitchcock, l’un des films les plus célèbres de tous les temps, le détective Arbogast regarde la maison de Norman Bates projetée sur un ciel sombre et sans nuages. La caméra revient sur le visage du détective et le suit alors qu’il commence à marcher vers la maison. La scène est encore sombre, mais le ciel est soudainement devenu plein de nuages.,

que le changement dans la texture du ciel était intentionnel (peut-être l’avertissement subtil de Hitchock pour ce qui allait venir) ou une erreur de continuité, il y a de fortes chances que la plupart des téléspectateurs ne le remarquent pas. Les films ont souvent de petites incohérences comme celle — ci d’une scène à l’autre-des changements dans l’arrière-plan, dans les vêtements des acteurs, le maquillage ou les positions, mais ceux-ci sont ignorés lorsqu’ils sont faits pendant les coupes entre les scènes.

ce phénomène s’appelle la cécité du changement et va au — delà des films-il s’applique à la façon dont les gens perçoivent les scènes en général, qu’elles soient projetées sur un écran ou dans la vie réelle., La cécité du changement est très robuste: même lorsque les gens sont avertis qu’un changement peut se produire, les changements dans une scène peuvent passer inaperçus.

définition: la cécité des changements fait référence à la tendance des gens à ignorer les changements dans une scène lorsqu’ils se produisent dans une région éloignée de leur centre d’attention.

en psychologie, la cécité du changement est peut-être mieux illustrée par une série d’expériences réalisées au milieu des années 1990., Dans ces expériences, on a montré aux participants une image d’une scène complexe pendant environ une demi-seconde; puis l’écran est resté vide pendant une fraction de seconde, et enfin la même image a été montrée à nouveau. Cependant, la deuxième fois que la scène a été montrée, certains détails ont été modifiés — par exemple, un objet a changé de taille, de couleur ou un élément a été ajouté ou supprimé. Les Participants à l’expérience étaient censés identifier les changements dans les deux images. Dans certaines de ces études, les gens ont pédalé à travers les deux versions plusieurs fois, jusqu’à ce qu’ils soient en mesure de détecter le changement., Pour beaucoup, il a fallu 20 ou 40 alternances pour pouvoir le trouver.

la qualité vacillante de l’affichage (une scène, suivie d’un écran vide, suivie de ce qui semble être la même scène) est une composante essentielle de la cécité du changement. Dans les films, la scène coupée joue le rôle d’un scintillement; et, dans l’interaction avec un ordinateur, le scintillement est causé par le chargement d’une nouvelle page (ou de l’élément d’INTERFACE utilisateur) une fois que l’utilisateur a appuyé sur un bouton., Mais il s’avère que le scintillement ne doit pas nécessairement être littéral — les modifications de scène qui se produisent lorsque l’utilisateur clignote ou pendant un saccade (lorsqu’elle déplace ses yeux vers une autre région de l’écran) sont également très susceptibles de changer de cécité.

Les Magiciens profitent de la propension des humains à changer de cécité lorsque leurs yeux bougent: ils utilisent un dispositif attirant l’attention pour provoquer des mouvements oculaires à cet endroit et, en même temps, se livrent à des actions non observées qui sont essentielles à leurs tours.

pourquoi la cécité Change-t-elle?,

la raison fondamentale pour laquelle la cécité du changement se produit est une limitation de nos capacités d’attention. Toute scène complexe a une multitude de détails, et il est difficile et inefficace pour les gens de s’occuper de tous. Ce que nous faisons normalement, c’est prendre des raccourcis.

le changement est et a toujours été important pour les humains — il peut transmettre des informations essentielles sur notre environnement., La plupart des changements dans la nature sont médiés par le mouvement (à quelques exceptions près, comme les caméléons, un objet physique ne peut pas changer instantanément sans aucun mouvement), et le mouvement est facilement détecté par la vision périphérique humaine. Une fois que les yeux humains détectent le mouvement à la périphérie, ils regardent la source du mouvement — la vision centrale entre en jeu et fournit des informations supplémentaires et détaillées. Ce comportement est un vestige de notre vie dans la nature, où tout mouvement pourrait signaler un prédateur attendant de nous chasser.

changement la cécité se produit lorsque le mouvement comme signal de changement est faible ou complètement absent., Lorsque l’écran clignote, le mouvement est écarté — nous voyons deux versions statiques de la scène. La seule façon de savoir ce qui a changé est d’inspecter tous les éléments correspondants dans les versions avant et après et de les comparer. Cette tâche est très difficile, non seulement il est fastidieux d’inspecter la myriade de petits détails dans la scène, mais notre mémoire de la version antérieure de la scène est susceptible d’être assez pauvre. En fait, il y a de fortes chances que nous n’ayons pas prêté attention à de nombreux éléments de cette scène de toute façon.

mais la cécité changeante se produit également lors d’un mouvement oculaire., En d’autres termes, si deux (éventuellement des changements de mouvement) se font concurrence-comme dans le spectacle de magie, un changement gagne généralement et attire l’œil, mais ce mouvement oculaire bloque la détection du deuxième changement. Cette cause est particulièrement importante dans la conception d’interface.

modification de la cécité dans la conception de L’Interface

dans les interactions normales avec une interface utilisateur, la modification de la cécité se produit souvent lorsqu’un nouvel élément (comme une image différente dans un carrousel d’images de produit ou le contenu d’un menu déroulant) apparaît à l’écran à la suite, Le lieu du changement devrait être l’élément de conception visible qui répond directement à l’action de l’utilisateur et l’utilisateur déplace les yeux dans cette direction — mais en fait, le changement est réparti sur plusieurs régions de l’écran.

par exemple, lorsque les utilisateurs tapent sur le menu hamburger dans L’application Android D’Aldiko, ils s’attendent à ce que les modifications à l’écran soient liées à cette action — à savoir que les nouveaux éléments seront localisés dans la zone entourant le contenu du menu., Leurs yeux resteront autour de cette zone et ils ne remarqueront probablement pas que le bouton action-overflow dans le coin supérieur droit de l’écran a été remplacé par une icône de recherche.

Aldiko pour Android: lorsque le menu est ouvert, les commandes dans le coin supérieur droit de l’écran sont remplacées par une loupe., L’outil de recherche restera inaperçu car (1) les gens regarderont le menu élargi, qui sera un résultat direct de leur action; (2) ils s’attendront à ce que les autres éléments de l’écran restent inchangés (comme ils le font normalement dans les interactions avec la plupart des interfaces utilisateur).

ailleurs, nous avons discuté de la façon dont la boîte de recherche ne devrait pas être remplacée par une icône de recherche sur le bureau; sur un écran mobile, cependant, le motif est plus utilisable que sur le bureau, car nos recherches montrent que l’outil Loupe est assez détectable même, Cependant, si le champ de recherche n’est pas visible par défaut, lorsque les utilisateurs cliquent sur l’icône de recherche, le champ de texte doit apparaître à côté (plutôt que plus loin à l’écran) pour s’assurer que les gens ne le manqueront pas.

Non seulement le Texas & M University remplacer le champ de recherche avec une icône de recherche, mais il affiche également la zone de texte de recherche, loin de l’icône de recherche. L’animation du héros de l’image était en concurrence avec l’affichage de la boîte de recherche.,

L’Université John Hopkins a également utilisé un héros animé et caché la recherche sous une icône. Mais au moins, il affichait la boîte de recherche près de l’icône de recherche et atténuait l’arrière-plan en mouvement, pour réduire une partie de l’animation concurrente.

Les barres de navigation semi-persistantes ou les boutons flottants qui apparaissent vers le haut de la page risquent également de ne pas être détectés, car souvent le défilement de la page les Masque., Par exemple, des barres de navigation semi-persistantes apparaissent en haut de l’écran lorsque les étoiles de l’utilisateur défilent vers le haut. L’espoir est que les gens remarqueront ces barres et sélectionneront l’une des options à l’intérieur au lieu de glisser leur chemin vers le haut de la page. Malheureusement, le mouvement de la page peut facilement bloquer le mouvement causé par l’apparition de la barre, en particulier lorsque la couleur de la barre de s’harmonise avec la couleur de la page, comme dans le New York Times exemple ci-dessous.,

NYTimes pour iPhone: lorsqu’ils commencent à défiler vers le haut, les gens peuvent manquer la barre de navigation semi-permanente qui apparaît en haut de l’écran car ils sont concentrés sur le défilement de la page. Un facteur aggravant est le fait que les visuels de la barre de navigation ne sont pas assez distinctifs du contenu de la page.,
le site mobile de Chicago Tribune utilise également une barre de navigation semi-permanente qui apparaît en haut de la page lorsque les gens commencent à faire défiler vers le haut. Toutefois, dans ce cas, la conception visuelle de la barre rend plus saillant.

(notre vision périphérique est responsable de la sélection des mouvements et des ombres., Lorsque le profil” ombre  » d’une page change, par exemple parce qu’un gros bloc de couleur contrastante est apparu dans un coin, il nous est plus facile de détecter son apparence que lorsque le même bloc se fond subtilement dans le reste de la page et ne modifie pas de manière significative le profil d’ombre de la page.)

de nombreux autres aspects de la conception peuvent être affectés par la cécité des changements — les messages d’erreur ou autres notifications, les résultats qui apparaissent trop rapidement ou le changement de barre de navigation peuvent également rester ignorés en raison de ce phénomène, comme discuté dans notre article d’accompagnement sur le même sujet.,

comment prévenir la cécité des changements dans la conception de L’Interface

pour éviter la cécité des changements, analysez votre conception pour détecter tout changement concurrent qui pourrait se produire en même temps et qui pourrait détourner l’attention les uns des autres. Voici quelques techniques pour le faire:

  • Faire un changement à la fois. Dans L’exemple Aldiko ci-dessus, la recherche peut être placée dans le coin supérieur droit et être toujours visible.
  • regroupez tous les éléments qui changeront simultanément dans la même région de l’écran, pour vous assurer que le mouvement attirera l’attention sur tous., Par exemple, une autre solution facile pour la conception Aldiko est de déplacer la recherche dans le menu. (Notez cependant que cacher la recherche sous un menu aura un impact sérieux sur sa découvrabilité et ne peut être acceptable que sur les sites à parcourir.)
  • utilisez l’animation pour signaler le changement, mais évitez d’avoir trop d’animations concurrentes à l’écran pour éviter une dilution de l’attention.
  • Dim les zones de l’écran qui ne change pas, afin d’attirer l’attention sur les changements.,
  • Si vous ajoutez des éléments flottants à la page pendant que l’utilisateur défile, affichez-les à côté du centre d’attention de l’utilisateur (par exemple, vers le bas de la page pour les boutons Retour en haut) et utilisez des couleurs qui contrastent avec le reste de la page.

Articles

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *