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 ...
Elie Sloïm - Président - Fondateur - @ElieSL 
Consultant et expert 
• Société générale, DGME, Co-rédacteur du Référentiel ...
Temesis, des experts qualité et accessibilité web 
Pôle d’expertise 
• Production de chartes et référentiels ; 
• Audit, a...
L’équipe de la société Temesis 
Elie Sloïm, Président, Qualiticien 
DESS techniques de contrôle et assurance qualité - Bor...
Tour de salle, tour de chauffe 
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 6 
Temesis –Elie Sloïm @elieSL -- 2...
Plan de l’intervention 
‣ Faisons connaissance 
‣Qualité Web 
‣ Bonnes pratiques 
‣ Les outils 
‣ Améliorer massivement le...
Atelier 
Qu’est ce qu’un site de qualité 
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 8 
Temesis –Elie Sloïm @e...
Définition de la qualité Web 
La qualité Web est 
l'aptitude d'un service en ligne à satisfaire 
des exigences implicites ...
Qualité Web : une approche multidisciplinaire 
La qualité Web vise à satisfaire l’ensemble des exigences des internautes 
...
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 ...
Contenus 
Qualité Web : les sujets à traiter 
Formulaires 
Traductions 
Hyperliens 
Sécurité 
Moteur 
Plug-ins 
Cookies 
S...
Formaliser les bonnes pratiques du Web 
Référentiel qualité 
Transversal, collaboratif, public, ouvert. 
Bonnes pratiques ...
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 16 –Elie Sloïm @elieSL -- 2013
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 17 –Elie Sloïm @elieSL -- 2013
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 18 –Elie Sloïm @elieSL -- 2013
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 19 –Elie Sloïm @elieSL -- 2013
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 20 –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 
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 23 
Temesis ...
Une fiche par bonne pratique 
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 24 
Temesis –Elie Sloïm @elieSL -- 20...
Qualité Web : le livre 
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 25 
Temesis –Elie Sloïm @elieSL -- 2013 
Oc...
Egalement disponible sur checklists.opquast.com 
SEO 
80 bonnes pratiques 
Bonnes pratiques – CCI Bordeaux - Novembre 2013...
Plan de l’intervention 
‣ Faisons connaissance 
‣Qualité Web 
‣ Bonnes pratiques 
‣Les outils 
‣ Améliorer massivement le ...
Opquast desktop : extension open source pour firefox 
Analyse instantanée Détection des erreurs Export résultats vers repo...
Opquast reporting 
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 29 
Temesis –Elie Sloïm @elieSL -- 2013 
Analyse...
Plan de l’intervention 
‣ Faisons connaissance 
‣Qualité Web 
‣ Bonnes pratiques 
‣ Les outils 
‣Améliorer massivement le ...
Améliorer massivement le Web 
Des bonnes pratiques Des outils 
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 31 
...
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 
• Améliorer en permanence la qualité de votre production 
• S’engager vis-à-...
Opquast Website : le signe de la qualité Web 
• Améliorer en permanence la qualité de votre site 
• S’engager vis-à-vis de...
Retour sur investissement de la qualité Web 
Amélioration du référencement 
Elargissement de la cible utilisateurs 
Augmen...
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...
Contact 
Contact : Temesis - SAS au capital de 111 776 € 
18, rue Lucien Granet - 33150 Cenon - France 
Tél : +33 5 56 401...
Prochain SlideShare
Chargement dans…5
×

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

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

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

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
509
Sur SlideShare
0
Issues des intégrations
0
Intégrations
24
Actions
Partages
0
Téléchargements
10
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. 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 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.
  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 ... Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 5 Temesis –Elie Sloïm @elieSL -- 2013 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....) Mickael Hoareau responsable technique Samuel Martin Ingénier architecte Web Julie Morana Responsable administrative Olivier Meunier Responsable projets Open source Cyrille Harnay Responsable commercial Fabrice Bonny responsable R et D Muriel de Dona, experte qualité Web m a s t e r a u d i t e t c o n s e i l e n 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». Eric Gateau, Ergonome Co-fondateur de la société Temesis. Au sein de la société, il prend en charge des missions d’expertise 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é. Laurent Denis, expert référentiels P a r i s I V S o r b o n n e - DEA h i s t o i r e 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».
  6. 6. Tour de salle, tour de chauffe Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 6 Temesis –Elie Sloïm @elieSL -- 2013 Qui êtes vous ? Qu’attendez-vous de cette présentation?
  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. Contenus Qualité Web : les sujets à traiter Formulaires Traductions Hyperliens Sécurité Moteur Plug-ins Cookies Standards Serveur Code Téléchargement Référencement Navigation Accessibilité E-commerce Ergonomie Relation client Impression Design Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 14 Temesis –Elie Sloïm @elieSL -- 2013
  15. 15. Formaliser les bonnes pratiques du Web Référentiel qualité Transversal, collaboratif, public, ouvert. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 15 Temesis –Elie Sloïm @elieSL -- 2013 217 bonnes pratiques https://checklists.opquast.com/
  16. 16. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 16 –Elie Sloïm @elieSL -- 2013
  17. 17. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 17 –Elie Sloïm @elieSL -- 2013
  18. 18. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 18 –Elie Sloïm @elieSL -- 2013
  19. 19. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 19 –Elie Sloïm @elieSL -- 2013
  20. 20. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 20 –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 Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 23 Temesis –Elie Sloïm @elieSL -- 2013 Février 2007 Opquast V1 – 1e édition Janvier 2009 Opquast V1 – 2e édition Novembre 2011 Opquast V2 – 3e édition
  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 Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 25 Temesis –Elie Sloïm @elieSL -- 2013 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/
  26. 26. Egalement disponible sur checklists.opquast.com SEO 80 bonnes pratiques Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 26 Temesis –Elie Sloïm @elieSL -- 2013 Webperf 41 bonnes pratiques Open data 72 bonnes pratiques Steps Deux checklists Web mobile En cours de conception Qualité Web La checklist de référence GreenIt Simples recommandations https://checklists.opquast.com/ https://checklists.opquast.com/fr/workshops/
  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 instantanée Détection des erreurs Export résultats vers reporting Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 28 Temesis –Elie Sloïm @elieSL -- 2013 Analyse une page Web 500 tests. Extension Open source desktop.opquast.com
  29. 29. Opquast reporting Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 29 Temesis –Elie Sloïm @elieSL -- 2013 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. 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 Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 31 Temesis –Elie Sloïm @elieSL -- 2013 Quelle reconnaissance ?
  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 • 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 Websites
  36. 36. Opquast Website : le signe de la qualité Web • 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 Websites
  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 qualité-web-lelivre.com checklists.opquast.com desktop.opquast.com reporting.opquast.com Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 40 Temesis –Elie Sloïm @elieSL -- 2013 partners.opquast.com

×