Elie Sloïm @ElieSL

Bonnes pratiques qualité Web
Optimiser et rentabiliser les sites et leur production
Plan de l’intervention

‣ Faisons connaissance
‣ Qualité Web
‣ Bonnes pratiques
‣ Les outils
‣ Améliorer massivement le We...
Elie Sloïm - Président - Fondateur - @ElieSL
Consultant et expert

• Société générale, DGME, Co-rédacteur du Référentiel G...
Temesis, des experts qualité et accessibilité web

Pôle d’expertise

•

Production de chartes et référentiels ;

•

Audit,...
L’équipe de la société Temesis
Elie Sloïm, Président, Qualiticien
DESS techniques de contrôle et assurance qualité - Borde...
Tour de salle, tour de chauffe

Qui êtes vous ?
Qu’attendez-vous de cette présentation?

Bonnes pratiques – CCI Bordeaux -...
Plan de l’intervention

‣ Faisons connaissance
‣ Qualité Web
‣ Bonnes pratiques
‣ Les outils
‣ Améliorer massivement le We...
Atelier

Qu’est ce qu’un site de qualité

?

Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 8

Temesis –Elie Sloïm...
Définition de la qualité Web

La qualité Web est
l'aptitude d'un service en ligne à satisfaire
des exigences implicites ou ...
Qualité Web : une approche multidisciplinaire

La qualité Web vise à satisfaire l’ensemble des exigences des internautes
E...
Qualité Web : une approche multidisciplinaire

Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pra...
Qualité Web : une approche multidisciplinaire

Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pra...
Plan de l’intervention

‣ Faisons connaissance
‣ Qualité Web
‣ Bonnes pratiques
‣ Les outils
‣ Améliorer massivement le We...
Qualité Web : les sujets à traiter

Formulaires

Contenus

Sécurité

Traductions

Téléchargement

Référencement

Design

B...
Formaliser les bonnes pratiques du Web

Référentiel qualité
Transversal, collaboratif, public, ouvert.
217
bonnes
pratique...
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 16

Temesis –Elie Sloïm @elieSL -- 2013
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 17

Temesis –Elie Sloïm @elieSL -- 2013
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 18

Temesis –Elie Sloïm @elieSL -- 2013
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 19

Temesis –Elie Sloïm @elieSL -- 2013
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 20

Temesis –Elie Sloïm @elieSL -- 2013
Check-lists accessibles en ligne

https://checklists.opquast.com/

Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page ...
Exemples de bonnes pratiques Opquast V2

https://checklists.opquast.com/fr/opquastv2

Bonnes pratiques – CCI Bordeaux - No...
Mémento «Sites Web : les bonnes pratiques» - Eyrolles

Février 2007
Opquast V1 – 1e édition
Janvier 2009
Opquast V1 – 2e é...
Une fiche par bonne pratique

!

Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 24

Temesis –Elie Sloïm @elieSL -- ...
Qualité Web : le livre

Octobre 2012
Elie Sloïm
Muriel de Dona
Fabrice Bonny
Laurent Denis
39€
Version numérique offerte
p...
Egalement disponible sur checklists.opquast.com

Qualité Web
La checklist de référence

SEO

Webperf

Open data

80 bonnes...
Plan de l’intervention

‣ Faisons connaissance
‣ Qualité Web
‣ Bonnes pratiques
‣ Les outils
‣ Améliorer massivement le We...
Opquast desktop : extension open source pour firefox

Analyse une page Web
500 tests.
Extension Open source
desktop.opquast...
Opquast reporting
Analyser la qualité d’un parc de
sites («web governance»)
Service SaaS
reporting.opquast.com

Audit auto...
Plan de l’intervention

‣ Faisons connaissance
‣ Qualité Web
‣ Bonnes pratiques
‣ Les outils
‣ Améliorer massivement le We...
Améliorer massivement le Web

Des bonnes pratiques

Des outils

Quelle
reconnaissance
?

Bonnes pratiques – CCI Bordeaux -...
Un réseau, une marque : opquast partner

Fédérer et valoriser les agences web engagées dans la qualité Web ;
Apporter des ...
Agences Web et SSII : Opquast partners

Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 33

Temesis –Elie Sloïm @el...
Expérimentation
en cours
65 critères
Qualité et accessibilité
Recherche de ROI
Opquast Website : le signe de la qualité Web

Websites
• Améliorer en permanence la qualité de votre production
• S’engage...
Opquast Website : le signe de la qualité Web

Websites
• Améliorer en permanence la qualité de votre site
• S’engager vis-...
Retour sur investissement de la qualité Web

Amélioration du référencement
Elargissement de la cible utilisateurs
Augmenta...
Et après ?

• Intégrer la qualité Web aux enseignements
• Améliorer l’image et le positionnement des écoles
• Développer l...
Plan de l’intervention

‣ Faisons connaissance
‣ Qualité Web
‣ Bonnes pratiques
‣ Les outils
‣ Améliorer massivement le We...
Contact

Contact : Temesis - SAS au capital de 111 776 €
18, rue Lucien Granet - 33150 Cenon - France
Tél : +33 5 56 401 4...
Prochain SlideShare
Chargement dans…5
×

Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembre 2013

1 792 vues

Publié le

Atelier "Qualité web" - Cession entreprises du Pôle Numérique de la CCI de Bordeaux animé le 26 novembre 2013 par Elie SLOIM de la société TEMESIS sur la base du référentiel open source OPQUAST.

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 792
Sur SlideShare
0
Issues des intégrations
0
Intégrations
627
Actions
Partages
0
Téléchargements
13
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Atelier Qualité web / OPQUAST - Cession entreprises - CCI Bordeaux 26 novembre 2013

  1. 1. Elie Sloïm @ElieSL Bonnes pratiques qualité Web Optimiser et rentabiliser les sites et leur production
  2. 2. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 2 Temesis –Elie Sloïm @elieSL -- 2013
  3. 3. Elie Sloïm - Président - Fondateur - @ElieSL Consultant et expert • Société générale, DGME, Co-rédacteur du Référentiel Général d’Accessibilité pour les administrations, Schneider electric, Dexia, Opéra de Bordeaux, Services du premier ministre (Direction du Développement des Médias)... Conférencier • Parisweb, Confoo Montreal, World Usability Day, Webdesign International Festival, Open data on the Web (Londres), a11y Québec FEVAD, expert forum des droits de l’internet, membre CA ISOC (Internet Society). Prix du meilleur conférencier au SisQual 2005 (CNIT la Défense). Conférencier d’honneur à a11y Québec (Octobre 2013) Formateur et enseignant • Paris Dauphine, HEC/Telecom Paris, Paris 5, Université de la Réunion, Institut International du Multimedia (Pôle de Vinci), Idheap Lausanne, CNRS, Universités numériques Paris île de France... Auteur d’ouvrages de référence • Mémento « Site Web : les bonnes pratiques », Eyrolles (10 000 ex. vendus). • Auteur du livre «Qualité Web» (40€ / 500 ex. vendus) et de plus de 150 articles Préfacier d’ouvrage techniques et ergonomiques • «CSS2» par Raphaël Goetter, Eyrolles • «Ergonomie Web» par Amélie Boucher, Eyrolles • «Tri par cartes» par gautier barrère et Eric Mazzone, Eyrolles • «Intégration Web» par Corinne Schillinger, Eyrolles Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 3 Temesis –Elie Sloïm @elieSL -- 2013
  4. 4. Temesis, des experts qualité et accessibilité web Pôle d’expertise • Production de chartes et référentiels ; • Audit, assistance & mise en conformité ; • Formation qualité et accessibilité Web. Temesis est prestataire et fournisseur de solutions de l’Élysée, du Service d’information du gouvernement, de l’Etat du Luxembourg, du cabinet d’audit US The paciello Group, de Carrefour banque et plus d’une centaine de clients prestigieux. Edition de logiciels • Services en ligne d’évaluation et de pilotage Web ; • Développements d’applications et d’extensions. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 4 Temesis –Elie Sloïm @elieSL -- 2013
  5. 5. L’équipe de la société Temesis Elie Sloïm, Président, Qualiticien DESS techniques de contrôle et assurance qualité - Bordeaux. Auteur d’ouvrages de référence, Préfacier d’ouvrage techniques et ergonomiques (4 ouvrages chez Eyrolles) Conférencier (Parisweb, Confoo Montreal, World Usability Day, Webdesign International Festival, Open data on the Web (Londres), a11y Québec etc.). Formateur et enseignant (Paris Dauphine, HEC/Telecom Paris, Paris 5, Université de la Réunion, Idheap Lausanne, CNRS, ) Consultant et expert. Société générale, DGME, Co-rédacteur RGAA, Schneider electric, Dexia, Opéra de Bordeaux, Services du premier ministre ... Muriel de Dona, experte qualité Web master audit et conseil en communication à l’ISIC de Bordeaux. Spécialiste des fonctions d’audit, d’assistance à maitrise d’ouvrage (de la rédaction du cahier des charges à la recette finale). Muriel est co-auteur du livre « qualité web». Cyrille Harnay Responsable commercial Mickael Hoareau responsable technique Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 5 Eric Gateau, Ergonome Co-fondateur de la société Temesis. Au sein de la société, il prend en charge des missions d’exper tise Qualité, Ergonomie et Accessibilité. Il contribue à toutes les missions de création ou de personnalisations d’interface. Il assure également de nombreuses formations sur la qualité et l’accessibilité. Olivier Meunier Responsable projets Open source Julie Morana Responsable administrative Aurélien Levy, Directeur Général, expert DEUG d’Arts Plastiques à l’Université Panthéon-Sorbonne, concepteur réalisateur multimédia à l’IESA (Institut d’Etudes Supérieures des Arts). Expert accessibilité de très haut niveau, notamment sur les technologies vidéo, ARIA, JS, PDF, formateur d’experts Accessiweb en évaluation. Co-auteur du RGAA. Conférencier international (CSun San Diego, ParisWeb, Accessibilité Québec....) Laurent Denis, expert référentiels Paris IV Sorbonne - DEA histoire contemporaine. Spécialisé sur l’accessibilité, les formats Web standards et les technologies CSS. Conjuguant une forte expertise technique et une compréhension méthodologique hors norme, iil a proigressivement pris en main l’ensemble des chantiers de création de référentiels. Laurent est co-auteur du livre « qualité web». Fabrice Bonny responsable R et D Samuel Martin Ingénier architecte Web Temesis –Elie Sloïm @elieSL -- 2013
  6. 6. Tour de salle, tour de chauffe Qui êtes vous ? Qu’attendez-vous de cette présentation? Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 6 Temesis –Elie Sloïm @elieSL -- 2013
  7. 7. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 7 Temesis –Elie Sloïm @elieSL -- 2013
  8. 8. Atelier Qu’est ce qu’un site de qualité ? Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 8 Temesis –Elie Sloïm @elieSL -- 2013
  9. 9. Définition de la qualité Web La qualité Web est l'aptitude d'un service en ligne à satisfaire des exigences implicites ou explicites. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 9 Temesis –Elie Sloïm @elieSL -- 2013
  10. 10. Qualité Web : une approche multidisciplinaire La qualité Web vise à satisfaire l’ensemble des exigences des internautes Elle permet de détecter et supprimer les défauts sur les sites Elle permet d’améliorer l’attraction, la fidélisation et la conversion Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 10 Temesis –Elie Sloïm @elieSL -- 2013
  11. 11. Qualité Web : une approche multidisciplinaire Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 11 Temesis –Elie Sloïm @elieSL -- 2013
  12. 12. Qualité Web : une approche multidisciplinaire Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 12 Temesis –Elie Sloïm @elieSL -- 2013
  13. 13. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 13 Temesis –Elie Sloïm @elieSL -- 2013
  14. 14. Qualité Web : les sujets à traiter Formulaires Contenus Sécurité Traductions Téléchargement Référencement Design Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 14 Hyperliens Moteur Accessibilité Standards Code Navigation Plug-ins Ergonomie Relation client Cookies Serveur E-commerce Impression Temesis –Elie Sloïm @elieSL -- 2013
  15. 15. Formaliser les bonnes pratiques du Web Référentiel qualité Transversal, collaboratif, public, ouvert. 217 bonnes pratiques https://checklists.opquast.com/ Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 15 Temesis –Elie Sloïm @elieSL -- 2013
  16. 16. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 16 Temesis –Elie Sloïm @elieSL -- 2013
  17. 17. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 17 Temesis –Elie Sloïm @elieSL -- 2013
  18. 18. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 18 Temesis –Elie Sloïm @elieSL -- 2013
  19. 19. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 19 Temesis –Elie Sloïm @elieSL -- 2013
  20. 20. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 20 Temesis –Elie Sloïm @elieSL -- 2013
  21. 21. Check-lists accessibles en ligne https://checklists.opquast.com/ Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 21 Temesis –Elie Sloïm @elieSL -- 2013
  22. 22. Exemples de bonnes pratiques Opquast V2 https://checklists.opquast.com/fr/opquastv2 Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 22 Temesis –Elie Sloïm @elieSL -- 2013
  23. 23. Mémento «Sites Web : les bonnes pratiques» - Eyrolles Février 2007 Opquast V1 – 1e édition Janvier 2009 Opquast V1 – 2e édition Novembre 2011 Opquast V2 – 3e édition Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 23 Temesis –Elie Sloïm @elieSL -- 2013
  24. 24. Une fiche par bonne pratique ! Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 24 Temesis –Elie Sloïm @elieSL -- 2013
  25. 25. Qualité Web : le livre Octobre 2012 Elie Sloïm Muriel de Dona Fabrice Bonny Laurent Denis 39€ Version numérique offerte pour l’achat de la version papier ou 19€ seule http://qualite-web-lelivre.com/ Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 25 Temesis –Elie Sloïm @elieSL -- 2013
  26. 26. Egalement disponible sur checklists.opquast.com 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 https://checklists.opquast.com/ https://checklists.opquast.com/fr/workshops/ Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 26 Temesis –Elie Sloïm @elieSL -- 2013
  27. 27. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 27 Temesis –Elie Sloïm @elieSL -- 2013
  28. 28. Opquast desktop : extension open source pour firefox Analyse une page Web 500 tests. Extension Open source desktop.opquast.com Analyse instantanée Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 28 Détection des erreurs Export résultats vers reporting Temesis –Elie Sloïm @elieSL -- 2013
  29. 29. Opquast reporting Analyser la qualité d’un parc de sites («web governance») Service SaaS reporting.opquast.com Audit automatique de site Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 29 Indicateurs à la volée Génération de baromètres Temesis –Elie Sloïm @elieSL -- 2013
  30. 30. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 30 Temesis –Elie Sloïm @elieSL -- 2013
  31. 31. Améliorer massivement le Web Des bonnes pratiques Des outils Quelle reconnaissance ? Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 31 Temesis –Elie Sloïm @elieSL -- 2013
  32. 32. Un réseau, une marque : opquast partner Fédérer et valoriser les agences web engagées dans la qualité Web ; Apporter des outils et services de soutien à la démarche commerciale, marketing et technique ; Favoriser les échanges et le partage de connaissances au sein du réseau. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 32 Temesis –Elie Sloïm @elieSL -- 2013
  33. 33. Agences Web et SSII : Opquast partners Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 33 Temesis –Elie Sloïm @elieSL -- 2013
  34. 34. Expérimentation en cours 65 critères Qualité et accessibilité Recherche de ROI
  35. 35. Opquast Website : le signe de la qualité Web Websites • Améliorer en permanence la qualité de votre production • S’engager vis-à-vis des utilisateurs finaux • Fidéliser vos clients dans une démarche commune et durable Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 35 Temesis –Elie Sloïm @elieSL -- 2013
  36. 36. Opquast Website : le signe de la qualité Web Websites • Améliorer en permanence la qualité de votre site • S’engager vis-à-vis des utilisateurs finaux • Travailler de façon étroite avec son prestataire Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 36 Temesis –Elie Sloïm @elieSL -- 2013
  37. 37. Retour sur investissement de la qualité Web Amélioration du référencement Elargissement de la cible utilisateurs Augmentation du taux de conversion Economies d’hébergement Diminution des risques juridiques Développement de la notoriété et de l’image Amélioration des processus de production Amélioration des performances Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 37 Temesis –Elie Sloïm @elieSL -- 2013
  38. 38. Et après ? • Intégrer la qualité Web aux enseignements • Améliorer l’image et le positionnement des écoles • Développer les relations écoles / agences • Faire reconnaître les compétences professionnelles • Ajouter une compétence formelle sur leur CV • Augmenter leur valeur sur le marché du travail Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 38 Temesis –Elie Sloïm @elieSL -- 2013
  39. 39. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 39 Temesis –Elie Sloïm @elieSL -- 2013
  40. 40. Contact Contact : Temesis - SAS au capital de 111 776 € 18, rue Lucien Granet - 33150 Cenon - France Tél : +33 5 56 401 402 - Fax : +33 5 56 401 403 www.temesis.com www.opquast.com checklists.opquast.com Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 40 partners.opquast.com desktop.opquast.com qualité-web-lelivre.com reporting.opquast.com Temesis –Elie Sloïm @elieSL -- 2013

×