Améliorer et
rentabiliser vos sites
grâce à la qualité web
@muriel_dedona
Temesis - Novembre 2013
Temesis
Pôle d’expertise qualité et accessibilité

• Production de chartes et référentiels
• Audit, assistance & mise en c...
@muriel_dedona
Temesis

•
•
•

Consultante qualité
Responsable communication
Co-auteur du livre Qualité Web

AEC (2009 - 2...
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau
Rentabiliser les démarches qualité
Des économies
Des b...
Formula
i

Hyperliens

res
Sécu

eur
ot

rité

ductions
Tra
Sta
nda

rds

Conten
us

Access
ibi

Cookies

M

Plug-in

s

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

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

Infographie @nissone
http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-...
La qualité web

Améliorer le Web
Des ressources
Des outils
Un réseau

Rentabiliser les démarches qualité
Des économies
Des...
L’écosystème Opquast

Opquast.com
13
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau

Rentabiliser les démarches qualité
Des économies
Des ...
Aller plus loin

Bonnes pratiques objectives ?
15
Je veux un site ergonomique

‣ retour en page d’accueil depuis toutes les pages
‣ fil d’ariane
‣ moteur de recherche
‣ plan...
Bonnes pratiques
Opquast
‣ Utiles
‣ Vérifiables en ligne
‣ Universelles
‣ Pérennes
‣ Faire consensus

17
Référentiel qualité
217
bonnes
pratiques

Transversal, collaboratif, ouvert.

18
Fiche
Libellé

Objectif
Mise en œuvre

Moyens de contrôle

!

19
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é
Conception

Cahier des charges

Prototypes
Design Web
Production

Intégratio...
Exemple d’usage : suivi
de production qualité
Etapes

Livrables

Prototypage

Prototypes

Design

Maquettes
graphiques

In...
Exemple d’usage : suivi
de production qualité
Etapes

Développement

Livrables

Configuration,
mise en ligne

Eléments à vé...
Check-lists Opquast
Qualité Web
La checklist de référence

SEO

Webperf

Open data

80 bonnes pratiques

41 bonnes pratiqu...
Disponibles en ligne

checklists.opquast.com/
checklists.opquast.com/fr/workshops/
27
Livre, memento, ebook

http://qualite-web-lelivre.com/

28
La qualité web
Améliorer le Web
Des ressources

Des outils
Un réseau

Rentabiliser les démarches qualité
Des économies
Des...
Opquast reporting
Analyser la qualité d’un parc
de sites («web governance»)
Service SaaS
reporting.opquast.com

Audit auto...
Opquast desktop
500 tests qualité
Extension Open source pour Firefox
desktop.opquast.com

Analyse instantanée

Détection d...
La qualité web
Améliorer le Web
Des ressources
Des outils

Un réseau
Rentabiliser les démarches qualité
Des économies
Des ...
Un réseau pour....

fédérer et valoriser les agences engagées dans la qualité
garantir la qualité des prestations
favorise...
@OpquastPartners
partners.opquast.com
34
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau

Rentabiliser les démarches qualité
Des économies
Des ...
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau

Rentabiliser les démarches qualité
Des économies
Des ...
Les coûts de non qualité
Sur ou sous spécification
Aller retour inutiles
Incompréhensions
Devis sous-estimé
Erreurs répétée...
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
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau

Rentabiliser les démarches qualité
Des économies

Des...
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ébergem...
Comment mesurer les
bénéfices d’une
démarche qualité ?

44
Choix du ou des site(s)
Sensibilisation et objectifs
Recherche des indicateurs, outils et suivi
Etat des lieux / référenti...
La qualité web
Améliorer le Web
Des ressources
Des outils
Un réseau

Rentabiliser les démarches qualité
Des économies
Des ...
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 ...
Avec quel référentiel ?

50
A venir

•Enseigner la qualité Web
•Développer les relations écoles /
agences

•Faire reconnaître les

compétences profess...
Merci :-)
@opquast

@temesis

www.opquast.com

checklists.opquast.com

desktop.opquast.com

reporting.opquast.com

www.temesis.com

...
Prochain SlideShare
Chargement dans…5
×

Améliorer et rentabiliser vos sites grâce à la qualité web - Webinalps WIA9

794 vues

Publié le

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/

Publié dans : Business
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
794
Sur SlideShare
0
Issues des intégrations
0
Intégrations
207
Actions
Partages
0
Téléchargements
11
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Améliorer et rentabiliser vos sites grâce à la qualité web - Webinalps WIA9

  1. 1. Améliorer et rentabiliser vos sites grâce à la qualité web @muriel_dedona Temesis - Novembre 2013
  2. 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. 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. 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. 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. 6. La qualité web est transversale 6
  7. 7. La qualité web édicte les bases de chaque discipline 7
  8. 8. Le qualiticien web est le généraliste du web 8
  9. 9. La qualité web vise à satisfaire l’utilisateur 9
  10. 10. Modèle VPTCS Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression 10
  11. 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. 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. 13. L’écosystème Opquast Opquast.com 13
  14. 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. 15. Aller plus loin Bonnes pratiques objectives ? 15
  16. 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. 17. Bonnes pratiques Opquast ‣ Utiles ‣ Vérifiables en ligne ‣ Universelles ‣ Pérennes ‣ Faire consensus 17
  18. 18. Référentiel qualité 217 bonnes pratiques Transversal, collaboratif, ouvert. 18
  19. 19. Fiche Libellé Objectif Mise en œuvre Moyens de contrôle ! 19
  20. 20. Exemples de bonnes pratiques 20
  21. 21. Exemples de bonnes pratiques 21
  22. 22. Quel contexte d’usage ? Formation Conception Production Evaluation, audit Certification 22
  23. 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. 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. 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. 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. 27. Disponibles en ligne checklists.opquast.com/ checklists.opquast.com/fr/workshops/ 27
  28. 28. Livre, memento, ebook http://qualite-web-lelivre.com/ 28
  29. 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. 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. 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. 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. 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. 34. @OpquastPartners partners.opquast.com 34
  35. 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. 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. 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. 38. Les micro-coûts cachés Des millions de sites, des milliards d’erreurs... des millions d’économies ? 38
  39. 39. Chaque micro-défaut fait perdre du temps, de l’argent, de l’efficacité. 39
  40. 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. 41. Gains pour l’utilisateur 41
  42. 42. Bénéfices pour les agences web • Image (qualité, garantie) • Ressources humaines • Process • Business 42
  43. 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. 44. Comment mesurer les bénéfices d’une démarche qualité ? 44
  45. 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. 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. 47. De la reconnaissance Est-ce bien nécessaire ? 47
  48. 48. 48
  49. 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. 50. Avec quel référentiel ? 50
  51. 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. 52. Merci :-)
  53. 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

×