Ce diaporama a bien été signalé.

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

3

Partager

Chargement dans…3
×
1 sur 64
1 sur 64

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

3

Partager

Télécharger pour lire hors ligne

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

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

Plus De Contenu Connexe

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

  1. 1. Qualité web Prendre la bonne direction Web School Factory – décembre 2012
  2. 2. Support de cours donné dans le cadre de la _WebSchoolFactory Module Standards et normes de qualité > Qualité web 1ère année
  3. 3. Plan Présentation / introduction I. Qualité II. Qualité web III. Gestion de la qualité web IV. Gestionnaire de la qualité web En savoir plus Liens
  4. 4. Présentation
  5. 5. Delphine Malassingne Management de la qualité 2 ans chez le commanditaire (BNP Paribas PF) Depuis 1 an en « agence » (Ekino)
  6. 6. Delphine Malassingne Contributions autour de la qualité web Fiche « Responsable qualité web » Portail des Métiers de l’Internet Articles http://w3qualite.net http://articles.nissone.com Confé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 de caracté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-web http://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, certification Validation externe Objectivée Liée à un moment précis de la vie du produit
  14. 14. II. Qualité web
  15. 15. Standards Accessibilité Performance Industrialisation Expérience utilisateur Bonnes pratiques liées à chaque métier …
  16. 16. Les standards du web W3C World Wide Web Consortium : Normalisation en vue de permettre la compatibilité des technologies du web Membres : Microsoft, Opera, Firefox, Apple, INRIA, Braillenet, IBM, Samsung…
  17. 17. L’accessibilité « Servir contenu et fonctionnalités d’un site ou d’une application quel que soit le cadre d’utilisation de l’internaute (matériel, logiciel, contextuel) » WCAG (W3C) RGAA, AccessiWeb AcceDe Web, First Steps, MIPAW
  18. 18. L’expérience utilisateur « La qualité de l'expérience vécu par une personne lorsqu'elle 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 performance Temps de chargement des pages + 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.html http://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 client Utilisateur final Commanditaire Équipes Entreprise
  25. 25. Principes Direction > Objectifs > critères
  26. 26. Principes Être une aide, un facilitateur Ne pas se substituer à l’expert mais utiliser sa vision globale S’adapter
  27. 27. Principes Sensibiliser, communiquer, convaincre
  28. 28. Principes Pérenniser Amé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 risque Favoriser l’adéquation aux attentes Coordination, harmonie Remontée d’alerte
  31. 31. Faire un suivi de la production S’affranchir du rythme de la production Coordonner les expertises
  32. 32. Gain de temps Prise en main et maintenabilité Industrialisation Innovation
  33. 33. Vecteur de montée en compétence Garde en vue les objectifs finaux Aide à la décision / Recours objectif
  34. 34. Outils Harmonisation et suivi
  35. 35. Documentations Chartes Cahier des charges Spécifications fonctionnelles, techniques …
  36. 36. Checklist Pérenne Utilisables, réalistes Consensuel Fondamentaux Pragmatisme Amélioration continue
  37. 37. Créer une checklist 1. Brainstorming 2. Filtres 3. Rédaction des libellés 4. 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’audit Premier audit Communication Analyse Plan d’actions Comparaison Nouvel audit
  40. 40. Template d’analyse
  41. 41. Opquast Reporting
  42. 42. Communiquer Donner de la visibilité Encourager Aide à la décision Avantage 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 Écoute Pédagogie Organisation Patience Curiosité Culture générale
  48. 48. Positionnement Transversalité Légitimité dans l’organisation hiérarchique
  49. 49. Conclusion
  50. 50. Métier jeune qui s’invente encore Être en prise avec la réalité et s’organiser dans un cycle itératif d’amélioration continue Éviter la surqualité à défaut de l’arbitrage et l’excellence à défaut de la pérennité Être ouvert et attentif à toutes les expertises
  51. 51. En savoir plus
  52. 52. Ressources en ligne Fiche Responsable "qualité web" du Portail des Métiers de l'Internet http://www.metiers.internet.gouv.fr/metier/res ponsable-qualite-web « Qualité et accessibilité Web - Vers l’amélioration continue » Élie Sloïm – Paris Web 2008 http://www.dailymotion.com/video/x7qlry_elie- sloim-qualite-et-accessibilite_tech
  53. 53. Articles http://openweb.eu.org/ w3qualité – Portail sur la qualité numérique http://w3qualite.net/ http://blog.temesis.com/category/Qualite-web Blog sur la qualité et la qualité web (plus édité mais intéressant) http://cbigot.net
  54. 54. Bibliographie « Qualité web - Les bonnes pratiques pour amé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-web Attention à la surqualité • http://openweb.eu.org/articles/conformite_validation_surquali Le 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-web Accessibilité 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 l'intégration Web : la révolution de l'artisan 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 / Ekino Ekino • http://www.ekino.com • https://twitter.com/3k1n0 Équipe front : • https://twitter.com/NewsDuFront Delphine Malassingne • http://nissone.com
  63. 63. Qualité web – Prendre la bonne direction Delphine Malassingne – Ekino Web School Factory Décembre 2012 CC BY-SA Icônes : http://handdrawing.olawolska.com

×