Atelier 12   Améliorer et personnaliser l ’ ergonomie   de mon site internet Eric NOTIN  - L’ECHANGEUR MP Mathieu Vadot   ...
Quel est le rôle de l’ergonomie ?
Définition <ul><li>Sens général :   “ Étude scientifique de la relation entre l'homme et la machine.   ” </li></ul><ul><li...
Critères à analyser <ul><li>Attentes de l’utilisateur, habitudes, âge, équipements, niveaux de connaissance. </li></ul>Obj...
Quels sont les  « principes de base » ?
Les clefs de la réussite <ul><li>Sobriété / Lisibilité </li></ul><ul><li>Graphisme épuré Exemples :  1  -  2 </li></ul><ul...
Les clefs de la réussite <ul><li>Utilisabilité </li></ul><ul><li>Règle des 3 clics Menus et sous-menus, blocs, liens inter...
>
Les clefs de la réussite <ul><li>Accessibilité </li></ul><ul><li>Respect des standards :  W3C, WAI … </li></ul><ul><li>Sit...
 
Comment organiser le contenu de son site ?
Les clefs de la réussite <ul><li>Pour une organisation des contenus claire, logique et bien rangée : </li></ul><ul><li>Reg...
 
<ul><li>La home page ne propose pas forcement un accès à toutes les pages du site  ! </li></ul>
Les clefs de la réussite <ul><li>Etudier la pertinence de chaque phrase.  </li></ul><ul><li>Est-elle indispensable ? </li>...
Les clefs de la réussite
Les clefs de la réussite <ul><li>Fiche « Produit » de l’hôtel Santa Lucia à St Raphaël. </li></ul>
Les clefs de la réussite
Les clefs de la réussite <ul><li>Respecter les habitudes & Conventions : </li></ul>1/3 des internautes français consultent...
Comment s’assurer de l’efficacité des choix réalisés?  Interrogez vos clients. Etudiez les statistiques de votre site.
<ul><li>Pour identifier ce que recherche vos internautes. </li></ul>Utiliser les statistiques de votre sites web ! <ul><li...
<ul><li>Pour identifier les pages qui posent problème ou qui sont très peu consultées, la qualité de vos liens. </li></ul>...
Utiliser les statistiques de votre sites web ! <ul><li>Pour vérifier que vos internautes suivent le chemin que vous voulez...
<ul><li>Pour mesurer l’impact de vos modifications… et faire de nouvelles adaptations… </li></ul><ul><li>Indicateurs clés ...
Questions ? Marketing & Tourisme Mathieu Vadot   Consultant indépendant Agence Canopée Yoann Vastra   Chef de projet Web
Ressources utiles sur le web : <ul><li>http://www.ergolab.net/  : site ressource de référence sur l’ergonomie.  </li></ul>...
Les clefs de la réussite <ul><li>Organiser vos blocs avec des titres, des sous-titres  (Balises <H1>, <H2> …) </li></ul><u...
Retrouvez-le sur le showroom
Prochain SlideShare
Chargement dans…5
×

Compil Atelier 12 - Ergonomie VEM 2009.ppt

685 vues

Publié le

Publié dans : Technologie, Design
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
685
Sur SlideShare
0
Issues des intégrations
0
Intégrations
8
Actions
Partages
0
Téléchargements
13
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Compil Atelier 12 - Ergonomie VEM 2009.ppt

  1. 1. Atelier 12 Améliorer et personnaliser l ’ ergonomie de mon site internet Eric NOTIN - L’ECHANGEUR MP Mathieu Vadot Consultant indépendant Marketing & Tourisme Yoann Vastra Chef de projet Web Agence Canopée
  2. 2. Quel est le rôle de l’ergonomie ?
  3. 3. Définition <ul><li>Sens général : “ Étude scientifique de la relation entre l'homme et la machine. ” </li></ul><ul><li>Appliquée au web : “ Capacité à répondre efficacement aux attentes des internautes et à leur fournir un confort de navigation . ” </li></ul>
  4. 4. Critères à analyser <ul><li>Attentes de l’utilisateur, habitudes, âge, équipements, niveaux de connaissance. </li></ul>Objectifs <ul><li>Retenir l’internaute, faciliter la navigation et l’accès aux informations, vendre, fidéliser. </li></ul>
  5. 5. Quels sont les « principes de base » ?
  6. 6. Les clefs de la réussite <ul><li>Sobriété / Lisibilité </li></ul><ul><li>Graphisme épuré Exemples : 1 - 2 </li></ul><ul><li>Animations modérées Exemples : 1 - 2 </li></ul><ul><li>Textes aérés, structurés, organisés Arborescence claire, niveaux de titres et paragraphes, principes d’écriture web. </li></ul>
  7. 7. Les clefs de la réussite <ul><li>Utilisabilité </li></ul><ul><li>Règle des 3 clics Menus et sous-menus, blocs, liens internes > </li></ul><ul><li>Rapidité Temps d’affichage, images optimisées > </li></ul><ul><li>Habitudes / conventions à respecter Outils de repérage, liberté de navigation </li></ul>
  8. 8. >
  9. 9. Les clefs de la réussite <ul><li>Accessibilité </li></ul><ul><li>Respect des standards : W3C, WAI … </li></ul><ul><li>Site multilingue </li></ul><ul><li>Equipements </li></ul>
  10. 11. Comment organiser le contenu de son site ?
  11. 12. Les clefs de la réussite <ul><li>Pour une organisation des contenus claire, logique et bien rangée : </li></ul><ul><li>Regrouper les contenus qu’il est logique d’associer. </li></ul><ul><li>Mettre les contenus les plus recherchés en évidence. </li></ul><ul><li>Soigner les intitulés de vos rubriques et vérifier leur cohérence : </li></ul><ul><ul><li>Court et ultra explicite </li></ul></ul><ul><ul><li>Exclusif </li></ul></ul>
  12. 14. <ul><li>La home page ne propose pas forcement un accès à toutes les pages du site ! </li></ul>
  13. 15. Les clefs de la réussite <ul><li>Etudier la pertinence de chaque phrase. </li></ul><ul><li>Est-elle indispensable ? </li></ul><ul><li>Diviser la quantité des mots par 2. </li></ul><ul><ul><li>Uniquement sur vos « pages navigantes ». </li></ul></ul>Ecrire spécifiquement pour le web : <ul><li>Utiliser des titres, des sous-titres, des mots clés en gras et des images/photos pour illustrer vos propos. </li></ul><ul><li>Découper en paragraphes. </li></ul><ul><li>Ecrire concis et pragmatique. </li></ul>
  14. 16. Les clefs de la réussite
  15. 17. Les clefs de la réussite <ul><li>Fiche « Produit » de l’hôtel Santa Lucia à St Raphaël. </li></ul>
  16. 18. Les clefs de la réussite
  17. 19. Les clefs de la réussite <ul><li>Respecter les habitudes & Conventions : </li></ul>1/3 des internautes français consultent au moins une fois par mois un des 5 premiers sites marchands de voyage(Source : FEVAD ). Soit plus de 10 millions de visiteurs uniques chaque mois ! Ces sites formatent les habitudes de consommation et les attentes des internautes. (Ex : Expédia )
  18. 20. Comment s’assurer de l’efficacité des choix réalisés? Interrogez vos clients. Etudiez les statistiques de votre site.
  19. 21. <ul><li>Pour identifier ce que recherche vos internautes. </li></ul>Utiliser les statistiques de votre sites web ! <ul><li>Utilisez aussi le Générateur de mot clés de Google. </li></ul><ul><li>Indicateurs clés : </li></ul><ul><li>Pages les plus consultés. </li></ul><ul><li>Principales pages de destination. </li></ul><ul><li>Mots clés utilisés (page d’entrée). </li></ul><ul><li>Recherche sur site. </li></ul>
  20. 22. <ul><li>Pour identifier les pages qui posent problème ou qui sont très peu consultées, la qualité de vos liens. </li></ul>Utiliser les statistiques de votre sites web ! <ul><li>Indicateurs clés : </li></ul><ul><li>Temps moyen passé sur la page. </li></ul><ul><li>Taux de rebond. </li></ul><ul><li>Principales pages de sorties. </li></ul>
  21. 23. Utiliser les statistiques de votre sites web ! <ul><li>Pour vérifier que vos internautes suivent le chemin que vous voulez qu’ils suivent. </li></ul><ul><li>Indicateurs clés : </li></ul><ul><li>Création d’objectifs. </li></ul><ul><li>Entonnoirs de conversion. </li></ul>
  22. 24. <ul><li>Pour mesurer l’impact de vos modifications… et faire de nouvelles adaptations… </li></ul><ul><li>Indicateurs clés : </li></ul><ul><li>Evolution du temps moyen passé sur la page. </li></ul><ul><li>Evolution du taux de rebond. </li></ul><ul><li>Evolutions des objectifs. </li></ul><ul><li>Evolutions des entonnoirs de conversion. </li></ul><ul><li>… </li></ul>Utiliser les statistiques de votre sites web !
  23. 25. Questions ? Marketing & Tourisme Mathieu Vadot Consultant indépendant Agence Canopée Yoann Vastra Chef de projet Web
  24. 26. Ressources utiles sur le web : <ul><li>http://www.ergolab.net/ : site ressource de référence sur l’ergonomie. </li></ul><ul><li>http://www.hiseo.fr/ : conseils pour l’écriture web. </li></ul><ul><li>http://www.60questions.net/fichesdepros/index.htm : fiche pratique « Que faire pour que vos pages ressorte bien sur Google » (Titres, balises …). </li></ul><ul><li>http://www.redaction.be/contenu.htm : site de ressource de référence pour l’écriture web. </li></ul><ul><li>http://forum.webrankinfo.com/ : Forum de référence pour toutes les questions liées au référencement à Google Analytics, etc. http://analyseweb.fr/ : Forum spécialisé dans l’analyse statistique de site web. </li></ul>
  25. 27. Les clefs de la réussite <ul><li>Organiser vos blocs avec des titres, des sous-titres (Balises <H1>, <H2> …) </li></ul><ul><li>Intégrer des images pour illustrer le sens des différents blocs et harmoniser l’organisation visuelle (attribut ALT de la balise <IMG>) </li></ul>Ecrire aussi pour les robots de Google : <ul><li>Prévoir un titre pour chaque page (Balise <TITLE>). </li></ul><ul><li>Associer une intro, une accroche (Balise Meta <Description>) </li></ul><ul><li>Une seul idée par paragraphe ! </li></ul><ul><li>Les mots clés en gras (Balise <strong>). </li></ul><ul><li>Les liens hypertexte clairement exprimés. </li></ul>
  26. 28. Retrouvez-le sur le showroom

×