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é