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

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