Améliorer et rentabiliser vos sites grâce à la qualité web - Webinalps WIA9
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 523 views

Conférence "Améliorer et rentabiliser vos sites grâce à la qualité web", à Grenoble dans le cadre de Web In Alps 2013.

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/

Statistics

Views

Total Views
523
Views on SlideShare
357
Embed Views
166

Actions

Likes
0
Downloads
4
Comments
0

3 Embeds 166

http://alexbortolotti.com 159
https://twitter.com 5
http://www.pearltrees.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

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

  • 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