Une préférence pour la gauche...

Non ceci n'est pas un billet politique!

C'est plutôt la réponse que j'ai trouvé à une question hautement existentielle: Où placer les différents éléments de contenu sur ma page d'accueil?

Le plus important était de savoir comment les internautes regardent ou plutôt scannent une page web. Nous le faisons très vite en passant. En moins de 2 secondes, nous faisons le tour d'une page web. Nos yeux s'attardent d'abord sur la gauche comme le montre ce graphique. Les zones rouges sont celles vers lesquelles notre oeil est attiré en premier.

eye tracking

Source: http://www.stayonsearch.com/wp-content/uploads/2008/07/072308-1333-eyetracking1.png

 

Plein de bon sens, me direz-vous, on nous a appris à lire de bas en haut et de la gauche vers la droite, pas surprenant qu'on scannent une page web de la même façon qu'on effectuerait une lecture rapide.

N'empêche, cette petite découverte m'a amené à modifier substantiellement ma page d'accueil. Je me suis posé la question: "Qu'est-ce que je veux que les gens regardent en premier?" La réponse est venue rapidement : les titres de mes derniers billets. C'est la même réponse pour tout les blogueurs:-)

J'ai regardé où se trouvait ma liste des derniers articles et j'ai compris qu'elle devait déménager!

Voici un petit "avant" et "après" de la version de ma page d'accueil.

Avant: :-(

Page Accueil Avant

La zone où je souhaite diriger mes visiteurs, ma liste d'articles, se trouve dans une zone "froide" lorsque l'internaute scanne ma page. En plus d'être à droite alors qu'on commence à lire à gauche, elle est en bas alors qu'on commence à lire en haut. Vous comprenez, j'ai mis du temps à configurer mon outil vous permettant de vous inscrire pour recevoir ce blogue par courriel et comme j'en suis très fier je le place en haut. Erreur! "Content is King" comme disait le monsieur à lunette alors plaçons le contenu où il sera le plus vu: en haut à gauche.

Après:-)

Page Accueil Apres

Tadam! La liste de mes derniers articles occupe maintenant un bien meilleur endroit pour être vue et lue. Mes copains designers vont sans doute me dire que graphiquement parlant je porte un peu trop à gauche. Ils ont raison mais je ne bougerai pas la liste des derniers articles de là. Je vais plutôt leur demander conseil sur mon entête ou mon menu.

Et si on jouait à qu'est-ce qui a changé dans l'image, qu'observeriez-vous?

Si vous avez répondu que la liste de titres des derniers articles semble moins lourde parce que j'ai viré les caratères gras, vous avez un point.

Si vous avez répondu que cette même liste est plus facile à lire parce que les titres ne s'affichent plus sur 3 lignes, mais sur un maximum de 2 lignes, vous avez un autre point. Pas mal.

Si vous avez répondu, "C'est vendredi, débarque du web pis viens prendre une bière.", alors là, vous êtes vraiment trop fort.


Partager cet article
AddThis Social Bookmark Button Joomla Free PHP

blog comments powered by Disqus

Wptouch.jpg
Mardi, 09 Février 2010 00:00
Voici une extension (plugin) littéralement tombée du ciel. WPtouch permet de transformer son site Wordpress pour le iPhone en moins de 15 minutes et gratuitement. De plus, il existe une bonne âme Suite...
ArrierePlanTwitter-Dimension.jpg
Mercredi, 11 Novembre 2009 15:08
Vous aurez besoin: un compte Twitter un éditeur d'image tel Photoshop 1. Dans notre éditeur d'image favori, créons un fichier de 1600X1024 ou utilisons ce fichier Photoshop 2. Voici les Suite...
Revue-de-presse-collecta.jpg
Mercredi, 11 Novembre 2009 13:36
Que se soit pour des calculs rigolos comme l'indice du Bonheur Facebook ou pour des objectifs plus sérieux comme la mesure d'une pandémie de grippe à l'échelle mondiale, l'accessibilité de Suite...
eyetracking1.png
Vendredi, 28 Août 2009 07:11
Non ceci n'est pas un billet politique! C'est plutôt la réponse que j'ai trouvé à une question hautement existentielle: Où placer les différents éléments de contenu sur ma page Suite...
horloge.jpg
Mercredi, 26 Août 2009 11:53
Super! Vous venez de vous créer un bulletin d'information et vous avez maintenant quelques abonnés. Quand sera le bon moment pour leur envoyer votre bulletin d'information? Suite...