qualité web - partir dans la bonne direction | _webschoolfactory | décembre 2012
DESCRIPTION
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-SATRANSCRIPT
Qualité web
Web School Factory – décembre 2012
Prendre la bonne direction
Support de cours donné dans le cadre de la _WebSchoolFactory
Module Standards et normes de qualité > Qualité web1ère année
Plan
I.II.III.IV.
Présentation / introductionQualitéQualité webGestion de la qualité webGestionnaire de la qualité webEn savoir plusLiens
Présentation
Delphine Malassingne
Management de la qualité
2 ans chez le commanditaire (BNP Paribas PF)
Depuis 1 an en « agence » (Ekino)
Delphine Malassingne
Contributions autour de la qualité webFiche « Responsable qualité web »Portail des Métiers de l’InternetArticles
http://w3qualite.nethttp://articles.nissone.com
ConférencesParis Web, Sud Web, Kiwi Party, www2012…
Introduction
À 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 ?
I. Qualité
ISO 9000 : 2000
« Aptitude d’un ensemble de caractéristiques intrinsèques à satisfaire des exigences »
Le commanditaire et l’utilisateur
BesoinsConformité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
Attention à la surqualité
PragmatismeLâcher-prise
À ce propos voir : http://openweb.eu.org/articles/conformite_validation_surquali
Labellisation, certification
Validation externeObjectivée
Liée à un moment précis de la vie du produit
Qualité webII.
StandardsAccessibilitéPerformanceIndustrialisationExpérience utilisateurBonnes pratiques liées à chaque métier…
Les standards du webW3CWorld Wide Web Consortium :
Normalisation en vue de permettre la compatibilité des technologies du web
Membres : Microsoft, Opera, Firefox, Apple, INRIA, Braillenet, IBM, Samsung…
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
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é
La performance
Temps de chargement des pages+ ressenti / interactions possibles
« Front », « back », choix éditoriaux, choix graphiques…
L’industrialisation
TemplatesFrameworkPartage de méthodes, d’outilsRespect des chartes, des bonnes pratiques
À ce propos voir : http://www.paris-web.fr/2011/conferences/industrialisation-mecanisation-des-esprits-ou-automatisation-des-procedes.php
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
Les bonnes pratiques du web Opquast
CommunautairesPartagée (CC-By)Pour la gestion de la qualité web :
Qualité webSEOAccessibilitéPerformanceMobileEtc.
À ce propos voir : http://w3qualite.net/actualites/industrialisons-nos-savoir-faire-kiwiparty
Gestion de la qualité webIII.
Satisfaction client
Utilisateur final
Commanditaire
Équipes
Entreprise
Principes
Direction > Objectifs > critères
Principes
Être une aide, un facilitateur
Ne pas se substituer à l’expert mais utiliser sa vision globale
S’adapter
Principes
Sensibiliser, communiquer, convaincre
Principes
PérenniserAmélioration continue
Impacts / gains
À 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
Sur la façon de produireÉquipesEntreprise
Sur le produitUtilisateurCommanditaire
Limite de risque
Favoriser l’adéquation aux attentes
Coordination, harmonie
Remontée d’alerte
Faire un suivi de la production
S’affranchir du rythme de la production
Coordonner les expertises
Gain de tempsPrise en main et maintenabilité
Industrialisation
Innovation
Vecteur de montée en compétence
Garde en vue les objectifs finaux
Aide à la décision / Recours objectif
Outils
Harmonisation et suivi
Documentations
ChartesCahier des chargesSpécifications fonctionnelles, techniques…
Checklist
PérenneUtilisables, réalistesConsensuel
FondamentauxPragmatismeAmélioration continue
Créer une checklist
1. Brainstorming2. Filtres3. Rédaction des libellés4. Tests et amélioration
AuditInutile 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
Premier audit
Le cycle itératif de l’audit
Analyse Plan d’actions
Comparaison Nouvel audit
Communication
Template d’analyse
Opquast Reporting
Communiquer
Donner de la visibilité
Encourager
Aide à la décision
Avantage concurrentiel
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
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.
Document à destination des décideurs
Gestionnaire de la qualité webIV.
Profil
ÉcoutePédagogie
OrganisationPatience
CuriositéCulture générale
Positionnement
Transversalité
Légitimité dans l’organisation hiérarchique
Conclusion
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
En savoir plus
Fiche Responsable "qualité web" du Portail des Métiers de l'Internet http://www.metiers.internet.gouv.fr/metier/responsable-qualite-web
« Qualité et accessibilité Web - Vers l’amélioration continue »Élie Sloïm – Paris Web 2008http://www.dailymotion.com/video/x7qlry_elie-sloim-qualite-et-accessibilite_tech
Ressources en ligne
http://openweb.eu.org/
w3qualité – Portail sur la qualité numériquehttp://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
Articles
« 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
Bibliographie
Liens
Qualité
Introduction à la qualité• http://
www.commentcamarche.net/contents/qualite/qualite-introduction.php3
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-e
valuation-de.html
• http://w3qualite.net/wp-content/uploads/2012/10/vptcs.png
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/
OutilsChecklist• 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
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-q
ualite-resume/
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
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
Delphine Malassingne / Ekino
Ekino • http://www.ekino.com • https://twitter.com/3k1n0
Équipe front : • https://twitter.com/NewsDuFront
Delphine Malassingne • http://nissone.com
Qualité web – Prendre la bonne directionDelphine Malassingne – EkinoWeb School Factory
Décembre 2012
CC BY-SAIcônes : http://handdrawing.olawolska.com