Article posté par Isabelle Canivet le Jeudi 25 août 2011

Les zones importantes de la page d’accueil

Structure et conventions de la page d’accueil

La page d’accueil a 30 secondes pour convaincre l’internaute de poursuivre sa visite.
L’esprit de l’internaute est monopolisé par l’obtention des informations : seule importe l’adéquation de la réponse du site à sa demande.
La page d’accueil suivra les principes d’ergonomie et d’accessibilité afin d’optimiser le temps du visiteur: inutile de le déconcentrer en lui demandant de fournir un effort supplémentaire pour comprendre la navigation et le fonctionnement des éléments d’interface.
Quelles sont les règles et conventions à respecter pour présenter une page d’accueil efficace?

Rôle de communication
Présentation de l’entreprise
Rédaction du contenu
Liens
Navigation
Recherche
Outils
Conception graphique
Eléments d’interface utilisateur
Barre de titre/titre de la page (balise TITLE)
URL
Evénémentiel et nouvelles

1. Rôle de communication

La page d’accueil a un rôle d’information essentielle en communiquant d’emblée l’objectif du site et l’activité de l’entreprise.

Présence du logo dans le coin supérieur gauche.
Signature (tagline) qui résume l’activité du site ou de l’entreprise.
Elément de différenciation par rapport aux concurrents ou valorisation du site : service, prix, produit, etc.
Mise en exergue des 4 fonctions principales du site en page d’accueil pour orienter directement le visiteur.

2. Présentation de l’entreprise

Les informations relatives à l’entreprise se trouvent sous une rubrique distincte.

Présentation d’une vue d’ensemble de l’entreprise, des produits, services, de sa philosophie, son équipe, etc.
Espace presse qui regroupe également les éléments de l’identité graphique (téléchargement des logos aux différents formats, etc.)
Clauses de confidentialité de traitement des données personnelles, etc.

3. Rédaction du contenu

L’utilisateur ne lit pas le contenu, il le parcourt à la recherche d’information. Il faut donc être concis, lui présenter un contenu adapté au butinage ou scannage.

Adapter le contenu au média Web et à la lecture Web
Parler le langage de l’utilisateur et du client
Eviter le jargon bureaucratique, technocratique, scientifique
Présenter un contenu cohérent au niveau du formatage des titres, des paragraphes, de la casse
Décrire les instructions avec précision et clarté
Introduire chaque fonctionnalité par une brève explication
Expliquer les sigles (acronymes, abréviation) avec une note
Eviter les signes de ponctuations inutiles qui créent du bruit « !! »
Ne pas écrire le texte en majuscule car cela diminue la lisibilité
Ne pas insérer d’espace entre les lettres d’un même mot car le moteur ne reconnaîtra pas le nom : l’espace est un caractère codé (exemple : r e d a c t i o n)
Illustrer le contenu par des exemples

4. Liens

L’utilisateur utilise le lien comme repère et indice de pertinence :

Présence de mots clés dans les liens en relation avec la page destinataire
Concision et précision du lien par opposition aux liens génériques
Explication de l’action engendrée par le lien s’il mène à un téléchargement de fichier pdf, audio, vidéo

La zone de navigation principale se trouve en 1 point stratégique à côté du contenu
Les éléments de navigation sont regroupés de manière cohérente par activité, thème
Le lien texte est préférable aux icônes de navigation pour des raisons de référencement
Le retour vers la page d’accueil n’est pas cliquable sur la page d’accueil
Les menus déroulants offrent peu d’accessibilité, il faut donc privilégier les menus statiques

6. Recherche

Le champ de recherche se trouve généralement en haut à droite (sur toutes les pages) et comprend un lien vers la recherche avancée ou aide le cas échéant (la recherche avancée est souvent mal utilisée, faut-il l’intégrer ?)
Le champ de recherche est large de 25 à 30 caractères
La recherche doit porter sur l’ensemble du site, dans le cas contraire, spécifier la zone sur laquelle il est possible de faire une recherche

7. Outils

Les 4 principales fonctionnalités doivent se trouver sur la page d’accueil
Ne pas dupliquer les fonctions existantes du navigateur : précédent, suivant, ajouter aux favoris, etc.

8. Conception graphique

L’utilisation de l’image doit être rationnelle : le graphisme accompagne le contenu et non le contraire
Intégrer une légende pour chaque image
Eviter la superposition d’une image et d’un texte
Eviter les animations en page d’accueil et offrir une alternative statique et une explication textuelle (pour une meilleure accessibilité et une prise en compte par les moteurs)
Eviter de présenter une information essentielle par le multimédia et l’animation
Laisser l’utilisateur maître de sa machine et de son temps
Utiliser une police de caractère adaptée au Web (du type Verdana) et ne pas utiliser plus de 3 typographies différentes
Présenter un contraste entre l’arrière-plan et le texte pour plus de lisibilité
Travailler en % pour permettre l’ajustement du site et de la typographie à l’écran de l’utilisateur

9. Eléments d’interface utilisateur

Tous les éléments doivent être cliquables y compris les puces graphiques
Eviter les menus déroulants qui offrent peu d’accessibilité et sont difficiles à manipuler

10. Barre de titre/titre de la page (balise TITLE)

Le titre de la page (balise TITLE) est un élément essentiel pour l’utilisateur et les moteurs de recherche :

Critère d’identification dans les favoris
Élément crucial pour les moteurs de recherche et le classement du site
Le nom de domaine n’est pas mentionné sauf s’il fait partie du nom de l’entreprise
Titre spécifique pour chaque page du site
Maximum 7 à 8 mots et 64 caractères au total

11. URL

L’URL de la page d’accueil ou nom de domaine est du type : http://www.entreprise.com
Comment choisir son nom de domaine?

12. Evénémentiel et nouvelles

Rédaction d’un titre informatif pour chaque nouvelle
Intégration de mots clés dans le titre
Lien sur le titre qui redirige vers la nouvelle dans son entièreté
Présentation d’un résumé des news (ne pas prendre la première ligne par défaut)
La date de la nouvelle se retrouve sur la page qui développe toute la nouvelle
Les compléments de temps ou adverbes relatifs du style « hier », « l’année passée » sont remplacés par des dates concrètes.

Pour toute information complémentaire : contactez-nous