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

814 views

Published on

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/

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
814
On SlideShare
0
From Embeds
0
Number of Embeds
209
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

×