Atelier Qualité web / OPQUAST - Cession agences - CCI Bordeaux 26 novembre 2013
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

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

on

  • 1,017 views

Atelier Qualité web - Cession agences 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.

Atelier Qualité web - Cession agences 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.

Statistics

Views

Total Views
1,017
Views on SlideShare
505
Embed Views
512

Actions

Likes
0
Downloads
2
Comments
0

3 Embeds 512

http://echangeurba.wordpress.com 509
http://feedly.com 2
http://kbc084.kbplatform.com 1

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

Atelier Qualité web / OPQUAST - Cession agences - CCI Bordeaux 26 novembre 2013 Presentation Transcript

  • 1. Elie Sloïm @ElieSL Bonnes pratiques qualité Web Optimiser et rentabiliser les sites et leur production
  • 2. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Quel retour sur investissement ? ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 2 Temesis –Elie Sloïm @elieSL -- 2013
  • 3. Elie Sloïm - Président - Fondateur - @ElieSL 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 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... 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)... Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 3 Temesis –Elie Sloïm @elieSL -- 2013
  • 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. 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. 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. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Quel retour sur investissement ? ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 7 Temesis –Elie Sloïm @elieSL -- 2013
  • 8. 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 8 Temesis –Elie Sloïm @elieSL -- 2013
  • 9. 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 9 Temesis –Elie Sloïm @elieSL -- 2013
  • 10. 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 10 Temesis –Elie Sloïm @elieSL -- 2013
  • 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. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Quel retour sur investissement ? ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 12 Temesis –Elie Sloïm @elieSL -- 2013
  • 13. Qualité Web : les sujets à traiter Formulaires Contenus Sécurité Traductions Téléchargement Référencement Design Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 13 Hyperliens Moteur Accessibilité Standards Code Navigation Plug-ins Ergonomie Relation client Cookies Serveur E-commerce Impression Temesis –Elie Sloïm @elieSL -- 2013
  • 14. 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 14 Temesis –Elie Sloïm @elieSL -- 2013
  • 15. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 15 Temesis –Elie Sloïm @elieSL -- 2013
  • 16. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 16 Temesis –Elie Sloïm @elieSL -- 2013
  • 17. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 17 Temesis –Elie Sloïm @elieSL -- 2013
  • 18. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 18 Temesis –Elie Sloïm @elieSL -- 2013
  • 19. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 19 Temesis –Elie Sloïm @elieSL -- 2013
  • 20. Check-lists accessibles en ligne https://checklists.opquast.com/ Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 20 Temesis –Elie Sloïm @elieSL -- 2013
  • 21. Exemples de bonnes pratiques Opquast V2 https://checklists.opquast.com/fr/opquastv2 Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 21 Temesis –Elie Sloïm @elieSL -- 2013
  • 22. 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 22 Temesis –Elie Sloïm @elieSL -- 2013
  • 23. Une fiche par bonne pratique ! Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 23 Temesis –Elie Sloïm @elieSL -- 2013
  • 24. 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 24 Temesis –Elie Sloïm @elieSL -- 2013
  • 25. 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 25 Temesis –Elie Sloïm @elieSL -- 2013
  • 26. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Quel retour sur investissement ? ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 26 Temesis –Elie Sloïm @elieSL -- 2013
  • 27. 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 27 Détection des erreurs Export résultats vers reporting Temesis –Elie Sloïm @elieSL -- 2013
  • 28. 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 28 Indicateurs à la volée Génération de baromètres Temesis –Elie Sloïm @elieSL -- 2013
  • 29. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Quel retour sur investissement ? ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 29 Temesis –Elie Sloïm @elieSL -- 2013
  • 30. Améliorer massivement le Web Des bonnes pratiques Des outils Quelle reconnaissance ? Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 30 Temesis –Elie Sloïm @elieSL -- 2013
  • 31. 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 31 Temesis –Elie Sloïm @elieSL -- 2013
  • 32. Le réseau et la marque opquast partner • Améliorer la rentabilité de leurs activités • Améliorer la compétence de leurs personnels et recruter • Valoriser et faire reconnaître la qualité de leurs prestations et réalisations Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 32 Temesis –Elie Sloïm @elieSL -- 2013
  • 33. Agences Web et SSII : Opquast partners Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 33 Temesis –Elie Sloïm @elieSL -- 2013
  • 34. Opquast partners : les conditions d’accès au programme Formation d’un «responsable qualité Web» (3j) Mise en conformité d’un site Opquast reporting Pro Droit d’apposition marque Opquast partners Droit de délivrer la marque Opquast Website Avantage réseau (liste de diffusion, sponsoring, etc..) Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 34 Temesis –Elie Sloïm @elieSL -- 2013
  • 35. Expérimentation en cours 65 critères Qualité et accessibilité Recherche de ROI
  • 36. 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 36 Temesis –Elie Sloïm @elieSL -- 2013
  • 37. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Quel retour sur investissement ? ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 37 Temesis –Elie Sloïm @elieSL -- 2013
  • 38. 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 38 Temesis –Elie Sloïm @elieSL -- 2013
  • 39. Détection en amont Plus les défauts sont détectés tard, plus ils coûtent cher. Coût des erreurs détectées Spécifications Prototypes Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 39 Design Intégrations Développement Vie du site Temesis –Elie Sloïm @elieSL -- 2013
  • 40. Retour sur investissement attendu : quelques postes fondamentaux Détecter les défauts en amont Réduire coûts de production et de correction Diffuser les bonnes pratiques (interne) Réduire le temps de dévéloppement et la productivité Diminuer le temps de conception et de spécification Accélerer la formation des personnels Améliorer la communication entre équipes Diffuser les bonnes pratiques (externe) Améliorer le travail avec les clients Diminuer les échanges avec les clients Améliorer la qualité des sites Augmenter le taux de conversion Diminuer le nombre de retours clients Diminuer le temps de chargement Améliorer l’accessibilité et le référencement Améliorer les performances et les temps de réponse Améliorer l’image des sites et se positionner sur la qualité Web Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 40 Temesis –Elie Sloïm @elieSL -- 2013
  • 41. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Quel retour sur investissement ? ‣ Et après ? ‣ Vos questions Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 41 Temesis –Elie Sloïm @elieSL -- 2013
  • 42. 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 42 Temesis –Elie Sloïm @elieSL -- 2013
  • 43. Plan de l’intervention ‣ Faisons connaissance ‣ Qualité Web ‣ Bonnes pratiques ‣ Les outils ‣ Améliorer massivement le Web ‣ Quel retour sur investissement ? ‣ Et après ? ‣ Questions : c’est à vous Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 43 Temesis –Elie Sloïm @elieSL -- 2013
  • 44. 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 44 partners.opquast.com desktop.opquast.com qualité-web-lelivre.com reporting.opquast.com Temesis –Elie Sloïm @elieSL -- 2013