Comment créer une page d’accueil ergonomique

La page d'accueil d'un site Web est bien souvent la première page visitée par les internautes. C'est en fait la première impression qu'auront les internautes du site Web. Il est primordial de bien la soigner et surtout de la rendre ergonomique.

Voici quelques principes à respecter pour bien réussir votre page d'accueil.

▼Publicité

  • Le nom de la page d'accueil est prescrit selon le langage de programmation utilisé. En PHP, elle s'appellera index.php. En ASP.NET, elle s'appellera Default.aspx.
  • L'appellation de la page d'accueil doit être... Accueil. Ceci semble évident, mais imaginez qu'un site de vente de produits médiévaux présente un lien vers sa page d'accueil en l'appelant « château fort ». L'internaute risque de ne pas comprendre du premier coup alors qu'un lien vers « Accueil » serait évident.
  • Il ne doit pas y avoir de page « intermédiaire » entre l'arrivée sur le site et l'accès à la page d'accueil. On évitera donc les pages du genre « choisissez votre langue » et on présentera directement une page d'accueil avec du contenu.
  • La page d'accueil joue deux rôles : navigation et information. Elle doit donc donner une information de base et faciliter l'accès aux informations que l'internaute est susceptible de rechercher.
  • La page d'accueil doit présenter les informations essentielles suivantes : 
    • Logo
    • Nom de l'entreprise
    • Courte phrase indiquant ce que fait le site Web
  • Il doit être possible d'accéder facilement aux éléments fondamentaux du site Web à partir d'un seul clic sur la page d'accueil. Les options de menu les plus susceptibles d'être utilisées pourraient, par exemple, être reprises dans un encadré présentant un lien ou un bouton avec une courte explication. On parlera alors de « remonter » ou de « mettre en avant » les éléments fondamentaux.
  • La page d'accueil ne doit pas être surchargée. Elle doit donc présenter les points essentiels du site Web. Dans un site d'une ampleur moyenne, il n'est pas souhaitable d'y mettre des liens menant à chacune des pages du site...
  • Idéalement, la page d'accueil ne devrait pas dépasser la longueur de l'écran. Dans la pratique, on dira que l'information essentielle doit être visible dans les premiers 570 pixels de la page, c'est-à-dire au-dessus d'une ligne invisible qu'on appellera « ligne de flottaison ». L'espace situé au-dessus de la ligne de flottaison est donc la partie de la page que la majorité des internautes verront sans faire défiler leur écran d'ordinateur et ce, peu importe leur résolution d'écran ou le nombre de barres d'outils affichées dans leur navigateur.

    Ligne de flottaison

  • Le titre d'entête de la page d'accueil (balise <title>) doit définir la nature et l'utilité du site Web. Il doit donner de l'information sur l'ensemble du site et non sur la seule page d'accueil.
  • Il ne doit pas y avoir de bouton ni de lien cliquable menant vers la page d'accueil lorsqu'on est sur la page d'accueil.

Bonnes pratiques

Selon Opquast (Open Quality Standards), voici quelques bonnes pratiques concernant la page d'accueil1 :

  • La page d'accueil expose la nature des contenus et services proposés.
  • Si le site est réservé ou destiné à un public spécifique, ce public est mentionné au moins sur la page d'accueil.
  • Un plan du site est accessible depuis chaque page.
  • Il est possible de revenir à la page d'accueil depuis toutes les pages.

Emplacement des éléments sur la page d'accueil

Pour augmenter l'utilisabilité de la page d'accueil, voici l'emplacement suggéré de ses différents éléments2 :

  • logo : coin supérieur gauche
  • slogan de l'entreprise : sous le logo ou à sa droite
  • zone de recherche : coin supérieur droit
  • menu principal : si horizontal : en haut du site; si vertical : à gauche du site, sous le logo
  • courte description du site Web : premier contenu présenté dans le corps de la page
  • liens utilitaires (plan du site, contact, changement de langue, etc.) : coin supérieur droit et/ou pied de page
  • remontées de contenus : corps de la page

Pour plus d'information

« L’ergonomie Web vue par les internautes ». Simple Web. http://www.simpleweb.fr/tag/principes-ergonomiques/

« Les sites Web doivent apprendre à accueillir des visiteurs de plus en plus pressés ». Le journal du Net. http://www.journaldunet.com/itws/it_nielsen.shtml

« Comment augmenter le taux de conversion sur votre site web ». Web rank info. http://www.webrankinfo.com/dossiers/emarketing/taux-conversion

Sources

1. « 4 bonnes pratiques de la qualité web correspondent à votre requête "accueil" ». Opquast. http://checklists.opquast.com/opquastv2?q=accueil

2. « Ergonomie de la page d'accueil ». ergolab. http://www.ergolab.net/articles/ergonomie-page-accueil.php

Merci de partager ! Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestShare on StumbleUponEmail this to someone
Catégories