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/

1. Améliorer et
rentabiliser vos sites
grâce à la qualité web
@muriel_dedona
Temesis - Novembre 2013

2. Temesis
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
2

3. @muriel_dedona
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
3

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
4

5. Formula
i
Hyperliens
res
Sécu
eur
ot
rité
ductions
Tra
Sta
nda
rds
Conten
us
Access
ibi
Cookies
M
Plug-in
s
lité
Le web
ent
gem
har
éléc
T
nt
e
cem
ren
fé
Ré
é
ropérabilit
Inte
Design
ie
Relatio
n
mance
Perfor
Se
n
igatio
Nav
Ergo
nom
Code
ur
ve
r
client
E-com
merc
e
Imp
ress
i
on
5

6. La qualité web est
transversale
6

7. La qualité web édicte
les bases de chaque
discipline
7

8. Le qualiticien web est
le généraliste du web
8

9. La qualité web vise à
satisfaire l’utilisateur
9

10. Modèle VPTCS
Infographie @nissone
http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression
10

11. Spécialités / activités
Infographie @nissone
http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression 11

12. 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
12

13. L’écosystème Opquast
Opquast.com
13

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
14

15. Aller plus loin
Bonnes pratiques objectives ?
15

16. Je veux un site ergonomique
‣ retour en page d’accueil depuis toutes les pages
‣ fil d’ariane
‣ moteur de recherche
‣ plan du site
‣ liens différenciés
‣ etc.
16

17. Bonnes pratiques
Opquast
‣ Utiles
‣ Vérifiables en ligne
‣ Universelles
‣ Pérennes
‣ Faire consensus
17

18. Référentiel qualité
217
bonnes
pratiques
Transversal, collaboratif, ouvert.
18

19. Fiche
Libellé
Objectif
Mise en œuvre
Moyens de contrôle
!
19

20. Exemples de bonnes
pratiques
20

21. Exemples de bonnes
pratiques
21

22. Quel contexte d’usage ?
Formation
Conception
Production
Evaluation, audit
Certification
22

23. Exemple d’usage : suivi
de production qualité
Conception
Cahier des charges
Prototypes
Design Web
Production
Intégrations
Livrables et éléments
attendus par étapes
Boucles itératives
Développement
Contenus
Exploitation
Vie du site
23

24. Exemple d’usage : suivi
de production qualité
Etapes
Livrables
Prototypage
Prototypes
Design
Maquettes
graphiques
Intégrations
Templates
Eléments à vérifier
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
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
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
24

25. Exemple d’usage : suivi
de production qualité
Etapes
Développement
Livrables
Configuration,
mise en ligne
Eléments à vérifier
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
BP 50 : Le pays est précisé dans toutes les
adresses postales
Vie du site
Contenus
BP 6 : Les dates sont présentées dans des
formats explicites
25

26. Check-lists Opquast
Qualité Web
La checklist de référence
SEO
Webperf
Open data
80 bonnes pratiques
41 bonnes pratiques
72 bonnes pratiques
GreenIt
Steps
Web mobile
Simples recommandations
Deux checklists
En cours de conception
26

27. Disponibles en ligne
checklists.opquast.com/
checklists.opquast.com/fr/workshops/
27

28. Livre, memento, ebook
http://qualite-web-lelivre.com/
28

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
29

30. Opquast reporting
Analyser la qualité d’un parc
de sites («web governance»)
Service SaaS
reporting.opquast.com
Audit automatique de site
Indicateurs à la volée
Génération de baromètres
30

31. Opquast desktop
500 tests qualité
Extension Open source pour Firefox
desktop.opquast.com
Analyse instantanée
Détection des erreurs
Export résultats vers
reporting
31

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
32

33. 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

34. @OpquastPartners
partners.opquast.com
34

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
35

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
36

37. Les coûts de non qualité
Sur ou sous spécification
Aller retour inutiles
Incompréhensions
Devis sous-estimé
Erreurs répétées
Développement inutiles
37

38. Les micro-coûts cachés
Des millions de sites, des milliards d’erreurs...
des millions d’économies ?
38

39. 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
40

41. Gains pour l’utilisateur
41

42. Bénéfices pour les
agences web
• Image (qualité, garantie)
• Ressources humaines
• Process
• Business
42

43. 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é ?
44

45. Choix du ou des site(s)
Sensibilisation et objectifs
Recherche des indicateurs, outils et suivi
Etat des lieux / référentiel
Evaluation / Priorisation / Affectation
Mise en œuvre
Bilan / mesure / ajustements / communication
45

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
46

47. De la reconnaissance
Est-ce bien nécessaire ?
47

48. 48

49. 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

50. Avec quel référentiel ?
50

51. A venir
•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
51

52. Merci :-)

53. @opquast
@temesis
www.opquast.com
checklists.opquast.com
desktop.opquast.com
reporting.opquast.com
www.temesis.com
qualité-web-lelivre.com
Temesis - contact@temesis.com
18, rue Lucien Granet - 33150 Cenon - France
Tél : +33 5 56 401 402 - Fax : +33 5 56 401 403
partners.opquast.com