La page daccueil Analyse et principes de conception.

Présentation au sujet: "La page daccueil Analyse et principes de conception."— Transcription de la présentation:

1 La page daccueil Analyse et principes de conception

2 Plan 1 – Les enjeux 2 – Identification 3 – Navigation 4 – Les contenus

3 1 – Quels enjeux autour dune page daccueil ?

4 Un site web a 3 objectifs : 1 Etre trouvé par linternaute 2 Convaincre linternaute de rester et de surfer sur le site. 3 Convaincre linternaute de revenir sur le site Le point dentrée sur le site doit remplir les deux premiers objectifs. Importance de la page daccueil.

5 Une page daccueil …cest … La couverture dun magazine ? Image dentreprise ? Œuvre dart ? Le hall dune université, dun hôpital ? Une table des matières ? La une dun journal ? Une plaquette ?

6 La page daccueil doit … Présenter lorganisation Livrer des contenus adaptés au web Informer linternaute sur ce quil va trouver dans le site Offrir des facilités de navigation Être présente dans les moteurs et annuaires.

7 2 - Identification de lorganisation Objectifs du site

8 Logo et nom

9

10

11

12

13

14 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

15

16

17 ENSAM ?

18

19 Objectifs du site Site institutionnel (vitrine) : www.nike.comwww.nike.com Site catalogue : www.audi.comwww.audi.com Site marchand : www.amazon.comwww.amazon.com Portail généraliste : www.yahoo.comwww.yahoo.com Portail thématique : www.carrefourlocal.orgwww.carrefourlocal.org Communauté virtuelle : www.ebay.frwww.ebay.fr Portail dentreprise (intranet, extranet…) Journal on line : www.liberation.frwww.liberation.fr

20 3 - Navigation dans le site

21 Retour à laccueil Un lien clair depuis toutes les pages pour revenir à laccueil (souvent sur le logo). Augmente le PageRank Pas de lien depuis la page daccueil elle-même. Identification claire de la home page (charte graphique légèrement différente)

22 Accès au site Navigation claire et ordonnée : pas de termes vagues ni de jeu de mot.

23

24

25 Accès au site Règle des 7 choix Regrouper les fonctions du site (en haut de page) de manière cohérente

26 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

27 Eléments de navigation Présence dun 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 …

28 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 dombre

29

30

31

32

33 4 - Les contenus Emplacement, ratios

34 Images et animations Pas de décorations : les éléments graphiques doivent faciliter la navigation, ou apporter de linformation. Attention aux animations (zone dombre cf TF1) Consacrer 5 à 15% si pas de teneur visuelle particulière.

35 Images Utiliser le recadrage et le redimensionnement Sartre : Venise de ma fenêtre.Sartre : Venise de ma fenêtre

36 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 dombre. Eviter les animations si possible.

37 Publicités Lidéal est 0 pub. Sil y en a, ne pas dépasser 15% de lespace. Ne pas dépasser 3 annonces. Favoriser lautopromotion. Les placer si possible en périphérie

38 Contenu informatif Emplacement idéal : le centre. Charte lisible et cohérente (liens bleus, police sans empattements, fond blanc, …)

39

40

41 Métrique Contrôles du système et du navigateur Identification Navigation Publicité Auto-promotion Contenu informatif Habillage Inutilisé

42

43