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

2 989 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
2 989
Sur SlideShare
0
Issues des intégrations
0
Intégrations
295
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

×