De quelle manière les gens consultent mon site internet ?

L’eyetracking et d’autres recherches sur les utilisateurs ont étudié la façon dont les gens regardent les sites web.

Voici 10 résultats utiles que vous pouvez utiliser dans le cadre de votre création de site internet ou votre e-marketing.

Le coin supérieur gauche attire d’abord l’attention

La science du « Eye-tracking »

Lorsque les utilisateurs se posent sur votre site, leur regard part du coin supérieur gauche et se déplace vers le bas et la droite.

Selon une étude de suivi des yeux réalisée par Eyequant, ce sont ces zones qui attirent le plus l’attention :

Une étude de Yahoo a abouti à des conclusions similaires.

➧ Ce qu’il faut faire pour mieux attirer le regard de vos lecteurs

• Consultez votre site
• Voyez ce que vous avez dans ces zones
• Déplacez la proposition de valeur vers la zone en haut à gauche
• Il y a des exceptions, mais utilisez ceci comme point de départ et testez à partir de là

Connaissez-vous le diagramme de Gutenberg ?

Il décrit un schéma général que les yeux parcourent lorsqu’ils regardent un contenu (généralement sous forme de texte). Il correspond assez bien à cette conclusion de zonage, à l’exception de la zone en bas à droite.

➧ Comment les utilisateurs visualisent un site web du haut à gauche au bas à droite

La quatrième zone, en bas à droite du terminal, est l’endroit où vous devez lancer votre appel à l’action.

Notez que ce n’est pas une vérité universelle mais un bon point de départ

Les gens lisent en lettres F

La plupart des gens ne lisent pas mais scannent

Une étude de 2008 a conclu qu’en moyenne, seulement 28% du texte est lu (source).

Les visualisations oculaires confirment que les utilisateurs lisent souvent le contenu des sites web selon un schéma en forme de F :

• deux bandes horizontales
• suivies d’une bande verticale

Une étude similaire a appelé cela le triangle d’or.

Modèle de lecture en forme de F (source)

C’est pourquoi vous devez faire en sorte :

• que votre proposition de valeur se trouve en haut de la page
• que votre menu soit soit horizontal en haut, soit vertical à gauche.

(Notez que ce schéma ne s’applique pas à tous les scénarios, comme la façon dont les gens voient les résultats de recherche).

Des paragraphes d’introduction visiblement plus grands améliorent l’attention

Faites les paragraphes d’introduction en gras ou avec une taille de police plus grande.

Lorsque les sujets du test ont rencontré une histoire avec un paragraphe d’introduction en gras, 95% d’entre eux l’ont visionnée en tout ou en partie (source­ : eyequant.com).

Un résumé mis en évidence et une première ligne en caractères gras n’est donc pas une mauvaise chose à faire.

La longueur des lignes de paragraphe doit être courte et en une seule colonne

C’est ainsi que les gens sont habitués à lire un texte.

La police d’écriture que vous utilisez n’a pas vraiment d’importance.

Enfin, les gens aiment les liens : le nombre de clics sur les liens augmente au fur et à mesure que vous en ajoutez.

Les gens ne regarderont pas au-delà des premiers résultats de recherche

L’eye-tracking sur les pages de recherche de Google Search

Si vous ne figurez pas parmi les deux ou trois premiers résultats sur Google, vous êtes perdant (voir : Les moteurs de recherche en-dehors de Google).

Une étude de Google (avant même que le mobile ne prenne le dessus sur les recherches sur le bureau) a montré que la plupart des utilisateurs ont obtenu ce qu’ils voulaient dans les deux premiers résultats.

La source de cette impression d’écran provient de la vidéo ci-dessous, faite par Google le 03 février 2009 au sujet de l’eye-tracking sur une page de recherche Google :

Les utilisateurs n’ont jamais eu besoin d’aller plus bas dans la page, ce qui est exactement ce que Google veut.

Un moteur de recherche parfait donne aux utilisateurs exactement ce dont ils ont besoin avec le tout premier résultat à chaque fois.

Si c’est ce que Google cherche à optimiser, vous devriez le faire aussi.

Les gens font défiler les pages, mais ils considèrent le contenu au-dessus plus important

Les utilisateurs savent comment faire défiler le contenu, mais ils n’y passent pas autant de temps que ce qui se trouve au-dessus.

Assurez-vous que la zone au-dessus de la zone du bas d’écran contient votre proposition de valeur, mais n’essayez pas de tout y mettre.

➧ Ici pour savoir ce qu’est une proposition de valeur.

Le défilement reste plus pratique que le découpage d’un long contenu en plusieurs pages.

➧ Comment « aider » les gens à faire défiler le contenu de votre article plus bas ?

• Par exemple, donnez un indice dans le coin inférieur droit
• Faîtes en sorte que l’image du bas de l’écran soit découpée, pour bien montrer au lecteur que l’article continue plus bas.
• Ou alors faîtes clairement apparaître que votre texte est incomplet.

Il est intéressant de noter que plusieurs études soulignent que le bas d’une page attire également beaucoup d’attention. C’est un bon endroit pour lancer un appel à l’action.

Le côté gauche de la page attire davantage l’attention que le côté droit

À quelques exceptions près, les gens lisent de gauche à droite.

C’est aussi la raison pour laquelle le côté gauche de votre page web attire plus d’attention.

Pourcentage de temps passé par les internautes à lire les côtés gauche et droite de votre site

• Les internautes passent 80 % de leur temps à consulter la moitié gauche de la page
• 20 % à consulter la moitié droite

Une mise en page conventionnelle est donc plus susceptible de rentabiliser les sites.

Les sites comme eBay proposent par défaut un menu de gauche pour la navigation des acheteurs :

Où dois-je placer le menu sur mon blog ?

• Si vous avez un menu vertical, mettez-le à gauche.
• La navigation placée en haut d’une page d’accueil est cependant la plus performante (elle est vue par le plus grand pourcentage de sujets et regardée le plus longtemps).

Les images de grande taille et de haute qualité sont les plus attrayantes

L’utilisation de grandes images nettes est recommandée

La qualité de l’image est un facteur important pour attirer l’attention.

Les personnes qui prennent le temps d’insérer de belles photos sont plus accueillantes et plus accessibles (⇒ Le pouvoir de la retouche d’images).

➧ Quelles photos sont considérées comme étant acceptables ?

• Les petites images floues sont moins invitantes que les grandes photos glamour
• les personnes qui ressemblent à des mannequins sont moins susceptibles d’attirer l’attention que les personnes « normales ». C’est une raison de plus pour éviter les photos de stocks.

Si vous avez besoin de montrer des photos de smartphones, utilisez les produits Apple

Une étude réalisée par Tobiipro a montré que les consommateurs qui regardent des groupes de smartphones passent plus de temps à regarder des produits Apple que des appareils Android de Motorola, Samsung et d’autres fabricants (source).

L’iPhone a attiré le plus d’attention – 2,3 secondes en moyenne.

Parmi les tablettes, l’iPad est à égalité avec l’Amazon Kindle Fire en tête, avec 2,4 secondes chacun.

Rédigez un titre qui attire l’attention

Les gros titres attirent l’attention lorsqu’on découvre une page web

Une étude de suivi a montré que les gros titres attirent l’attention en premier lorsqu’on entre dans la page, surtout lorsqu’ils se trouvent dans le coin supérieur gauche (ce qui n’est pas une surprise).

• Présentez une proposition de valeur complète dans le titre
• N’oubliez pas que la clarté l’emporte sur la persuasion
• Si vous avez plusieurs titres sur une page, les éléments à gauche attirent l’attention
• Les gens scannent généralement une liste de titres. Si les premiers mots les intéressent, il est probable qu’ils poursuivent leur lecture.
• En moyenne, un titre retient l’attention du visiteur du site pendant moins d’une seconde. Cela signifie que les deux premiers mots doivent attirer l’attention.

Les premières impressions se forment en moins d’une seconde

Selon une étude de l’Université des sciences et technologies du Missouri, il faut moins de deux dixièmes de seconde aux utilisateurs pour se faire une première impression lorsqu’ils consultent un site web.

Les sujets passent environ 2,6 secondes à parcourir un site web avant de se concentrer sur une section particulière. Ils ont passé en moyenne 180 millisecondes à se concentrer sur une section particulière avant de passer à autre chose.

Vidéo : Comment rédiger un bon titre ?

Quelles sont les sections d’un site web qui suscitent le plus d’intérêt de la part des internautes

• Le logo. Les utilisateurs ont passé environ 6,48 secondes à se concentrer sur cette zone avant de passer à la suite.
• Le menu de navigation principal. Presque aussi populaires que le logo, les sujets ont passé en moyenne 6,44 secondes à consulter le menu.
• La boîte de recherche. Les utilisateurs se sont concentrés pendant un peu plus de 6 secondes.
• Les liens des réseaux sociaux. Les utilisateurs ont passé environ 5,95 secondes à consulter ces zones.
• L’image principale du site. Les yeux des utilisateurs ont été fixés pendant 5,94 secondes en moyenne.
• Le contenu écrit du site. Les utilisateurs y ont passé 5,59 secondes.
• Le bas d’un site web. Les utilisateurs y ont passé 5,25 secondes.

Conclusion

Il s’agit de principes, et non de garanties. Mais ce sont d’excellents points de départ, surtout si vous n’avez pas assez de trafic pour tester dans l’immédiat un ou tous ces éléments.

Même si vous souhaitez que votre site se démarque, soyez prudent quant au degré de nouveauté que vous introduisez. Il ne vous sera pas utile de créer un site entièrement unique si personne ne sait l’utiliser.