Notre façon d’interpréter une page web n’est pas très éloignée de cet exemple, nous identifions immédiatement les mots clés que nous avons a l’esprit pendant la consultation d’une page. Si ces mots clés sont fondus dans la masse, ils seront plus difficiles à identifier, en ajoutant ce que vous pensez être un complément d’information à l’attention de vos internautes, vous ajoutez parfois du bruit, vous compliquez l’interprétation des pages et l’accès à une information essentielle. En pensant bien faire, vous augmentez donc la frustration de vos internautes et risquez de les voir quitter votre site sans avoir atteint leur but.

Bien entendu le contenu a son importance, il permet de rassurer et de renseigner l’internaute qui vient parfois chercher votre expertise dans un domaine. Il faut donc procéder en trois étapes :

- Séparer le contenu rédactionnel et les éléments qui doivent déclencher une action.
- Simplifier au maximum le contenu rédactionnel, aller à l’essentiel, reprendre les textes avec un style plus journalistique que littéraire
- Après avoir isoler les CTA (call to action) il faut jouer sur la taille des caractères, sur la mise en gras. Attention cependant à conserver des textes courts, si vos accroches sont trop longues, leur mise en avant n’aura pas la même efficacité. Si elles ne peuvent être réduites à une expression simple sans perdre leur sens, essayez d’extraire les mots principaux (qui seront captés par le regard) pour les mettre en avant et ajoutez une « baseline » en plus petit caractère pour préciser leur sens en faisant bien attention que les deux textes (l’accroche et la baseline) soit associés visuellement.

Le blog UsabilityPost vient de publier un très bon exemple de suppression du bruit dans une page. La page ainsi modifiée gagne considérablement en clarté ce qui permet aux visiteurs d’être plus efficace et d’atteindre leur but plus rapidement.

Avant tout j’ai une mauvaise nouvelle à vous annoncer, certains visiteurs arriveront sur votre page d’accueil… et repartiront aussitôt. C’est la vie, et tant que vous n’aurez pas accepté l’idée que tous les visiteurs ne sont pas des prospects potentiels, la lecture de vos statistiques de fréquentation continuera à vous déprimer. Par contre (et heureusement !) certains utilisateurs seront vraiment intéressés par les services ou produits que vous proposez, l’objectif est donc de leur faire comprendre très vite ce que vous pouvez leur apporter et de les orienter vers la page qui leur permettra d’en savoir plus. Imaginez un vendeur venir à votre rencontre dès votre entrée dans une boutique pour vous lister tous les produits qu’il peut vous proposer, mais aussi la carte du magasin, les possibilité de crédit, le service après vente et que sais-je encore… La fonction de cette page est d’accueillir vos visiteurs, d’indiquer clairement vos activités, vos points forts, et d’orienter vers la rubrique recherchée.

Aujourd’hui j’ai découvert le site de partage de captures d’écran scrnshots.com [via le journal du blog] parmi les quelques excellentes captures mises en avant, 3 captures de page d’accueil on particulièrement attirées mon attention.

http://onwired.com/

« Biensûr, OnWired réalise des sites internet professionnels, mais nous sommes aussi des experts en e-commerce, marketing et gestion de contenu. Nous rendons le web plus facile. Comment pouvons-nous vous aider ? »

Cette accroche suffit largement à définir l’activité de la société, de plus la forme interrogative de la dernière phrase permet d’initier un dialogue avec l’internaute. Cette forme interrogative est d’ailleurs reprise dans les 3 colonnes situées juste après l’accroche : Qui sommes-nous, Que faisons-nous, Où l’avons-nous déjà fait. La navigation (très claire) reprend elle aussi cette forme interrogative ce qui assure une cohérence avec le reste de la page. Enfin les derniers articles du blog trouvent naturellement leur place plus bas dans la page.

Cette page traite l’internaute avec respect, si une personne souhaite prendre contact avec cette agence, elle saura sans doute trouver les coordonnées, mais avant, elle pourra prendre connaissance (sans se sentir agressée) des différents métiers et référence de cette agence web.

http://www.weeatt.com/

Dans cet exemple, il s’agit d’expliquer le concept du site très rapidement… 3 phrases suffisent pour laisser l’internaute choisir s’il souhaite aller plus loin. Après avoir compris qu’il s’agit d’un outil de partage et de stockage de recettes de cuisine, il peut, sur la même page, visualiser la recette du jour, les derniers articles du blog ou les recettes les plus populaires.  Le seul reproche que je pourrais cependant faire à cette page, c’est le manque de visibilité du bouton « Start here », une page d’accueil épurée permettra d’orienter un internaute dans la bonne direction, mais encore faut-il que les indications soient visibles.

http://www.teehanlax.com/

La aussi, un message clair et sobre qui définit l’activité, une navigation très bien placée, un pavé pour indiquer « ce qui fait leur différence », et la remonter du blog pour donner un peu de vie a la page. Au passage, je vous conseil de jeter une œil à leurs références, vous y trouverez beaucoup d’inspiration.

Pour résumer, une page d’accueil ne doit pas forcément tout mettre en avant.  Un message clair qui permet de comprendre ce que vous faites, une navigation compréhensible qui laisse l’internaute choisir ou il veut aller, éventuellement un « call to action » pour l’orienter plus précisément et quelques éléments bien hiérarchisés par l’utilisation des bonnes règles typographiques (a ce sujet, je vous conseille l’excellent article de webdesignerwall sur l’utilisation des typographies sur le web).  Et si certains visiteurs ne dépassent cette page d’accueil, c’est tout simplement qu’ils cherchaient autre chose…