UX Design Comportemental

J'espĂšre que vous prendrez plaisir Ă  lire cet article.

🧠 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 ?


 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.