Qualité webPrendre la bonne directionWeb School Factory – décembre 2012
Support de cours donné dans le cadre de la_WebSchoolFactoryModule Standards et normes de qualité> Qualité web1ère année
Plan       Présentation / introduction  I.   Qualité II.   Qualité webIII.   Gestion de la qualité webIV.    Gestionnaire ...
Présentation
Delphine MalassingneManagement de la qualité2 ans chez le commanditaire(BNP Paribas PF)Depuis 1 an en « agence »(Ekino)
Delphine MalassingneContributionsautour de la qualité webFiche « Responsable qualité web »Portail des Métiers de l’Interne...
Introduction
À votre avis ?Qualité web ?Sur quoi ça porte ?Qu’est-ce qui fait qu’un produit vous plaît ?Qu’est-ce qu’il fait qu’il vous...
I.   Qualité
ISO 9000 : 2000« Aptitude d’un ensemble decaractéristiques intrinsèques àsatisfaire des exigences »
Le commanditaire et l’utilisateur Besoins Conformité Fonctionnement de l’entreprise Satisfaction utilisateurÀ ce propos vo...
Attention à la surqualité Pragmatisme Lâcher-priseÀ ce propos voir :http://openweb.eu.org/articles/conformite_validation_s...
Labellisation, certificationValidation externeObjectivéeLiée à un moment précis de lavie du produit
II.   Qualité web
StandardsAccessibilitéPerformanceIndustrialisationExpérience utilisateurBonnes pratiques liées à chaquemétier…
Les standards du webW3CWorld Wide Web Consortium :Normalisation en vue depermettre la compatibilité destechnologies du web...
L’accessibilité« Servir contenu et fonctionnalitésd’un site ou d’une application quelque soit le cadre d’utilisation del’i...
L’expérience utilisateur                              « La qualité de lexpérience                              vécu par un...
La performanceTemps de chargement despages+ ressenti / interactions  possibles« Front », « back », choixéditoriaux, choix ...
L’industrialisation Templates Framework Partage de méthodes, d’outils Respect des chartes, des bonnes pratiquesÀ ce propos...
Le modèle VPTCS Modèle qui synthétise les attentes des utilisateurs finaux Vision transverse des métiers contribuant à cet...
Les bonnes pratiques du web Opquast Communautaires Partagée (CC-By) Pour la gestion de la qualité web :         Qualité we...
III.   Gestion de la       qualité web
Satisfaction clientUtilisateur finalCommanditaireÉquipesEntreprise
PrincipesDirection> Objectifs> critères
PrincipesÊtre une aide, un facilitateurNe pas se substituer à l’expertmais utiliser sa vision globaleS’adapter
PrincipesSensibiliser,communiquer,convaincre
PrincipesPérenniserAmélioration continue
Impacts / gains Sur la façon de produire   Équipes   Entreprise Sur le produit   Utilisateur   CommanditaireÀ ce propos vo...
Limite de risqueFavoriser l’adéquation auxattentesCoordination, harmonieRemontée d’alerte
Faire un suivi de la productionS’affranchir du rythme de laproductionCoordonner les expertises
Gain de temps Prise en main et maintenabilitéIndustrialisationInnovation
Vecteur de montée encompétenceGarde en vue les objectifsfinauxAide à la décision / Recoursobjectif
OutilsHarmonisationet suivi
DocumentationsChartesCahier des chargesSpécifications fonctionnelles,techniques…
ChecklistPérenneUtilisables, réalistesConsensuelFondamentauxPragmatismeAmélioration continue
Créer une checklist1.   Brainstorming2.   Filtres3.   Rédaction des libellés4.   Tests et amélioration
Audit Inutile en lui-même ! Ne fait « que » sortir des chiffres Classement en fonction des objectifs > analyse > communica...
Le cycle itératif de l’auditPremier audit                 Communication                  Analyse     Plan d’actions       ...
Template d’analyse
Opquast Reporting
CommuniquerDonner de la visibilitéEncouragerAide à la décisionAvantage concurrentiel
Site sur la qualité web        de la région Aquitaine• http://qualite-web.aquitaine.fr/• Suivi et communication sur un ens...
Baromètre                                     Comparaison des sites des  candidats à la présidence 2012 au vu de critères ...
Document à destination des       décideurs
IV.   Gestionnaire de la      qualité web
ProfilÉcoutePédagogieOrganisationPatienceCuriositéCulture générale
PositionnementTransversalitéLégitimité dans l’organisationhiérarchique
Conclusion
Métier jeunequi s’invente encoreÊtre en prise avec la réalitéet s’organiser dans un cycleitératif d’amélioration continueÉ...
En savoir plus
Ressources en ligneFiche Responsable "qualité web"du Portail des Métiers de lInternethttp://www.metiers.internet.gouv.fr/m...
Articleshttp://openweb.eu.org/w3qualité – Portail sur la qualité numériquehttp://w3qualite.net/http://blog.temesis.com/cat...
Bibliographie« Qualité web - Les bonnes pratiques pouraméliorer vos sites »Élie Sloïm, Laurent Denis, Muriel de Dona,Fabri...
Liens
QualitéIntroduction à la qualité•   http://www.commentcamarche.net/contents/qualite/qualite-    introduction.php3
Qualité web•   Portail sur la qualité web :    http://w3qualite.net•   http://cbigot.net/racines-de-la-qualite-webAttentio...
Gestion de la qualité web   •     Avantages et gains :         http://w3qualite.net/metier/argumenter-en-faveur-du-poste-d...
Accessibilité/qualitéMéthodes pour l’accessibilité•   AcceDe Web : http://accede-web.com/fr/•   First Steps : http://blog....
Intégration/qualitéIndustrialisation•   Conférence « Industrialisation de lintégration Web : la révolution de lartisan    ...
Pour creuser du côté de la performance web•   Blog (surtout pour les soirées) : http://www.webperf-france.net    (gratuite...
Delphine Malassingne / EkinoEkino•   http://www.ekino.com•   https://twitter.com/3k1n0Équipe front :•  https://twitter.com...
Qualité web – Prendre la bonne directionDelphine Malassingne – EkinoWeb School FactoryDécembre 2012CC BY-SAIcônes : http:/...
Qualité web - Partir dans la bonne direction | _WebSchoolFactory | décembre 2012
Prochain SlideShare
Chargement dans…5
×

Qualité web - Partir dans la bonne direction | _WebSchoolFactory | décembre 2012

3 123 vues

Publié le

Support de cours sur la Qualité web donné dans le cadre de la _WebSchoolFactory
(Module Standards et normes de qualité > Qualité web - 1ère année)
CC BY-SA

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

Aucun téléchargement
Vues
Nombre de vues
3 123
Sur SlideShare
0
Issues des intégrations
0
Intégrations
302
Actions
Partages
0
Téléchargements
43
Commentaires
0
J’aime
3
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Qualité web - Partir dans la bonne direction | _WebSchoolFactory | décembre 2012

  1. 1. Qualité webPrendre la bonne directionWeb School Factory – décembre 2012
  2. 2. Support de cours donné dans le cadre de la_WebSchoolFactoryModule Standards et normes de qualité> Qualité web1ère année
  3. 3. Plan Présentation / introduction I. Qualité II. Qualité webIII. Gestion de la qualité webIV. Gestionnaire de la qualité web En savoir plus Liens
  4. 4. Présentation
  5. 5. Delphine MalassingneManagement de la qualité2 ans chez le commanditaire(BNP Paribas PF)Depuis 1 an en « agence »(Ekino)
  6. 6. Delphine MalassingneContributionsautour de la qualité webFiche « Responsable qualité web »Portail des Métiers de l’InternetArticles http://w3qualite.net http://articles.nissone.comConférences Paris Web, Sud Web, Kiwi Party, www2012…
  7. 7. Introduction
  8. 8. À votre avis ?Qualité web ?Sur quoi ça porte ?Qu’est-ce qui fait qu’un produit vous plaît ?Qu’est-ce qu’il fait qu’il vous déplaît ?Et en tant que fabriquant ?
  9. 9. I. Qualité
  10. 10. ISO 9000 : 2000« Aptitude d’un ensemble decaractéristiques intrinsèques àsatisfaire des exigences »
  11. 11. Le commanditaire et l’utilisateur Besoins Conformité Fonctionnement de l’entreprise Satisfaction utilisateurÀ ce propos voir :http://cbigot.net/racines-de-la-qualite-webhttp://www.commentcamarche.net/contents/qualite/qualite-introduction.php3
  12. 12. Attention à la surqualité Pragmatisme Lâcher-priseÀ ce propos voir :http://openweb.eu.org/articles/conformite_validation_surquali
  13. 13. Labellisation, certificationValidation externeObjectivéeLiée à un moment précis de lavie du produit
  14. 14. II. Qualité web
  15. 15. StandardsAccessibilitéPerformanceIndustrialisationExpérience utilisateurBonnes pratiques liées à chaquemétier…
  16. 16. Les standards du webW3CWorld Wide Web Consortium :Normalisation en vue depermettre la compatibilité destechnologies du webMembres : Microsoft, Opera,Firefox, Apple, INRIA,Braillenet, IBM, Samsung…
  17. 17. L’accessibilité« Servir contenu et fonctionnalitésd’un site ou d’une application quelque soit le cadre d’utilisation del’internaute (matériel, logiciel,contextuel) »WCAG (W3C)RGAA, AccessiWebAcceDe Web, First Steps, MIPAW
  18. 18. L’expérience utilisateur « La qualité de lexpérience vécu par une personne lorsquelle interagie avec une interface, un produit ou un service. » ISO 9241-210 Human-centred design processes for interactive systems Le « nid d’abeille » de Peter Morville : Utilité, Désirabilité,Accessibilité, Crédibilité,Trouvabilité, Utilisabilité
  19. 19. La performanceTemps de chargement despages+ ressenti / interactions possibles« Front », « back », choixéditoriaux, choix graphiques…
  20. 20. L’industrialisation Templates Framework Partage de méthodes, d’outils Respect des chartes, des bonnes pratiquesÀ ce propos voir :http://www.paris-web.fr/2011/conferences/industrialisation-mecanisation-des-esprits-ou-automatisation-des-procedes.php
  21. 21. Le modèle VPTCS Modèle qui synthétise les attentes des utilisateurs finaux Vision transverse des métiers contribuant à cette qualité attendue Créé en 2001À ce propos voir :http://www.temesis.com/ressources/articles/le-metier/criteres-generaux-d-evaluation-de.htmlhttp://w3qualite.net/wp-content/uploads/2012/10/vptcs.png
  22. 22. Les bonnes pratiques du web Opquast Communautaires Partagée (CC-By) Pour la gestion de la qualité web : Qualité web SEO Accessibilité Performance Mobile Etc.À ce propos voir :http://w3qualite.net/actualites/industrialisons-nos-savoir-faire-kiwiparty
  23. 23. III. Gestion de la qualité web
  24. 24. Satisfaction clientUtilisateur finalCommanditaireÉquipesEntreprise
  25. 25. PrincipesDirection> Objectifs> critères
  26. 26. PrincipesÊtre une aide, un facilitateurNe pas se substituer à l’expertmais utiliser sa vision globaleS’adapter
  27. 27. PrincipesSensibiliser,communiquer,convaincre
  28. 28. PrincipesPérenniserAmélioration continue
  29. 29. Impacts / gains Sur la façon de produire Équipes Entreprise Sur le produit Utilisateur CommanditaireÀ ce propos voir :http://articles.nissone.com/2011/05/pourquoi-comment-responsable-qualite-web-presentation-sud-web-2011/http://w3qualite.net/metier/argumenter-en-faveur-du-poste-de-responsable-qualite-web
  30. 30. Limite de risqueFavoriser l’adéquation auxattentesCoordination, harmonieRemontée d’alerte
  31. 31. Faire un suivi de la productionS’affranchir du rythme de laproductionCoordonner les expertises
  32. 32. Gain de temps Prise en main et maintenabilitéIndustrialisationInnovation
  33. 33. Vecteur de montée encompétenceGarde en vue les objectifsfinauxAide à la décision / Recoursobjectif
  34. 34. OutilsHarmonisationet suivi
  35. 35. DocumentationsChartesCahier des chargesSpécifications fonctionnelles,techniques…
  36. 36. ChecklistPérenneUtilisables, réalistesConsensuelFondamentauxPragmatismeAmélioration continue
  37. 37. Créer une checklist1. Brainstorming2. Filtres3. Rédaction des libellés4. Tests et amélioration
  38. 38. Audit Inutile en lui-même ! Ne fait « que » sortir des chiffres Classement en fonction des objectifs > analyse > communicationÀ ce propos voir :http://w3qualite.net/demarche/10-etapes-pour-un-audit
  39. 39. Le cycle itératif de l’auditPremier audit Communication Analyse Plan d’actions Comparaison Nouvel audit
  40. 40. Template d’analyse
  41. 41. Opquast Reporting
  42. 42. CommuniquerDonner de la visibilitéEncouragerAide à la décisionAvantage concurrentiel
  43. 43. Site sur la qualité web de la région Aquitaine• http://qualite-web.aquitaine.fr/• Suivi et communication sur un ensemble de sites (56)• Classement, évaluation
  44. 44. Baromètre Comparaison des sites des candidats à la présidence 2012 au vu de critères d’accessibilité.Commande d’une association pour les aveugles et les malvoyants.
  45. 45. Document à destination des décideurs
  46. 46. IV. Gestionnaire de la qualité web
  47. 47. ProfilÉcoutePédagogieOrganisationPatienceCuriositéCulture générale
  48. 48. PositionnementTransversalitéLégitimité dans l’organisationhiérarchique
  49. 49. Conclusion
  50. 50. Métier jeunequi s’invente encoreÊtre en prise avec la réalitéet s’organiser dans un cycleitératif d’amélioration continueÉviter la surqualité à défaut del’arbitrage et l’excellence àdéfaut de la pérennitéÊtre ouvert et attentif à toutesles expertises
  51. 51. En savoir plus
  52. 52. Ressources en ligneFiche Responsable "qualité web"du Portail des Métiers de lInternethttp://www.metiers.internet.gouv.fr/metier/responsable-qualite-web« Qualité et accessibilité Web - Versl’amélioration continue »Élie Sloïm – Paris Web 2008http://www.dailymotion.com/video/x7qlry_elie-sloim-qualite-et-accessibilite_tech
  53. 53. Articleshttp://openweb.eu.org/w3qualité – Portail sur la qualité numériquehttp://w3qualite.net/http://blog.temesis.com/category/Qualite-webBlog sur la qualité et la qualité web (plus éditémais intéressant)http://cbigot.net
  54. 54. Bibliographie« Qualité web - Les bonnes pratiques pouraméliorer vos sites »Élie Sloïm, Laurent Denis, Muriel de Dona,Fabrice Bony« Mémento Sites web - Les bonnes pratiques »Élie Sloïm et les contributeurs d’Opquast
  55. 55. Liens
  56. 56. QualitéIntroduction à la qualité• http://www.commentcamarche.net/contents/qualite/qualite- introduction.php3
  57. 57. Qualité web• Portail sur la qualité web : http://w3qualite.net• http://cbigot.net/racines-de-la-qualite-webAttention à la surqualité• http://openweb.eu.org/articles/conformite_validation_surqualiLe modèle VPTCS• http://www.temesis.com/ressources/articles/le-metier/criteres-generaux-d- evaluation-de.html• http://w3qualite.net/wp-content/uploads/2012/10/vptcs.png
  58. 58. Gestion de la qualité web • Avantages et gains : http://w3qualite.net/metier/argumenter-en-faveur-du-poste-de- responsable-qualite-web • http://articles.nissone.com/2011/05/pourquoi-comment-responsable- qualite-web-presentation-sud-web-2011/Outils Checklist • Pourquoi, comment une checklist partagée ? http://w3qualite.net/actualites/industrialisons-nos-savoir-faire-kiwiparty Opquast Reporting • reporting.opquast.com/ Audit • http://w3qualite.net/demarche/10-etapes-pour-un-audit
  59. 59. Accessibilité/qualitéMéthodes pour l’accessibilité• AcceDe Web : http://accede-web.com/fr/• First Steps : http://blog.temesis.com/post/2011/12/15/Accessibility-first-Step• MIPAW : http://fr.slideshare.net/Qelios/mipaw-modle-dimplmentation- progressive-de-laccessibilit-du-webAccessibilité et démarche qualité• http://articles.nissone.com/2011/04/integrer-accessibilite-dans-demarche- qualite-resume/
  60. 60. Intégration/qualitéIndustrialisation• Conférence « Industrialisation de lintégration Web : la révolution de lartisan devenu ouvrier » : http://www.paris-web.fr/2011/conferences/industrialisation-mecanisation- des-esprits-ou-automatisation-des-procedes.php• Conférence « Amélioration continue : retour d’expérience » http://www.paris-web.fr/2012/conferences/amelioration-continue-retour- dexperience.php
  61. 61. Pour creuser du côté de la performance web• Blog (surtout pour les soirées) : http://www.webperf-france.net (gratuites, sur Paris)• Twitter : @WebperfParis• Diigo : http://groups.diigo.com/group/web-performance• La mailing-list : https://groups.google.com/forum/?fromgroups#!forum/performance-web
  62. 62. Delphine Malassingne / EkinoEkino• http://www.ekino.com• https://twitter.com/3k1n0Équipe front :• https://twitter.com/NewsDuFrontDelphine Malassingne• http://nissone.com
  63. 63. Qualité web – Prendre la bonne directionDelphine Malassingne – EkinoWeb School FactoryDécembre 2012CC BY-SAIcônes : http://handdrawing.olawolska.com

×