» L'ergonomie de la page d'accueil  La page la plus fréquentée, alors faites une bonne impression !
L'ergonomie de la page d'accueil est une thématique complexe, pour laquelle il n'existe pas de réponse toute faite. La plupart des choix sont spécifiques au site et doivent être faits en fonction des attentes supposées de la population cible. Quoiqu'il en soit, il faudra supporter à la fois les besoins liés à la navigation et ceux liés à la présentation des informations dès la page d'accueil.
En générale
La page d'accueil est un des thèmes récurrents en ergonomie Web. Son rôle capital en fait une des pages les plus analysées d'un site. Point d'entrée fréquent dans le site, elle est aussi celle qui témoigne du plus grand nombre de visites. De plus, il existe beaucoup de recommandations valables pour l'ensemble d'un site Web (en termes de cohérence, de lisibilité, de disponibilité, de terminologie, etc.). Pour plus d'informations nous vous invitons à consulter la section Quelques règles de mise en pages car elles ne concernent pas spécifiquement la page d'accueil. Qu'est-ce qu'une page d'accueil?
On parle de "page d'accueil" pour désigner la principale page d'un site Web, permettant l'accès aux autres pages du site et accessible par le nom de domaine. La page d'accueil doit réellement représenter le site dans son ensemble, donner des indices sur les contenus abordés, sur la société ou les personnes qui en sont responsables, sur l'actualité des mises à jour, etc. Une vraie page d'accueil est une page qui sert, qui présente de l'information et permet de naviguer. Le titre de la page d'accueil
La page d'accueil doit avoir un titre qui définit à la fois sa nature (le nom du site, de la marque, etc.) et son utilité (ce à quoi sert ce site, ce qu'il contient en général). À défaut des autres pages, le titre que l'on donne à la page d'accueil ne doit pas uniquement mentionner ce qui compose la page, mais plutôt ce qui compose tout le site. On utilisera donc des termes génériques permettant de définir tous les contenus accessibles à partir de la page d'accueil. Optimiser le temps de consultation
La page d'accueil étant souvent le point d'entrée dans le site, on doit l'optimiser pour permettre aux connaisseurs de trouver des informations pertinentes rapidement. Plus vite l'utilisateur trouvera sur la page d'accueil un lien susceptible de le mener vers ce qu'il cherche, plus la durée de recherche de cette information sera diminuée. Les pages doivent se charger le plus rapidement possible afin de limiter le temps d'attente et donc d'inactivité de l'utilisateur. Ce temps de chargement est essentiellement la conséquence du poids des pages. Enfin, optimiser le temps de consultation peut passer par l'introduction de raccourcis vers les mises à jour les plus récentes, donnant un indice direct aux utilisateurs sur la fraîcheur des contenus d'une rubrique donnée.
Les règles adoptées sur le site doivent être respectées sur la page d'accueil. Il n'est pas recommandé de changer la couleur des liens parce que l'on est sur la page d'accueil. La navigation doit être la même qu'à l'intérieur du site. La page d'accueil a beau avoir un rôle particulier, on ne doit pas y remettre en cause les principes de navigation.
Que mettre dans la page d'accueil?
Pour choisir les contenus à afficher en priorité sur la page d'accueil, le concepteur doit se poser la question de ce que cherche l'utilisateur en arrivant sur le site. Ce travail sera toujours la recherche d'un compromis entre trop et pas assez d'information: plus le nombre de liens est important, plus il est probable que l'utilisateur y trouve quelque chose qui soit susceptible de l'intéresser. Mais plus le nombre de liens est important, plus il est difficile pour l'utilisateur de repérer celui qui l'intéresse. Un logo, sigle ou emblème
Emplacement recommandé : coin supérieur gauche (dans la bannière). Un slogan , consistant en quelques mots descriptifs du thème de l'entreprise.
Emplacement recommandé : à droite ou sous le logo (dans la bannière). Un champ de recherche, si le site a un moteur de recherche.
Emplacement recommandé : coin droit (dans ou sous la bannière).
Le menu principal
Emplacement recommandé : navigation horizontale : haut du site, sous la bannière.
Une présentation du site, l'objectif du site, généralement du texte.
Emplacement recommandé : corps de la page, premier contenu à présenter.
Les liens dits "utilitaires", plan du site, contact courriel, les langues, la page d'accueil, etc.
Emplacement recommandé : coin supérieur droit ou dans le pied de page.
Section Nouvelles, raccourci vers les dernières infos parues,
Emplacement recommandé : dans une section distincte, à droite du corps de la page.
Publicité et auto-promotion, attirer l'attention sur une section du site ou sur un commenditaire.
Emplacement recommandé : dans une section distincte, à gauche ou à droite du corps de la page.
Un pied de page, peu contenir des liens utilitaires, des mentions légales, etc.
Emplacement recommandé : bas de la page.
Le choix des emplacements de ces éléments se base sur les emplacements les plus fréquemment utilisés. En ce qui concerne la répartition des contenus du corps de la page, on doit respecter la hiérarchie des contenus à présenter. Sommairement, plus un contenu est important, plus il est situé haut dans la page.Cette notion est commune à toutes les pages d'un site Web, mais là encore, c'est une règle qui vaut plus qu'ailleurs sur la page d'accueil. En fonction des informations ci-dessus, on peut dessiner un gabarit type de page d'accueil. Bien évidemment, les emplacements et ordres de grandeur des éléments ne sont pas à considérer comme des recommandations ultimes. Nous vous proposons donc ci-dessous un exemple possible d'organisation d'une page d'accueil, respectant les principales conventions Web.
Bannières dynamiques
Concernant les éléments publicitaires, il semble plus approprié d'utiliser des bannières dynamiques que de multiplier leur nombre. Cette technique consiste à présenter un message différent à chaque rechargement de la page d'accueil ou l'utilisation d'une programmation qui change une image de la publicité en alternance.
Publicité et auto-promotion
On distingue sur un site les messages publicitaires, renvoyant sur des sites externes et les éléments d'auto-promotion, qui veulent attirer l'attention sur un des produits du site par exemple. Certains principes ergonomiques sont communs à ces deux types de message, notamment sur les règles à adopter pour ne pas faire fuir l'utilisateur. On parle ainsi de l'"Aveuglement publicitaire" pour évoquer le fait que les utilisateurs ont tendance à ignorer les zones de l'écran qui semblent contenir des messages publicitaires. La méthode à utiliser si vous désirez présenter une publicité serait qu'elle soit intégrée à la page et qu'elle ne soit animée que si cela est justifié. La technique de la fenêtre pop-up est à bannir et encore plus si elle nécessite un acquittement de la part de l'utilisateur (du type "je ne veux pas voir cette publicité"). De même pour les publicités "flottantes", recouvrant tout ou un partie de l'espace visible de l'écran. Design et utilisabilité
Puisqu'une page d'accueil c'est l'image du site tout entier, le design doit jouer une place considérable. Quand on parle de design, on n'évoque pas forcément la multiplication d'images surdimensionnées. Il s'agit de trouver un juste équilibre et de mesurer cet équilibre en fonction du type de site. Il est en tout cas évident qu'une page d'accueil doit être visuellement plus tape-à-l'oeil qu'une page interne de contenu. Avant tout, elle doit donner envie. Et cette envie découle d'une expérience globale, résultat de contenus incitatifs, mais aussi d'un design étudié. Le rapport entre design et ergonomie doit être considéré de telle sorte que le design serve l'utilisabilité de la page d'accueil, en appuyant certains contenus, en mettant en valeur des groupes d'informations, en soulignant la hiérarchie d'importance des éléments par leur apparence, etc. SoleWeb vous permet de gérer une navigation horizontale avec un menu dynamique, ce qui facilite la navigation de votre site. De plus, nous pouvons aisément changer un design en doublant le site actuel pour que ce dernier demeure en service durant la refonte.
|