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

1. Qualité web
Prendre la bonne direction
Web School Factory – décembre 2012

2. Support de cours donné dans le cadre de la
_WebSchoolFactory
Module Standards et normes de qualité
> Qualité web
1ère année

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. Présentation

5. Delphine Malassingne
Management de la qualité
2 ans chez le commanditaire
(BNP Paribas PF)
Depuis 1 an en « agence »
(Ekino)

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. Introduction

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. I. Qualité

10. ISO 9000 : 2000
« Aptitude d’un ensemble de
caractéristiques intrinsèques à
satisfaire des exigences »

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. Attention à la surqualité
Pragmatisme
Lâcher-prise
À ce propos voir :
http://openweb.eu.org/articles/conformite_validation_surquali

13. Labellisation, certification
Validation externe
Objectivée
Liée à un moment précis de la
vie du produit

14. II. Qualité web

15. Standards
Accessibilité
Performance
Industrialisation
Expérience utilisateur
Bonnes pratiques liées à chaque
métier
…

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. 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. 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. La performance
Temps de chargement des
pages
+ ressenti / interactions
possibles
« Front », « back », choix
éditoriaux, choix graphiques…

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. 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

23. 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

24. III. Gestion de la
qualité web

25. Satisfaction client
Utilisateur final
Commanditaire
Équipes
Entreprise

26. Principes
Direction
> Objectifs
> critères

27. Principes
Être une aide, un facilitateur
Ne pas se substituer à l’expert
mais utiliser sa vision globale
S’adapter

28. Principes
Sensibiliser,
communiquer,
convaincre

29. Principes
Pérenniser
Amélioration continue

30. 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

31. Limite de risque
Favoriser l’adéquation aux
attentes
Coordination, harmonie
Remontée d’alerte

32. Faire un suivi de la production
S’affranchir du rythme de la
production
Coordonner les expertises

33. Gain de temps
Prise en main
et maintenabilité
Industrialisation
Innovation

34. Vecteur de montée en
compétence
Garde en vue les objectifs
finaux
Aide à la décision / Recours
objectif

35. Outils
Harmonisation
et suivi

36. Documentations
Chartes
Cahier des charges
Spécifications fonctionnelles,
techniques
…

37. Checklist
Pérenne
Utilisables, réalistes
Consensuel
Fondamentaux
Pragmatisme
Amélioration continue

38. Créer une checklist
1. Brainstorming
2. Filtres
3. Rédaction des libellés
4. Tests et amélioration

39. 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

40. Le cycle itératif de l’audit
Premier audit Communication
Analyse Plan d’actions
Comparaison Nouvel audit

41. Template d’analyse

42. Opquast Reporting

43. Communiquer
Donner de la visibilité
Encourager
Aide à la décision
Avantage concurrentiel

44. 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

45. 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.

46. Document à destination des
décideurs

47. IV. Gestionnaire de la
qualité web

48. Profil
Écoute
Pédagogie
Organisation
Patience
Curiosité
Culture générale

49. Positionnement
Transversalité
Légitimité dans l’organisation
hiérarchique

50. Conclusion

51. 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

52. En savoir plus

53. 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

54. 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

55. 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

56. Liens

57. Qualité
Introduction à la qualité
• http://www.commentcamarche.net/contents/qualite/qualite-
introduction.php3

58. 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

59. 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

60. 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/

61. 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

62. 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

63. Delphine Malassingne / Ekino
Ekino
• http://www.ekino.com
• https://twitter.com/3k1n0
Équipe front :
• https://twitter.com/NewsDuFront
Delphine Malassingne
• http://nissone.com

64. Qualité web – Prendre la bonne direction
Delphine Malassingne – Ekino
Web School Factory
Décembre 2012
CC BY-SA
Icônes : http://handdrawing.olawolska.com