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.
Worldcast systems - Club Industrie "Performance Énergétique et Hydrique" - 23...
Atelier Qualité web / OPQUAST - Cession agences - CCI Bordeaux 26 novembre 2013
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.
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. 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. 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. 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. 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 13
Temesis –Elie Sloïm @elieSL -- 2013
14. Formaliser les bonnes pratiques du Web
Référentiel qualité
Transversal, collaboratif, public, ouvert.
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 14
Temesis –Elie Sloïm @elieSL -- 2013
217
bonnes
pratiques
https://checklists.opquast.com/
15. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 15 –Elie Sloïm @elieSL -- 2013
16. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 16 –Elie Sloïm @elieSL -- 2013
17. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 17 –Elie Sloïm @elieSL -- 2013
18. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 18 –Elie Sloïm @elieSL -- 2013
19. Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis 19 –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
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 22
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
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
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 24
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/
25. Egalement disponible sur checklists.opquast.com
SEO
80 bonnes pratiques
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 25
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/
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 instantanée Détection des erreurs Export résultats vers reporting
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 27
Temesis –Elie Sloïm @elieSL -- 2013
Analyse une page Web
500 tests.
Extension Open source
desktop.opquast.com
28. Opquast reporting
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 28
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
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
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 30
Temesis –Elie Sloïm @elieSL -- 2013
Quelle
reconnaissance
?
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
36. 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 36
Temesis –Elie Sloïm @elieSL -- 2013
Websites
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,
Coût des
erreurs détectées
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 39
Temesis –Elie Sloïm @elieSL -- 2013
plus ils coûtent cher.
Spécifications Prototypes Design Intégrations Développement Vie du site
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)
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 40
Temesis –Elie Sloïm @elieSL -- 2013
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
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 qualité-web-lelivre.com
checklists.opquast.com desktop.opquast.com reporting.opquast.com
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page 44
Temesis –Elie Sloïm @elieSL -- 2013
partners.opquast.com