Saisir l'attention visuelle avec le cortex visuel

Étant donné le fonctionnement de notre cerveau, vous pouvez faire certaines choses qui attireront l'attention de votre utilisateur. Susan Weinschenk explique dans cet article comment le cortex visuel de notre cerveau joue un rôle essentiel dans le contrôle de notre comportement.

(Il s'agit d'une publication sponsorisée.) Vous concevez une page de destination. Le but de cette page est d’attirer l’attention des internautes et, espérons-le, de cliquer sur un bouton de l’écran pour s’abonner à un bulletin mensuel. «Assurez-vous que le bouton capte l’attention des gens» est l’objectif qui vous a été assigné.

Comment faites-vous exactement cela?

La recherche sur le cortex visuel dans le cerveau peut vous donner des idées. Le cortex visuel est la partie du cerveau qui traite l'information visuelle. Chacun des sens a une zone du cerveau où les signaux de cette perception sensorielle sont généralement envoyés et traités. Le cortex visuel est le plus grand des cortex sensoriels car nous sommes des animaux très visuels.

Lecture recommandée : Quel est le rôle de la créativité dans le design UX?

Du cortex visuel

Il existe des zones spéciales du cortex visuel qui traitent très rapidement les informations visuelles. Celles-ci sont appelées zones de «pré-attention» car elles traitent les informations plus rapidement que l’on ne se rend compte qu’elles ont même remarqué quelque chose à l’écran

. Ce sont les zones de pré-attention du cortex visuel, et elles sont dédiées à des éléments visuels très petits et spécifiques.

Examinons chacun d'eux:

Orientation

Si un élément est orienté différemment On remarque tout de suite:

Taille et forme

Si un élément a une taille ou une forme différente de celle des autres, il est immédiatement remarqué:

Couleur

Si un élément est d'une couleur différente de celle qui l'entoure, vous remarquerez immédiatement:

Mouvement

Si un élément entre rapidement, surtout s'il s'agrandit en commençant par une taille réduite puis s'agrandit rapidement (pensez à un tigre qui court rapidement vers vous), cela attire l'attention.

But Only One At A Time

Le facteur intéressant, mais pas immédiatement évident, est que si vous utilisez ces facteurs simultanément, rien n’attire vraiment l’attention.

Si vous voulez attirer l'attention, choisissez l'une des méthodes et utilisez-la seulement

Jetez un coup d'œil aux deux modèles présentés ci-dessous. Laquelle attire votre attention sur l’idée que vous devriez vous inscrire?

Évidemment, l'image qui n'a qu'une seule zone de couleur attire davantage votre attention que celle qui est une couleur.

L'aire du visage fusiforme

Les zones de pré-attention du cortex visuel ne sont pas les seules. connexion visuelle / cérébrale à utiliser. Une autre zone du cerveau que vous pouvez utiliser pour attirer l'attention sur une page peut être la zone faciale fusiforme (FFA).

La FFA est une partie spéciale du cerveau sensible aux visages humains. La FFA est située dans la partie médiane / sociale du cerveau, près de l'amygdale, qui traite les émotions. Les visages attirent l'attention à cause de la FFA.

Le FFA identifie:

• S'agit-il d'un visage?
• Quelqu'un que je connais?
• Quelqu'un que je connais personnellement?
• Que ressentent-ils?

Qu'est-ce qui stimule le FFA?

• Visages Les apparences qui apparaissent tout de suite stimulent le FFA.
• Les visages de profil peuvent éventuellement stimuler le FFA, mais pas aussi rapidement. Dans l'exemple ci-dessous, le visage est de profil et masqué par les cheveux. Cela ne stimulera peut-être pas du tout le FFA.




• Même des objets inanimés, tels que l'image de la voiture ci-dessous, peuvent stimuler la zone AFP s'ils ont des objets qui ressemblent à des parties du visage, comme des yeux et une bouche.

Vous avez peut-être vu les cartes thermiques qui montrent que si vous montrez un visage et que celui-ci regarde un objet (par exemple, un bouton ou un produit) à l'écran, le personne qui regarde la page va également regarder le même objet. Voici un exemple:

Les zones rouges indiquent où les gens avaient le plus l'air. Quand le modèle regarde la bouteille de shampoing, les gens ont tendance à y regarder aussi.

Mais faites attention de ne pas en tirer trop de conclusions. Bien que les recherches montrent que le regard des gens suivra le regard de la photo, cela ne signifie pas nécessairement que les gens agissent. Les expressions faciales très émotionnelles amènent à agir davantage que simplement regarder les yeux.

Lectures recommandées : L'importance de la conception de macro et de micro-moment

À emporter

Si vous voulez saisir L'attention visuelle de quelqu'un:

• Utilisez les zones de pré-attention du cortex visuel: indiquez tout ce qui est affiché sur la page, à l'exception d'un élément.

ou

• Montrez un grand visage tourné vers l'avant;
• Résistez à la tentation d'utiliser simultanément plusieurs méthodes, telles que le visage, la couleur, la taille, la forme et l'orientation.

Cet article est une partie de la série de conception UX parrainée par Adobe. L'outil Adobe XD est conçu pour un processus de conception UX rapide et fluide car il vous permet de passer de l'idée au prototype plus rapidement. Conception, prototype et partage – le tout dans une seule application. Vous pouvez consulter d'autres projets inspirants créés avec Adobe XD sur Behance ainsi que pour vous abonner au bulletin d'information d'Adobe Experience Design afin de rester au courant des dernières tendances et perspectives pour UX / Conception de l'interface utilisateur.