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.
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 »
La publicitĂ© sur le « pain Ă faire soi-mĂȘme »
Le logo
La zone de recherche
Les tags
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 âŠ
« je peux trouver une idée cadeau originale »
« le pain Ă faire soi-mĂȘme, je nây avais pas pensĂ©, câest original »
« je peux chercher un produit si je veux »
« 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 mieux comprendre la vision fovéale et périphérique ? C'est par ici.
Autre exemple d'analyse de page : le cas Voyages-SNCF