Design Comportemental — SapiensUx

J'espère que vous prendrez du plaisir à lire cet article … Et mieux encore : qu'il vous soit utile.

🧠 Comment notre cerveau décrypte la homepage de Nature & Découvertes ?

UX Design Comportemental, comment notre cerveau décrypte la homepage de Nature & Découvertes

Saviez-vous que la vision est sélective ? En effet, le cerveau d’un utilisateur ne regardera jamais tous les composants de vos écrans.

Son cerveau va établir, en quelques millisecondes, une sorte de hiérarchie des objets de la page.

Cela va l’aider à décider quels composants seront regardés, de ceux qui le seront pas. Ainsi que l’ordre dans lequel les composants seront regardés.

C’est ce que l’on appelle une carte attentionnelle.

Pour illustrer ce qu’est une carte attentionnelle, prenons l’exemple de la homepage du site de Nature et Découvertes.

UX Design Comportemental, carte attentionnelle

L’attractivité des zones est représentée par des couleurs allant du jaune au bleu nuit. 

Le jaune représentant une forte attraction attentionnelle, le bleu nuit une très faible attraction attentionnelle.

Niveau d'attractivité des différents composants de la page :

Le bouton « moteur à idées cadeaux »

74%

La publicité sur le « pain à faire soi-même »

69%

Le logo

47%

La zone de recherche

39%

Les tags

33%

Le cerveau va passer de la zone la plus saillante vers les autres zones et se construire progressivement une histoire dans la page. 

Le cerveau se construit une histoire sur base de la saillance des zones …

01

« je peux trouver une idée cadeau originale »

02

« le pain à faire soi-même, je n’y avais pas pensé, c’est original »

03

« je peux chercher un produit si je veux »

04

« des tags me permettent de trouver rapidement un cadeau »

Pour avoir travaillé avec Solange et Benjamin sur la refonte, cette carte attentionnelle a été construite pour générer ces comportements.

La carte attentionnelle est un outil essentiel en Design Comportemental.

Elle permet de définir l’histoire que le cerveau des utilisateurs va vivre dans l’écran. Et lorsque l’écran est réalisé, de mesurer si oui ou non l’attention est bien portée vers les bonnes zones pour raconter la bonne histoire.

L'outil « Attention » de la Suite SapiensTOOLS vous permet d'identifier ce qui va attirer l'attention des utilisateurs au sein de votre écran dans les 5 premières secondes. Avec une précision de plus de 93%.

L'outil « Attention »

Il vous permet d'identifier ce qui va attirer l'attention des utilisateurs au sein de votre écran dans les premières secondes. Avec une précision de plus de 93%.

Vous voulez aller plus loin ?

Design Comportemental - Marc Van Rymenant

Je vous propose de jeter un œil au programme que j'ai créé pour enrichir vos compétences UX en apprenant à combiner Design, Psychologie & Neurosciences.

… ou simplement être tenu au courant de l'actualité sur le Design Comportemental

Nous prenons votre vie privée au sérieux et ne vous spammerons jamais, ne partagerons ni ne vendrons vos données. Vous pouvez également vous désinscrire des e-mails à tout moment en 1 clic. Consultez notre politique de confidentialité pour tous les détails.