QUALITÉ WEB
Delphine Malassingne
Responsable qualité
Support decours « La Qualité web »
_WebSchoolFactory
(1res année)
11 juin2014
Cesupport donne uneidéede cours mais neconti...
1. Définitions
2. Une discipline, un métier ?
3. Notions fondamentales
4. Méthodologie
5. Outils
PLAN
Définitions
DÉFINITION DE
LAQUALITÉ WEB
À votre avis ?
DÉFINITION DE
LAQUALITÉ WEB
ISO 9000 : 2000 : « Aptitude d’unensemble de caractéristiques
intrinsèques à satisfaire desexi...
DÉFINITION DE
LAQUALITÉ WEB
Exigencesde qui ?
• Utilisateur final
• Commanditaire
• Réalisateur
VPTCS
Critèresgénérauxd’évaluationdelaqualitédesservicesenlignehttp://temesis.com/ressources/articles/le-metier/criteres-
...
DÉFINITION DE
LAGESTION DE LAQUALITÉ WEB
«Ensembled’activités coordonnéesdontl’objectif estd’évaluer,
amélioreretgarantirl...
DÉFINITION DE
LAGESTION DE LAQUALITÉ WEB
Quelles activités ?
• Objectifs et indicateurs
• Coordination des intervenants
• ...
Une discipline, un métier?
Qualité d’unsite web ?
Qualitédu code
Qualitédel’utilisabilité
Qualitédela performance
Qualitédu contenu
Etc.
Transversali...
Vos critères qualité
Vos indicateurs
Vos outils / méthodes
Transmission à l’équipe et industrialisation
Confrontation aupr...
Homogénéisation
Outils et accompagnement
Facilitateur
RESPONSABLE QUALITÉ WEB
http://metiers.internet.gouv.fr/metier/respo...
Notions fondamentales
Des référentiels
Outilsde suivi
Référencecommune
Standards du web /du client/ internes
100% ?
CONFORMITÉ
AMÉLIORATION CONTINUE
Premier audit
Analyse Plan d’actions
Comparaison Nouvel audit
Communication
AMÉLIORATION CONTINUE
«QualitéetaccessibilitéWeb–Versl’améliorationcontinue»Élie Sloïm–ParisWeb2008
http://www.dailymotion...
Besoin decommuniquer
Vendre etvaloriser
LABELLISATION
SUR-QUALITÉ
«Niveau dequalité réel supérieur au niveau de qualité requis. »
http://openweb.eu.org/articles/conformite_vali...
Méthodologie
Repérerpourdiriger
Évangéliser poursensibiliser
Documenterpourrendreautonome
Former pourfairecomprendre
Accompagnerpouraid...
En amont
Sponsor
Responsabilité de chacun
Amélioration continue
EX. : ACCESSIBILITÉ ET QUALITÉ
http://articles.nissone.com...
Outils
Spécifications
Support deformation
Veille
Ex : Charted’intégration
DOCUMENTATIONS
http://w3qualite.net/outils/charte-integ...
Document
soigneusement chapitré
Critère rédigé simplement
et clairement
Utilisation des
pictogrammes
Hiérarchie des critèr...
RÉFÉRENTIELS
Indicateursdequalité
Critères àauditer
LES BONNES PRATIQUES DU WEB OPQUAST
http://checklists.opquast.com/fr/oqs-v2
Construire votrepropre référentiel
Choisir uneméthode > Opquast :
International
Vérifiable
Consensus
Réaliste
Réunir l’équ...
WEB DEVELOPER CHECKLIST
http://webdevchecklist.com/
USABILITY CHECKLIST
http://userium.com/
PHOTOSHOP ETIQUETTE
http://photoshopetiquette.com/
Objectifs
Référentiels
Éléments stratégiques
Audit
Conforme/ Non-conforme/ Non-applicable
Tri et analyse
Communication > P...
OPQUAST REPORTING
https://reporting.opquast.com/fr/
Gratuit ; testez-le au
moins.
OPQUAST DESKTOP
https://desktop.opquast.com/fr/
http://vimeo.com/45305171
Trèèèès bonne
extension, adoptez-la
BIBLIOGRAPHIE
http://qualite-web-lelivre.com/
« Qualité web - Les bonnes pratiques pour améliorer vos sites »
Élie Sloïm, ...
« Mémento Sites web - Les bonnes pratiques »
Élie Sloïmetles contributeursd’Opquast
BIBLIOGRAPHIE
http://checklists.opquas...
SITES DE RÉFÉRENCE
http://openweb.eu.org/
w3qualité – Portail sur la qualité numérique
http://w3qualite.net/
Blog sur la q...
CONTACT
Delphine Malassingne
Responsable qualité chez Ekino
http://nissone.com
@nissone
Ekino
Agencetechnologique digitale...
Qualité Web - Cours _WebSchoolFactory - juin 2014
Qualité Web - Cours _WebSchoolFactory - juin 2014
Prochain SlideShare
Chargement dans…5
×

Qualité Web - Cours _WebSchoolFactory - juin 2014

900 vues

Publié le

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

Aucun téléchargement
Vues
Nombre de vues
900
Sur SlideShare
0
Issues des intégrations
0
Intégrations
5
Actions
Partages
0
Téléchargements
0
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Qualité Web - Cours _WebSchoolFactory - juin 2014

  1. 1. QUALITÉ WEB Delphine Malassingne Responsable qualité
  2. 2. Support decours « La Qualité web » _WebSchoolFactory (1res année) 11 juin2014 Cesupport donne uneidéede cours mais necontient pas les commentaireset donc le cours lui-même. Distribué sous licence CCBY-SA
  3. 3. 1. Définitions 2. Une discipline, un métier ? 3. Notions fondamentales 4. Méthodologie 5. Outils PLAN
  4. 4. Définitions
  5. 5. DÉFINITION DE LAQUALITÉ WEB À votre avis ?
  6. 6. DÉFINITION DE LAQUALITÉ WEB ISO 9000 : 2000 : « Aptitude d’unensemble de caractéristiques intrinsèques à satisfaire desexigences » «Aptituded’unserviceenligneàsatisfairedesexigences implicites ouexplicites ». ÉlieSloïm http://w3qualite.net/metier/qu-est-ce-que-la-qualite-web Qualiticien de formation. À fait entrer le management de la qualité dans le web français, notamment via l’écosystème Opquast.
  7. 7. DÉFINITION DE LAQUALITÉ WEB Exigencesde qui ? • Utilisateur final • Commanditaire • Réalisateur
  8. 8. VPTCS Critèresgénérauxd’évaluationdelaqualitédesservicesenlignehttp://temesis.com/ressources/articles/le-metier/criteres- generaux-d-evaluation-de.html http://w3qualite.net/wp-content/uploads/2012/10/vptcs.png
  9. 9. DÉFINITION DE LAGESTION DE LAQUALITÉ WEB «Ensembled’activités coordonnéesdontl’objectif estd’évaluer, amélioreretgarantirlaqualitéWeb. » Élie Sloïm http://w3qualite.net/metier/qu-est-ce-que-la-qualite-web
  10. 10. DÉFINITION DE LAGESTION DE LAQUALITÉ WEB Quelles activités ? • Objectifs et indicateurs • Coordination des intervenants • Outillage • Communication etformation • Etc.
  11. 11. Une discipline, un métier?
  12. 12. Qualité d’unsite web ? Qualitédu code Qualitédel’utilisabilité Qualitédela performance Qualitédu contenu Etc. Transversalité Multi-disciplinaire > Tout le monde a sonrôle à jouer ENQUOI ÇA MECONCERNE ?
  13. 13. Vos critères qualité Vos indicateurs Vos outils / méthodes Transmission à l’équipe et industrialisation Confrontation auprès de vos pairs et améliorations TRANSVERSE ÀNOSMÉTIERS
  14. 14. Homogénéisation Outils et accompagnement Facilitateur RESPONSABLE QUALITÉ WEB http://metiers.internet.gouv.fr/metier/responsable-qualite-web 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
  15. 15. Notions fondamentales
  16. 16. Des référentiels Outilsde suivi Référencecommune Standards du web /du client/ internes 100% ? CONFORMITÉ
  17. 17. AMÉLIORATION CONTINUE Premier audit Analyse Plan d’actions Comparaison Nouvel audit Communication
  18. 18. AMÉLIORATION CONTINUE «QualitéetaccessibilitéWeb–Versl’améliorationcontinue»Élie Sloïm–ParisWeb2008 http://www.dailymotion.com/video/x7qlry_elie-sloim-qualite-et-accessibilite_tech
  19. 19. Besoin decommuniquer Vendre etvaloriser LABELLISATION
  20. 20. SUR-QUALITÉ «Niveau dequalité réel supérieur au niveau de qualité requis. » http://openweb.eu.org/articles/conformite_validation_surquali
  21. 21. Méthodologie
  22. 22. Repérerpourdiriger Évangéliser poursensibiliser Documenterpourrendreautonome Former pourfairecomprendre Accompagnerpouraiderle changement Outillerpourpermettredefaire Auditerpoursuivre Communiquerpourmotiver Itérer pouraméliorer MÉTHODOLOGIE
  23. 23. En amont Sponsor Responsabilité de chacun Amélioration continue EX. : ACCESSIBILITÉ ET QUALITÉ http://articles.nissone.com/2011/04/integrer-accessibilite-dans-demarche-qualite-resume/
  24. 24. Outils
  25. 25. Spécifications Support deformation Veille Ex : Charted’intégration DOCUMENTATIONS http://w3qualite.net/outils/charte-integration-exemple-document Le document que j’ai fais circuler en classe
  26. 26. Document soigneusement chapitré Critère rédigé simplement et clairement Utilisation des pictogrammes Hiérarchie des critères : Requis / Souhaité / Proposé Aide à la compréhension, exemples Sources, en savoir plus
  27. 27. RÉFÉRENTIELS Indicateursdequalité Critères àauditer
  28. 28. LES BONNES PRATIQUES DU WEB OPQUAST http://checklists.opquast.com/fr/oqs-v2
  29. 29. Construire votrepropre référentiel Choisir uneméthode > Opquast : International Vérifiable Consensus Réaliste Réunir l’équipe : Responsableduréférentiels(méthodologie) Expertstechniques Utilisateurs DES CHECKLISTS MÉTIER http://w3qualite.net/actualites/industrialisons-nos-savoir-faire-kiwiparty
  30. 30. WEB DEVELOPER CHECKLIST http://webdevchecklist.com/
  31. 31. USABILITY CHECKLIST http://userium.com/
  32. 32. PHOTOSHOP ETIQUETTE http://photoshopetiquette.com/
  33. 33. Objectifs Référentiels Éléments stratégiques Audit Conforme/ Non-conforme/ Non-applicable Tri et analyse Communication > Plan d’action > Nouvelle itération AUDIT http://w3qualite.net/demarche/10-etapes-pour-un-audit
  34. 34. OPQUAST REPORTING https://reporting.opquast.com/fr/ Gratuit ; testez-le au moins.
  35. 35. OPQUAST DESKTOP https://desktop.opquast.com/fr/ http://vimeo.com/45305171 Trèèèès bonne extension, adoptez-la
  36. 36. BIBLIOGRAPHIE http://qualite-web-lelivre.com/ « Qualité web - Les bonnes pratiques pour améliorer vos sites » Élie Sloïm, Laurent Denis, Muriel de Dona,Fabrice Bony Vous l’avez dans votre bibliothèque
  37. 37. « Mémento Sites web - Les bonnes pratiques » Élie Sloïmetles contributeursd’Opquast BIBLIOGRAPHIE http://checklists.opquast.com/fr/oqs-v2 Celui-là, je ne sais pas. Mais si vous avez le livre, vous avez tout.
  38. 38. SITES DE RÉFÉRENCE http://openweb.eu.org/ w3qualité – Portail sur la qualité numérique http://w3qualite.net/ Blog sur la qualité etla qualité web http://blog.temesis.com/category/Qualite-web Site de référence pour « bien faire le web » Ne le loupez pas !
  39. 39. CONTACT Delphine Malassingne Responsable qualité chez Ekino http://nissone.com @nissone Ekino Agencetechnologique digitale http://www.ekino.fr @3k1n0 N’hésitez pas à me contacter si besoin.

×