SlideShare une entreprise Scribd logo
1  sur  41
QUALITÉ WEB
Delphine Malassingne
Responsable qualité
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
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 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.
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-
generaux-d-evaluation-de.html
http://w3qualite.net/wp-content/uploads/2012/10/vptcs.png
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
DÉFINITION DE
LAGESTION DE LAQUALITÉ WEB
Quelles activités ?
• Objectifs et indicateurs
• Coordination des intervenants
• Outillage
• Communication etformation
• Etc.
Une discipline, un métier?
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 ?
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
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
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.com/video/x7qlry_elie-sloim-qualite-et-accessibilite_tech
Besoin decommuniquer
Vendre etvaloriser
LABELLISATION
SUR-QUALITÉ
«Niveau dequalité réel supérieur au niveau de qualité requis. »
http://openweb.eu.org/articles/conformite_validation_surquali
Méthodologie
Repérerpourdiriger
Évangéliser poursensibiliser
Documenterpourrendreautonome
Former pourfairecomprendre
Accompagnerpouraiderle changement
Outillerpourpermettredefaire
Auditerpoursuivre
Communiquerpourmotiver
Itérer pouraméliorer
MÉTHODOLOGIE
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/
Outils
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
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
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’équipe :
Responsableduréférentiels(méthodologie)
Expertstechniques
Utilisateurs
DES CHECKLISTS MÉTIER
http://w3qualite.net/actualites/industrialisons-nos-savoir-faire-kiwiparty
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 > Plan d’action > Nouvelle itération
AUDIT
http://w3qualite.net/demarche/10-etapes-pour-un-audit
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, Laurent Denis, Muriel de Dona,Fabrice Bony
Vous l’avez dans votre
bibliothèque
« 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.
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 !
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.
Qualité Web - Cours _WebSchoolFactory - juin 2014

Contenu connexe

En vedette

Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...
Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...
Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...Delphine Malassingne
 
Leo 1402
Leo 1402Leo 1402
Leo 1402leo0815
 
Suero tato
Suero tatoSuero tato
Suero tatojeanpyXD
 
Types De Raisin
Types De RaisinTypes De Raisin
Types De RaisinjeanpyXD
 
Ad donald zolan peintre d'enfants
Ad donald zolan peintre d'enfantsAd donald zolan peintre d'enfants
Ad donald zolan peintre d'enfantsEduardo Sousa
 
Publicité et psychologie
Publicité et psychologiePublicité et psychologie
Publicité et psychologiePinuts
 
Presentation Russie_Cadénac_déc. 2010
Presentation Russie_Cadénac_déc. 2010Presentation Russie_Cadénac_déc. 2010
Presentation Russie_Cadénac_déc. 2010Jean-Paul Chéno
 
Epncamp autrans_art_num
Epncamp autrans_art_numEpncamp autrans_art_num
Epncamp autrans_art_numfredtic
 
Projet carrière de informatique
Projet carrière de informatiqueProjet carrière de informatique
Projet carrière de informatiquejebo1411
 
Tragedia del Airane 5
Tragedia del Airane 5Tragedia del Airane 5
Tragedia del Airane 5Sergio
 
Geiz ist geil, Usability ist geiler.
Geiz ist geil, Usability ist geiler.Geiz ist geil, Usability ist geiler.
Geiz ist geil, Usability ist geiler.kernpunkt
 
Cristina laura peintres-francais
Cristina laura peintres-francaisCristina laura peintres-francais
Cristina laura peintres-francaispacitina
 
100603 expertic oj
100603 expertic oj100603 expertic oj
100603 expertic ojEcobiz 37
 

En vedette (20)

Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...
Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...
Construire ensemble un enseignement du front-end pertinent, pédagogique et pé...
 
Leo 1402
Leo 1402Leo 1402
Leo 1402
 
Suero tato
Suero tatoSuero tato
Suero tato
 
Types De Raisin
Types De RaisinTypes De Raisin
Types De Raisin
 
Alfombras de flores
Alfombras de floresAlfombras de flores
Alfombras de flores
 
Ad donald zolan peintre d'enfants
Ad donald zolan peintre d'enfantsAd donald zolan peintre d'enfants
Ad donald zolan peintre d'enfants
 
Endpoint practica de redes
Endpoint practica de redesEndpoint practica de redes
Endpoint practica de redes
 
Jeopardy !
Jeopardy !Jeopardy !
Jeopardy !
 
Ahaguidelines2010
Ahaguidelines2010Ahaguidelines2010
Ahaguidelines2010
 
Publicité et psychologie
Publicité et psychologiePublicité et psychologie
Publicité et psychologie
 
What's Hot!? Juillet 2016
What's Hot!? Juillet 2016What's Hot!? Juillet 2016
What's Hot!? Juillet 2016
 
Blogue
BlogueBlogue
Blogue
 
Presentation Russie_Cadénac_déc. 2010
Presentation Russie_Cadénac_déc. 2010Presentation Russie_Cadénac_déc. 2010
Presentation Russie_Cadénac_déc. 2010
 
Epncamp autrans_art_num
Epncamp autrans_art_numEpncamp autrans_art_num
Epncamp autrans_art_num
 
Projet carrière de informatique
Projet carrière de informatiqueProjet carrière de informatique
Projet carrière de informatique
 
Tragedia del Airane 5
Tragedia del Airane 5Tragedia del Airane 5
Tragedia del Airane 5
 
Geiz ist geil, Usability ist geiler.
Geiz ist geil, Usability ist geiler.Geiz ist geil, Usability ist geiler.
Geiz ist geil, Usability ist geiler.
 
Cristina laura peintres-francais
Cristina laura peintres-francaisCristina laura peintres-francais
Cristina laura peintres-francais
 
Tekuidamos 2.0
Tekuidamos 2.0 Tekuidamos 2.0
Tekuidamos 2.0
 
100603 expertic oj
100603 expertic oj100603 expertic oj
100603 expertic oj
 

Similaire à Qualité Web - Cours _WebSchoolFactory - juin 2014

Communauté onepoint - Lean & Agile
Communauté onepoint - Lean & AgileCommunauté onepoint - Lean & Agile
Communauté onepoint - Lean & AgileGroupeONEPOINT
 
Pourquoi / comment le poste de Responsable qualité web | Sud Web 2011
Pourquoi / comment le poste de Responsable qualité web | Sud Web 2011Pourquoi / comment le poste de Responsable qualité web | Sud Web 2011
Pourquoi / comment le poste de Responsable qualité web | Sud Web 2011Delphine Malassingne
 
Mettre en place la gestion de la qualité web (octobre 2010)
Mettre en place la gestion de la qualité web (octobre 2010)Mettre en place la gestion de la qualité web (octobre 2010)
Mettre en place la gestion de la qualité web (octobre 2010)Delphine Malassingne
 
ISO 9001 V 2015 .ppt
ISO 9001 V 2015 .pptISO 9001 V 2015 .ppt
ISO 9001 V 2015 .pptTrikiWassim1
 
Agilite dont vous etes le heros_AGTNantes2023.pptx
Agilite dont vous etes le heros_AGTNantes2023.pptxAgilite dont vous etes le heros_AGTNantes2023.pptx
Agilite dont vous etes le heros_AGTNantes2023.pptxAurelie ROBERT
 
PARTAGEZ VOS CONNAISSANCES - Assurez la transmission de vos connaissances à v...
PARTAGEZ VOS CONNAISSANCES - Assurez la transmission de vos connaissances à v...PARTAGEZ VOS CONNAISSANCES - Assurez la transmission de vos connaissances à v...
PARTAGEZ VOS CONNAISSANCES - Assurez la transmission de vos connaissances à v...GILIANE CESAR JOUBERT
 
Web-Conférence - Déployez un dispositif certifiant de formation
Web-Conférence - Déployez un dispositif certifiant de formationWeb-Conférence - Déployez un dispositif certifiant de formation
Web-Conférence - Déployez un dispositif certifiant de formationXL Groupe
 
Plaquette Alter&Go Formation
Plaquette Alter&Go FormationPlaquette Alter&Go Formation
Plaquette Alter&Go Formationxsabouraud
 
Argumenter en faveur du poste de responsable qualité web | Paris Web 2011
Argumenter en faveur du poste de responsable qualité web | Paris Web 2011Argumenter en faveur du poste de responsable qualité web | Paris Web 2011
Argumenter en faveur du poste de responsable qualité web | Paris Web 2011Delphine Malassingne
 
Retour d'expérience : Mooc cuisine AFPA
Retour d'expérience : Mooc cuisine AFPARetour d'expérience : Mooc cuisine AFPA
Retour d'expérience : Mooc cuisine AFPAFFFOD
 
PréSentation Passagecadre Blog
PréSentation Passagecadre BlogPréSentation Passagecadre Blog
PréSentation Passagecadre Blogjm h
 
Agilite à l'echelle dont vous êtes le héros @agilenantes
Agilite à l'echelle dont vous êtes le héros @agilenantesAgilite à l'echelle dont vous êtes le héros @agilenantes
Agilite à l'echelle dont vous êtes le héros @agilenantesGilles Brieux
 
1. gestion savoir faire
1. gestion savoir faire1. gestion savoir faire
1. gestion savoir faireDALISYS
 
Démarche qualité dans un projet de formation continue
Démarche qualité dans un projet de formation continueDémarche qualité dans un projet de formation continue
Démarche qualité dans un projet de formation continueHicham El Khalifi
 
HP Consultant Formateur SAP / ISO 9001
HP Consultant Formateur SAP / ISO 9001HP Consultant Formateur SAP / ISO 9001
HP Consultant Formateur SAP / ISO 9001hpasquiou
 

Similaire à Qualité Web - Cours _WebSchoolFactory - juin 2014 (20)

Communauté onepoint - Lean & Agile
Communauté onepoint - Lean & AgileCommunauté onepoint - Lean & Agile
Communauté onepoint - Lean & Agile
 
Pourquoi / comment le poste de Responsable qualité web | Sud Web 2011
Pourquoi / comment le poste de Responsable qualité web | Sud Web 2011Pourquoi / comment le poste de Responsable qualité web | Sud Web 2011
Pourquoi / comment le poste de Responsable qualité web | Sud Web 2011
 
Mettre en place la gestion de la qualité web (octobre 2010)
Mettre en place la gestion de la qualité web (octobre 2010)Mettre en place la gestion de la qualité web (octobre 2010)
Mettre en place la gestion de la qualité web (octobre 2010)
 
Conduite du Changement 2.0
Conduite du Changement 2.0Conduite du Changement 2.0
Conduite du Changement 2.0
 
ISO 9001 V 2015 .ppt
ISO 9001 V 2015 .pptISO 9001 V 2015 .ppt
ISO 9001 V 2015 .ppt
 
Agilite dont vous etes le heros_AGTNantes2023.pptx
Agilite dont vous etes le heros_AGTNantes2023.pptxAgilite dont vous etes le heros_AGTNantes2023.pptx
Agilite dont vous etes le heros_AGTNantes2023.pptx
 
PARTAGEZ VOS CONNAISSANCES - Assurez la transmission de vos connaissances à v...
PARTAGEZ VOS CONNAISSANCES - Assurez la transmission de vos connaissances à v...PARTAGEZ VOS CONNAISSANCES - Assurez la transmission de vos connaissances à v...
PARTAGEZ VOS CONNAISSANCES - Assurez la transmission de vos connaissances à v...
 
Web-Conférence - Déployez un dispositif certifiant de formation
Web-Conférence - Déployez un dispositif certifiant de formationWeb-Conférence - Déployez un dispositif certifiant de formation
Web-Conférence - Déployez un dispositif certifiant de formation
 
Plaquette Alter&Go Formation
Plaquette Alter&Go FormationPlaquette Alter&Go Formation
Plaquette Alter&Go Formation
 
Sp3 e qualite danedjo
Sp3 e qualite danedjoSp3 e qualite danedjo
Sp3 e qualite danedjo
 
Argumenter en faveur du poste de responsable qualité web | Paris Web 2011
Argumenter en faveur du poste de responsable qualité web | Paris Web 2011Argumenter en faveur du poste de responsable qualité web | Paris Web 2011
Argumenter en faveur du poste de responsable qualité web | Paris Web 2011
 
Retour d'expérience : Mooc cuisine AFPA
Retour d'expérience : Mooc cuisine AFPARetour d'expérience : Mooc cuisine AFPA
Retour d'expérience : Mooc cuisine AFPA
 
REX du MOOC Cuisine Afpa
REX du MOOC Cuisine AfpaREX du MOOC Cuisine Afpa
REX du MOOC Cuisine Afpa
 
PréSentation Passagecadre Blog
PréSentation Passagecadre BlogPréSentation Passagecadre Blog
PréSentation Passagecadre Blog
 
Swiss Institute for Appreciative Inquiry
Swiss Institute for Appreciative InquirySwiss Institute for Appreciative Inquiry
Swiss Institute for Appreciative Inquiry
 
Agilite à l'echelle dont vous êtes le héros @agilenantes
Agilite à l'echelle dont vous êtes le héros @agilenantesAgilite à l'echelle dont vous êtes le héros @agilenantes
Agilite à l'echelle dont vous êtes le héros @agilenantes
 
REX du MOOC Cuisine Afpa
REX du MOOC Cuisine AfpaREX du MOOC Cuisine Afpa
REX du MOOC Cuisine Afpa
 
1. gestion savoir faire
1. gestion savoir faire1. gestion savoir faire
1. gestion savoir faire
 
Démarche qualité dans un projet de formation continue
Démarche qualité dans un projet de formation continueDémarche qualité dans un projet de formation continue
Démarche qualité dans un projet de formation continue
 
HP Consultant Formateur SAP / ISO 9001
HP Consultant Formateur SAP / ISO 9001HP Consultant Formateur SAP / ISO 9001
HP Consultant Formateur SAP / ISO 9001
 

Plus de Delphine Malassingne

Table-ronde Qualité web - Codeurs en Seine 2013
Table-ronde Qualité web - Codeurs en Seine 2013Table-ronde Qualité web - Codeurs en Seine 2013
Table-ronde Qualité web - Codeurs en Seine 2013Delphine Malassingne
 
Être bien pour produire bien - Paris Web 2013
Être bien pour produire bien - Paris Web 2013Être bien pour produire bien - Paris Web 2013
Être bien pour produire bien - Paris Web 2013Delphine Malassingne
 
Envie d un reférentiel ? Créons-le ! Là, maintenant | Paris Web 2012
 Envie d un reférentiel ? Créons-le ! Là, maintenant | Paris Web 2012 Envie d un reférentiel ? Créons-le ! Là, maintenant | Paris Web 2012
Envie d un reférentiel ? Créons-le ! Là, maintenant | Paris Web 2012Delphine Malassingne
 
Atelier Référentiel des bonnes pratiques de performance web
Atelier Référentiel des bonnes pratiques de performance webAtelier Référentiel des bonnes pratiques de performance web
Atelier Référentiel des bonnes pratiques de performance webDelphine Malassingne
 
Intégrer l accessibilité dans une démarche qualité | W3Café
Intégrer l accessibilité dans une démarche qualité | W3CaféIntégrer l accessibilité dans une démarche qualité | W3Café
Intégrer l accessibilité dans une démarche qualité | W3CaféDelphine Malassingne
 

Plus de Delphine Malassingne (7)

GitPourLaNulle
GitPourLaNulleGitPourLaNulle
GitPourLaNulle
 
Table-ronde Qualité web - Codeurs en Seine 2013
Table-ronde Qualité web - Codeurs en Seine 2013Table-ronde Qualité web - Codeurs en Seine 2013
Table-ronde Qualité web - Codeurs en Seine 2013
 
Être bien pour produire bien - Paris Web 2013
Être bien pour produire bien - Paris Web 2013Être bien pour produire bien - Paris Web 2013
Être bien pour produire bien - Paris Web 2013
 
Envie d un reférentiel ? Créons-le ! Là, maintenant | Paris Web 2012
 Envie d un reférentiel ? Créons-le ! Là, maintenant | Paris Web 2012 Envie d un reférentiel ? Créons-le ! Là, maintenant | Paris Web 2012
Envie d un reférentiel ? Créons-le ! Là, maintenant | Paris Web 2012
 
Atelier Référentiel des bonnes pratiques de performance web
Atelier Référentiel des bonnes pratiques de performance webAtelier Référentiel des bonnes pratiques de performance web
Atelier Référentiel des bonnes pratiques de performance web
 
Prise de parole - Paris-Web 2011
Prise de parole - Paris-Web 2011Prise de parole - Paris-Web 2011
Prise de parole - Paris-Web 2011
 
Intégrer l accessibilité dans une démarche qualité | W3Café
Intégrer l accessibilité dans une démarche qualité | W3CaféIntégrer l accessibilité dans une démarche qualité | W3Café
Intégrer l accessibilité dans une démarche qualité | W3Café
 

Qualité Web - Cours _WebSchoolFactory - juin 2014