Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Compil Atelier 12 - Ergonomie VEM 2009.ppt

789 views

Published on

Published in: Technology, Design
  • Be the first to comment

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

×