![\"nature-laptop-outside-macbook](\"https:\/\/cinnk.com\/wp-content\/uploads\/2020\/10\/nature-laptop-outside-macbook_1.jpg\")
<\/p>\nLes informations d’un \u00e9cran sont transmises \u00e0 l’utilisateur via son oeil. Une bonne connaissance de la psychologie cognitive peut vous aider \u00e0 cr\u00e9er et am\u00e9liorer des interfaces plus efficaces.<\/p>\n
<\/p>\n
\nLes informations d’un \u00e9cran sont transmises \u00e0 l’utilisateur via son oeil. Une bonne connaissance de la psychologie cognitive peut vous aider \u00e0 cr\u00e9er et am\u00e9liorer des interfaces plus efficaces.<\/p>\n
Par exemple, la d\u00e9couverte d’une page est bas\u00e9e sur : <\/p>\n
La vision fov\u00e9ale et parafov\u00e9ale
\nLe rythme
\nLa gestalt
\nL’image mentale<\/p>\n
Il est naturel pour un humain (et \u00e0 fortiori un designer) de penser que l\u2019utilisateur va voir cette premi\u00e8re image nette et color\u00e9e de la page d\u2019accueil.<\/p>\n
Mais les nouveau utilisateur d\u2019un site web auront besoin de 50 secondes pour comprendre cette interface simple, en commen\u00e7ant par une vision parafov\u00e9ale grise et floue !<\/p>\n
Au travers des yeux…
\nLa vision cr\u00e9e une cartographie mentale de toutes les choses auxquelles nous pr\u00eatons attention.Et, les yeux envoient deux sortes d\u2019informations \u00e0 notre cerveau :<\/p>\n
Une image rapide, grand angle, de ce que nous regardons, m\u00eame dans un environnement faiblement lumineux, mais flou et gris.
\nUne image lente, r\u00e9duite, nette et color\u00e9e du point fix\u00e9. Parce que fondamentalement l\u2019oeil est fait de deux parties :
\n Un dispositif optique frontal (Iris, Corn\u00e9e et Cristalin)
\n Des photorecepteurs en fond (la R\u00e9tine)<\/p>\n
Le dispositif optique frontal laisse entrer la lumi\u00e8re dans l\u2019oeil avec une mise au point nette seulement sur le centre de la r\u00e9tine, tous les autres photor\u00e9cepteurs re\u00e7oivent un signal flou.<\/p>\n
La r\u00e9tine d\u00e9code la lumi\u00e8re en informations \u00e9lectrochimiques pour le cerveau avec deux types de photor\u00e9cepteurs :<\/p>\n
B\u00e2tonnets : tr\u00e8s sensibles, mais ne d\u00e9codant que les niveaux de gris.
\n C\u00f4nes : pas du tout sensibles (ils ont besoin de beaucoup de lumi\u00e8re), regroup\u00e9s par trois, chacun d\u00e9codant Rouge, Vert ou Bleu (oui, nous sommes des d\u00e9codeurs RVB !)<\/p>\n
Plus de 95% de notre r\u00e9tine est compos\u00e9 de b\u00e2tonnets et une tr\u00e8s petite partie est faite de c\u00f4nes.
\nPar chance, les c\u00f4nes sont regroup\u00e9s juste en face du dispositif optique (l\u00e0 o\u00f9 le signal est net et focalis\u00e9) et pr\u00e8s du nerf optique (car l\u2019information de couleurs est plus compliqu\u00e9e \u00e0 transmettre).Ce groupe de c\u00f4nes s\u2019appele la Fov\u00e9a.<\/p>\n
La vision est donc un mix d\u2019information fov\u00e9ales et parafov\u00e9ales envoy\u00e9es \u00e0 notre cerveau. Seulement 3% est en couleur et net.
\nImage mentale, saccade et m\u00e9moire
\nMais notre cerveau ne fonctionne pas avec les images floues. Nous avons besoin d’une image pr\u00e9cise, d’une conscience \u201cnormale\u201d de notre environnement.
\nPour cela, nos yeux \u201cpointent\u201d divers endroits de l\u2019\u00e9cran afin d’obtenir leurs vraies couleurs et leurs contours exacts. Nous appelons cette succession de \u201cpointages\u201d fov\u00e9aux la saccade.
\nSelon la distances qui les s\u00e9pare, nous pouvons \u201cd\u00e9couvrir\u201d jusqu’\u00e0 15 points par seconde, avec une moyenne de 6. Donc, en th\u00e9orie, pour d\u00e9couvrir notre interface dans son ensemble, nous avons besoin de (100\/3) x 6 secondes = 5,5 secondes.
\nDans la r\u00e9alit\u00e9, le saccade n’est pas r\u00e9guli\u00e8re, nous consacrons beaucoup de temps \u00e0 d\u00e9cider du pointage suivant, nous essayons de comprendre, de lire ce que nous d\u00e9couvrons sur chaque \u201cpoint\u201c et la d\u00e9couverte exhaustive d’une interface simple prend plus de 50 secondes. Mais notre cerveau ne peut pas attendre et veut une image mentale utilisable imm\u00e9diatement. Par cons\u00e9quent, il cherche dans notre m\u00e9moire ce qu’il n\u2019a pas encore vu et le remplace \u00e0 mesure du d\u00e9roulement de la saccade.
\nL\u2019eXperience de l\u2019Utilisateur commence toujours avec plus d’informations provenant de sa m\u00e9moire que de l’interface elle-m\u00eame !
\nOptimiser la d\u00e9couverte
\nVotre cerveau est intelligent, il utilise la vision parafov\u00e9ale pour comprendre la structure de l’interface, favoriser certaines parties et en rejetter d’autres.
\nPar exemple, nous avons :A : Menu, liens ou informationB : Logo, manifeste ou pubC : Navigation secondaireD : Page\/groupe de titreE : Contenu de la pageF : Une liste de choses (titres). Sont-ils des liens ?<\/p>\n
Nous imaginons \u00e9galement que nous pourrions acc\u00e9der \u00e0 un contenu plus complet (lire la suite …) car nous avons quelque chose qui ressemble \u00e0 un bouton en bas \u00e0 droite sous l\u2019\u00e9l\u00e9ment de contenu.
\nMais nous avons un autre bouton en bas \u00e0 gauche de l’\u00e9l\u00e9ment liste. C’est un peu d\u00e9routant :<\/p>\n
Les boutons servent-ils \u00e0 la m\u00eame chose ?
\nLes boutons sont-ils toujours en bas ?
\n\u00c0 gauche ou \u00e0 droite ?<\/p>\n
Gr\u00e2ce \u00e0 la vision parafov\u00e9ale, nous construisons une strat\u00e9gie de d\u00e9couverte hi\u00e9rarchique pour aller \u00e0 l\u2019essentiel, en un minimum de temps.Et nous collectons g\u00e9n\u00e9ralement assez d\u2019informations pour prendre une d\u00e9cision en moins de 5 secondes.
\nProbl\u00e8mes de designers avec la perception
\nEn tant que designer, concevant une interface, vous avez a une vision fov\u00e9ale\/parafov\u00e9ale, une saccade et une strat\u00e9gie hi\u00e9rarchique chaque fois que vous la regarder. Mais il y a une diff\u00e9rence fondamentale avec l\u2019utilisateur r\u00e9el. Votre image mentale cherche des \u00e9l\u00e9ments dans votre m\u00e9moire et ce qu\u2019il y a dans votre m\u00e9moire vient de ce projet.
\nL’image mentale de l’utilisateur cherche des \u00e9l\u00e9ments dans sa m\u00e9moire et ce qu’il y a dans sa m\u00e9moire provient d’exp\u00e9riences ant\u00e9rieures sur le Web et non de votre interface !
\nEt vous ne pourrez jamais pr\u00e9dire quelle sera sa strat\u00e9gie hi\u00e9rarchique et l’image mentale finale avec laquelle il prendra sa d\u00e9cision.
\nCependant, vous pouvez :<\/p>\n
Toujours utiliser un outil de floutage pour v\u00e9rifier la structure visuelle de l\u2019interface chaque fois que vous la modifiez et vous assurer qu\u2019il n\u2019y a pas de confusions (comme par exemple l’extension UX-Blur pour Google Chrome).
\nRencontrez des utilisateurs r\u00e9els qui n’ont jamais vu votre interface …<\/p>\n
\u00c0 propos de l’auteur
\nYves Koekkoek
\nUser eXperience Research and Coaching for digital geniuses<\/p>\n","protected":false},"excerpt":{"rendered":"
Les informations d’un \u00e9cran sont transmises \u00e0 l’utilisateur via son oeil. Une bonne connaissance de la psychologie cognitive peut vous aider \u00e0 cr\u00e9er et am\u00e9liorer des interfaces plus efficaces.<\/p>\n","protected":false},"author":1,"featured_media":506,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"footnotes":""},"categories":[13],"tags":[],"class_list":["post-507","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-archives"],"yoast_head":"\n