40
Bonnes pratiques qualité Web Optimiser et rentabiliser les sites et leur production Elie Sloïm @ElieSL

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

Embed Size (px)

DESCRIPTION

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.

Citation preview

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

Bonnes pratiques qualité WebOptimiser et rentabiliser les sites et leur production

Elie Sloïm @ElieSL

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

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

‣Vos questions

2

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

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

Elie Sloïm - Président - Fondateur - @ElieSL

3

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

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

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

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.

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

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

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

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?

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

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

‣Vos questions

7

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

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

Atelier

8

Qu’est ce qu’un site de qualité

?

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

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

Définition de la qualité Web

9

La qualité Web est l'aptitude d'un service en ligne à satisfaire

des exigences implicites ou explicites.

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

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

Qualité Web : une approche multidisciplinaire

10

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

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

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

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

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

Qualité Web : une approche multidisciplinaire

12

Infographie @nissone http://w3qualite.net/outils/qualite-web-les-bonnes-pratiques-pour-ameliorer-vos-sites-une-premiere-impression

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

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

‣Vos questions

13

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

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

14

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

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

Formaliser les bonnes pratiques du Web

15

Référentiel qualitéTransversal, collaboratif, public, ouvert.

217 bonnes

pratiques

https://checklists.opquast.com/

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

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

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

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

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

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

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

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

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

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

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

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

Check-lists accessibles en ligne

https://checklists.opquast.com/

21

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

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

22

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

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

Mémento «Sites Web : les bonnes pratiques» - Eyrolles

23

Février 2007Opquast V1 – 1e édition

Janvier 2009Opquast V1 – 2e édition

Novembre 2011Opquast V2 – 3e édition

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

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

Une fiche par bonne pratique

24

!

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

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

Qualité Web : le livre

25

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/

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

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

Egalement disponible sur checklists.opquast.com

SEO80 bonnes pratiques

26

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/

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

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

‣Vos questions

27

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

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

Opquast desktop : extension open source pour firefox

28

Export résultats vers reportingAnalyse instantanée Détection des erreurs

Analyse une page Web 500 tests.

Extension Open source

desktop.opquast.com

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

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

Opquast reporting

29

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

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

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

‣Vos questions

30

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

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

Améliorer massivement le Web

31

Quelle reconnaissance

?

Des outilsDes bonnes pratiques

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

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.

32

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

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

Agences Web et SSII : Opquast partners

33

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

Expérimentation en cours

65 critèresQualité et accessibilité

Recherche de ROI

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

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

35

Websites

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

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 site

•S’engager vis-à-vis des utilisateurs finaux

•Travailler de façon étroite avec son prestataire

36

Websites

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

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

37

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

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

Et après ?

38

•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

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

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

‣Vos questions

39

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

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

Contact

40

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