Bonnes pratiques qualité WebOptimiser et rentabiliser les sites et leur production
Elie Sloïm @ElieSL
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Plan de l’intervention
‣Faisons connaissance
‣Qualité Web
‣ Bonnes pratiques
‣ Les outils
‣Améliorer massivement le Web
‣Quel retour sur investissement ?
‣Vos questions
2
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Elie Sloïm - Président - Fondateur - @ElieSL
3
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ébecFEVAD, 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)...
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 Temesis –Elie Sloïm @elieSL -- 2013
Temesis, des experts qualité et accessibilité web
4
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.
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
L’équipe de la société Temesis
5
Elie Sloïm, Président, QualiticienDESS 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 ...
Aurélien Levy, Directeur Général, expertDEUG 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 MartinIngénier
architecte Web
Julie MoranaResponsable
administrative
Olivier MeunierResponsable projets
Open source
Cyrille Harnay
Responsable commercial
Fabrice Bonnyresponsable
R et D
Muriel de Dona, experte qualité Webm 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, ErgonomeCo-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érentielsP a r i s I V S o r b o n n e - D E A 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».
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Tour de salle, tour de chauffe
6
Qui êtes vous ?
Qu’attendez-vous de cette présentation?
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Plan de l’intervention
‣ Faisons connaissance
‣Qualité Web
‣ Bonnes pratiques
‣ Les outils
‣Améliorer massivement le Web
‣Quel retour sur investissement ?
‣Vos questions
7
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Définition de la qualité Web
8
La qualité Web est l'aptitude d'un service en ligne à satisfaire
des exigences implicites ou explicites.
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Qualité Web : une approche multidisciplinaire
9
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 Temesis –Elie Sloïm @elieSL -- 2013
Qualité Web : une approche multidisciplinaire
10
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 Temesis –Elie Sloïm @elieSL -- 2013
Qualité Web : une approche multidisciplinaire
11
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 Temesis –Elie Sloïm @elieSL -- 2013
Plan de l’intervention
‣ Faisons connaissance
‣Qualité Web
‣Bonnes pratiques
‣ Les outils
‣Améliorer massivement le Web
‣Quel retour sur investissement ?
‣Vos questions
12
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Référencement
Navigation
Accessibilité
E-commerce
Relation client
Contenus
Standards Serveur
Code
Formulaires
Impression
Téléchargement
Traductions
Hyperliens
SécuritéMoteur
Ergonomie
Plug-ins
Design
Cookies
Qualité Web : les sujets à traiter
13
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Formaliser les bonnes pratiques du Web
14
Référentiel qualitéTransversal, collaboratif, public, ouvert.
217 bonnes
pratiques
https://checklists.opquast.com/
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 201315
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 201316
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 201317
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 201318
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 201319
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Check-lists accessibles en ligne
https://checklists.opquast.com/
20
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Exemples de bonnes pratiques Opquast V2
https://checklists.opquast.com/fr/opquastv2
21
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Mémento «Sites Web : les bonnes pratiques» - Eyrolles
22
Février 2007Opquast V1 – 1e édition
Janvier 2009Opquast V1 – 2e édition
Novembre 2011Opquast V2 – 3e édition
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Une fiche par bonne pratique
23
!
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Qualité Web : le livre
24
Octobre 2012
Elie SloïmMuriel de Dona
Fabrice BonnyLaurent Denis
39€ Version numérique offerte
pour l’achat de la version papierou 19€ seule
http://qualite-web-lelivre.com/
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Egalement disponible sur checklists.opquast.com
SEO80 bonnes pratiques
25
Webperf41 bonnes pratiques
Open data72 bonnes pratiques
StepsDeux checklists
Web mobileEn cours de conception
Qualité WebLa checklist de référence
GreenItSimples recommandations
https://checklists.opquast.com/
https://checklists.opquast.com/fr/workshops/
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Plan de l’intervention
‣ Faisons connaissance
‣Qualité Web
‣ Bonnes pratiques
‣Les outils
‣Améliorer massivement le Web
‣Quel retour sur investissement ?
‣Vos questions
26
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Opquast desktop : extension open source pour firefox
27
Export résultats vers reportingAnalyse instantanée Détection des erreurs
Analyse une page Web 500 tests.
Extension Open source
desktop.opquast.com
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Opquast reporting
28
Analyser la qualité d’un parc de sites («web governance»)
Service SaaS
reporting.opquast.com
Génération de baromètresAudit automatique de site Indicateurs à la volée
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Plan de l’intervention
‣ Faisons connaissance
‣Qualité Web
‣ Bonnes pratiques
‣ Les outils
‣Améliorer massivement le Web
‣Quel retour sur investissement ?
‣Vos questions
29
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Améliorer massivement le Web
30
Quelle reconnaissance
?
Des outilsDes bonnes pratiques
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
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.
31
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Le réseau et la marque opquast partner
32
•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 Temesis –Elie Sloïm @elieSL -- 2013
Agences Web et SSII : Opquast partners
33
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
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..)
34
Expérimentation en cours
65 critèresQualité et accessibilité
Recherche de ROI
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
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
36
Websites
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Plan de l’intervention
‣ Faisons connaissance
‣Qualité Web
‣ Bonnes pratiques
‣ Les outils
‣Améliorer massivement le Web
‣Quel retour sur investissement ?
‣Vos questions
37
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
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
38
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Détection en amont
39
Plus les défauts sont détectés tard, plus ils coûtent cher.
Spécifications Prototypes Design Intégrations Développement Vie du site
Coût des erreurs détectées
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Retour sur investissement attendu : quelques postes fondamentaux
40
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écificationAccélerer la formation des personnelsAméliorer la communication entre équipes
Diffuser les bonnes pratiques (externe)
Améliorer le travail avec les clientsDiminuer les échanges avec les clients
Améliorer la qualité des sites Augmenter le taux de conversionDiminuer le nombre de retours clientsDiminuer le temps de chargementAméliorer l’accessibilité et le référencementAméliorer les performances et les temps de réponseAméliorer l’image des sites et se positionner sur la qualité Web
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
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
41
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Et après ?
42
•Faire reconnaître les compétences professionnelles
•Ajouter une compétence formelle sur leur CV
•Augmenter leur valeur sur le marché du travail
• Intégrer la qualité Web aux enseignements
•Améliorer l’image et le positionnement des écoles
•Développer les relations écoles / agences
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
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
43
Bonnes pratiques – CCI Bordeaux - Novembre 2013 – Page Temesis –Elie Sloïm @elieSL -- 2013
Contact
44
Contact : Temesis - SAS au capital de 111 776 €18, rue Lucien Granet - 33150 Cenon - FranceTél : +33 5 56 401 402 - Fax : +33 5 56 401 403
www.temesis.com www.opquast.com qualité-web-lelivre.com
reporting.opquast.comchecklists.opquast.com desktop.opquast.com
partners.opquast.com