améliorer et rentabiliser vos sites grâce à la qualité web - webinalps wia9
DESCRIPTION
Conférence "Améliorer et rentabiliser vos sites grâce à la qualité web", à Grenoble dans le cadre de Web In Alps 2013. http://www.webinalps.com/2013/muriel-de-dona-speaker-a-wia9/TRANSCRIPT
Améliorer et rentabiliser vos sites grâce à la qualité web
@muriel_dedona
Temesis - Novembre 2013
Temesis
2
Pôle d’expertise qualité et accessibilité
• Production de chartes et référentiels
• Audit, assistance & mise en conformité
• Formations
Edition de logiciels en ligne et extensions
@muriel_dedona
3
Temesis
• Consultante qualité
• Responsable communication
• Co-auteur du livre Qualité Web
AEC (2009 - 2010)
Etude qualité des sites web de communes en Aquitaine
Chef de projet web
4
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau
Rentabiliser les démarches qualité
Des économies
Des bénéfices
De la reconnaissance
Le web
5
Référencement
Navigation
Accessibilité
E-commerce
Relation client
Contenus
Standards Serveur
Code
Formulaires
Impression
Téléchargement
Traductions
Hyperliens
Sécurité Moteur
Ergonomie
Plug-ins
Design
Cookies
PerformanceInteropérabilité
La qualité web est transversale
6
La qualité web édicte les bases de chaque
discipline
7
Le qualiticien web est le généraliste du web
8
La qualité web vise à satisfaire l’utilisateur
9
Modèle VPTCS
10
Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression
Spécialités / activités
11
Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression
12
La qualité web
Améliorer le WebDes ressources
Des outils
Un réseau
Rentabiliser les démarches qualité
Des économies
Des bénéfices
De la reconnaissance
13
L’écosystème Opquast
Opquast.com
14
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau
Rentabiliser les démarches qualité
Des économies
Des bénéfices
De la reconnaissance
Aller plus loin
15
Bonnes pratiques objectives ?
‣ retour en page d’accueil depuis toutes les pages
‣ fil d’ariane
‣ moteur de recherche
‣ plan du site
‣ liens différenciés
‣ etc.
16
Je veux un site ergonomique
Bonnes pratiques Opquast
‣ Utiles
‣ Vérifiables en ligne
‣ Universelles
‣ Pérennes
‣ Faire consensus
17
Référentiel qualité
Transversal, collaboratif, ouvert.
18
217 bonnes
pratiques
Fiche
19
Libellé
Objectif
Mise en œuvre
Moyens de contrôle
!
Exemples de bonnes pratiques
20
Exemples de bonnes pratiques
21
Quel contexte d’usage ?
Formation
Conception
Production
Evaluation, audit
Certification
22
Exemple d’usage : suivi de production qualité
23
Livrables et éléments attendus par étapes
Boucles itératives
Conception
Production
Exploitation
Cahier des charges
Prototypes
Design Web
Intégrations
Développement
Contenus
Vie du site
24
Etapes Livrables Eléments à vérifier
Prototypage Prototypes
BP 132 : Chaque page contient des liens d'accès rapide placés au début du code source
BP 38 : L'étape en cours d'un processus complexe est indiquée
Design Maquettes graphiques
BP 43 : Les hyperliens sont visuellement différenciés du reste du contenu.
BP 204 : Les contenus sont présentés avec un contraste suffisant par rapport à leur arrière-plan
Intégrations Templates
BP 3 : Le contenu de chaque page est organisé selon une structure de titres et sous-titres hiérarchisée.
BP 213 : Les appels aux scripts sont placés après le contenu
Exemple d’usage : suivi de production qualité
25
Etapes Livrables Eléments à vérifier
DéveloppementConfiguration, mise en ligne
BP 78 : Le serveur envoie une page d'erreur 404 personnalisée.
BP 216 : Les scripts sont minifiés
BP 148 : Les mots de passe peuvent être choisis ou changés par l'utilisateur
Vie du site Contenus
BP 50 : Le pays est précisé dans toutes les adresses postales
BP 6 : Les dates sont présentées dans des formats explicites
Exemple d’usage : suivi de production qualité
Check-lists Opquast
26
SEO80 bonnes pratiques
Webperf41 bonnes pratiques
Open data72 bonnes pratiques
StepsDeux checklists
Web mobileEn cours de conception
Qualité WebLa checklist de référence
GreenItSimples recommandations
Disponibles en ligne
27
checklists.opquast.com/
checklists.opquast.com/fr/workshops/
Livre, memento, ebook
28
http://qualite-web-lelivre.com/
29
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau
Rentabiliser les démarches qualité
Des économies
Des bénéfices
De la reconnaissance
Opquast reporting
30
Analyser la qualité d’un parc de sites («web governance»)
Service SaaS
reporting.opquast.com
Génération de baromètresAudit automatique de site Indicateurs à la volée
Opquast desktop
31Export résultats vers
reportingAnalyse instantanée Détection des erreurs
500 tests qualité
Extension Open source pour Firefox
desktop.opquast.com
32
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau
Rentabiliser les démarches qualité
Des économies
Des bénéfices
De la reconnaissance
Un réseau pour....
fédérer et valoriser les agences engagées dans la qualité
garantir la qualité des prestations
favoriser les échanges et le partage de connaissances
améliorer massivement le web
33
partners.opquast.com
34
@OpquastPartners
35
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau
Rentabiliser les démarches qualitéDes économies
Des bénéfices
De la reconnaissance
36
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau
Rentabiliser les démarches qualité
Des économies
Des bénéfices
De la reconnaissance
Les coûts de non qualité
37
Sur ou sous spécification
Aller retour inutiles
Incompréhensions
Devis sous-estimé
Erreurs répétées
Développement inutiles
Les micro-coûts cachés
Des millions de sites, des milliards d’erreurs... des millions d’économies ?
38
Chaque micro-défaut fait perdre du temps, de l’argent, de l’efficacité.
39
40
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau
Rentabiliser les démarches qualité
Des économies
Des bénéfices
De la reconnaissance
Gains pour l’utilisateur
41
Bénéfices pour les agences web
• Image (qualité, garantie)
• Ressources humaines
• Process
• Business
42
Quels gains pour les maîtres d’ouvrage ?
• Obtenir des garanties
• Se prémunir des risques
• Diminuer les coûts d’hébergement, favoriser l’évolutivité
• Augmenter l’audience du site , le panier moyen
• Rationalisation de l’activité Internet
43
44
Comment mesurer les bénéfices d’une
démarche qualité ?
45
Choix du ou des site(s)
Recherche des indicateurs, outils et suivi
Sensibilisation et objectifs
Etat des lieux / référentiel
Evaluation / Priorisation / Affectation
Mise en œuvre
Bilan / mesure / ajustements / communication
46
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau
Rentabiliser les démarches qualité
Des économies
Des bénéfices
De la reconnaissance
De la reconnaissance
Est-ce bien nécessaire ?
47
48
Comment valoriser leur travail ?
Engagement vis à vis des clients et utilisateurs finaux
Responsable qualité formé
Mise en conformité de sites
Déclarations qualité publiques partners.opquast.com/fr/
Suivi qualité et amélioration continue
Liste des premiers sites conformes le 13 décembre 2013 (Opquast day)
49
Avec quel référentiel ?
50
A venir
51
•Enseigner la qualité Web •Développer les relations écoles / agences
•Faire reconnaître les compétences professionnelles
•Augmenter leur valeur sur le marché du travail
Merci :-)
Temesis - [email protected], rue Lucien Granet - 33150 Cenon - France
Tél : +33 5 56 401 402 - Fax : +33 5 56 401 403
www.opquast.com
checklists.opquast.com
www.temesis.com qualité-web-lelivre.com
reporting.opquast.comdesktop.opquast.com partners.opquast.com
@opquast @temesis