La page d’accueil
Analyse et principes de conception
Plan• 1 – Les enjeux
• 2 – Identification
• 3 – Navigation
• 4 – Les contenus
1 – Quels enjeux autour d’une page d’accueil ?
Un site web a 3 objectifs :
• 1 Etre trouvé par l’internaute• 2 Convaincre l’internaute de rester et de
surfer sur le site.• 3 Convaincre l’internaute de revenir sur le
site
• Le point d’entrée sur le site doit remplir les deux premiers objectifs.
• Importance de la page d’accueil.
Une page d’accueil …c’est …• La couverture d’un magazine ?
• Image d’entreprise ?
• Œuvre d’art ?
• Le hall d’une université, d’un hôpital ?
• Une table des matières ?
• La une d’un journal ?
• Une plaquette ?
La page d’accueil doit …
• Présenter l’organisation
• Livrer des contenus adaptés au web
• Informer l’internaute sur ce qu’il va trouver dans le site
• Offrir des facilités de navigation
• Être présente dans les moteurs et annuaires.
2 - Identification de l’organisation
Objectifs du site
Logo et nom
Logo et nom
Logo et nom
• Nom et logo bien en vue (en haut à gauche en occident)
• Ajouter une tag line (pour les organisations peu connues ou hors contexte)
Logo et nom
ENSAM ?
Objectifs du site
• Site institutionnel (vitrine) : www.nike.com
• Site catalogue : www.audi.com
• Site marchand : www.amazon.com
• Portail généraliste : www.yahoo.com
• Portail thématique : www.carrefourlocal.org
• Communauté virtuelle : www.ebay.fr
• Portail d’entreprise (intranet, extranet…)
• Journal on line : www.liberation.fr
3 - Navigation dans le site
Retour à l’accueil
• Un lien clair depuis toutes les pages pour revenir à l’accueil (souvent sur le logo).
• Augmente le PageRank• Pas de lien depuis la page d’accueil
elle-même.• Identification claire de la home page
(charte graphique légèrement différente)
Accès au site
• Navigation claire et ordonnée : pas de termes vagues ni de jeu de mot.
Accès au site
• Règle des 7 choix
• Regrouper les fonctions du site (en haut de page) de manière cohérente
Accès au site
• Organiser la navigation en fonction des attentes des internautes
• Règle des 3 clics• Définition correcte des objectifs et des cibles
Eléments de navigation• Présence d’un moteur de recherche.
• Navigation ordonnée (par cible, par type de service, etc…)
• Navigation en bas de page (parfois redondante ?)
• Fonctions habituelles :• Contacts• Aide (plan du site, …)• Login• Mentions légales …
Navigation principale
• Barre à gauche : 30%
• Onglets : 30%
• Liens en haut de page : 30%
• Catégories au centre : 10%
• Autres (à droite, en bas …) : 6%
• Attention à la zone d’ombre
4 - Les contenus
Emplacement, ratios
Images et animations• Pas de décorations : les éléments graphiques
doivent faciliter la navigation, ou apporter de l’information.
• Attention aux animations (zone d’ombre cf TF1)
• Consacrer 5 à 15% si pas de teneur visuelle particulière.
Images
• Utiliser le recadrage et le redimensionnement Sartre : Venise de ma fenêtre.
Animations
• Choix stratégique quant à Flash.
• Analyser l’équipement de la cible en plug-in
• Ne pas oublier la priorité de l’œil humain.
• Gérer la zone d’ombre.
• Eviter les animations si possible.
Publicités
• L’idéal est 0 pub.
• S’il y en a, ne pas dépasser 15% de l’espace.
• Ne pas dépasser 3 annonces.
• Favoriser l’autopromotion.
• Les placer si possible en périphérie
Contenu informatif
• Emplacement idéal : le centre.
• Charte lisible et cohérente (liens bleus, police sans empattements, fond blanc, …)
MétriqueContrôles du système et du navigateur
Identification
Navigation
Publicité
Auto-promotion
Contenu informatif
Habillage
Inutilisé