Faire un site web c’est bien. Un site de qualité c’est mieux ! – Webmardi 2 novembre 2021

Diapositive # 1

Bonjour à tous et à toutes, merci d'être venu pour ce 116e épisode de Webmardi !
Aujourd'hui je vais donc vous parler de qualité web.

Diapositive # 2

Quelques personnes me connaissent déjà mais pour les autres je vais me présenter brièvement, avant de commencer.
Je m'appelle donc Luc Poupard, je suis français et je vis en Suisse depuis bientôt 10 ans.

Actuellement, je suis développeur WordPress chez Proton.
On recrute à tour de bras d'ailleurs, donc n'hésitez à jeter un œil aux postes ouverts, il y a en a pour tous les goûts : https://careers.protonmail.com/

Je fais aussi partie de l'organisation de Paris Web depuis quelques années, et j'en suis président depuis l'an dernier.
Pour ceux qui ne connaissent Paris Web est une association dont la mission et de promouvoir le développement d'un web accessible de qualité et ça prend principalement la forme d'une conférence annuelle dont la 16e édition a eu lieu le mois dernier.
https://www.paris-web.fr/

Voilà pour ma pomme, passons aux choses sérieuses.

Diapositive # 3

Au programme de cette présentation, on va parler très vite de la facilité de faire un site web.
On enchaînera sur la définition de la qualité web et de ses enjeux.
On verra comment évaluer et gérer la qualité web en pratique, en théorie et en pratique.

Diapositive # 4

Avant de rentrer dans le vif du sujet, je vais juste faire un point sur ce que ça représente de faire un site web.
Pour beaucoup de personnes – mêm...

Transcript

1. CONFIDENTIAL Proton Faire un site web c’est bien. Un site de qualité c’est mieux !
2. Qui suis-je ? Développeur WordPress On recrute ! careers.protonmail.com 2 Faire un site web c’est bien. Un site de qualité c’est mieux ! Organisateur et président L’événement pour un web accessible et de qualité paris-web.fr
3. 3 Programme • Faire un site web, c’est facile ! • La qualité web, c’est quoi ? • Évaluer et gérer la qualité d’un site web • Comment faire en pratique ? Faire un site web c’est bien. Un site de qualité c’est mieux !
4. Faire un site web C’est facile ! 4
5. 5 Des connaissances et des compétences variées Faire un site web c’est bien. Un site de qualité c’est mieux ! Contenus Design Ergonomie Faire un site c’est facile ! c’est compliqué Référencement Marketing Standards Téléchargements Code Gestion de projets Formulaires Navigation Accessibilité Mobile Sécurité E-mails Cookies Serveur E-commerce Documents Médias Performance Impression Traductions Relation client
6. 6 Des contextes d'utilisation infinis Faire un site web c’est bien. Un site de qualité c’est mieux ! Desktop Mobile Voiture Faire un site c’est facile ! c’est compliqué Moteurs de recherche Firefox Plage braille Trackpad Souris Lecteur d'écran Chrome Objets connectés Windows iOS Imprimante Clavier Télévision Tactile Bas débit Linux Mac Flux RSS Android Montre
7. La qualité web C’est quoi ? 7
8. Qu’est-ce que la qualité web ? Un site de qualité… • Est beau et donne envie de l’utiliser • Est ergonomique et fonctionne bien • N’a aucun défaut • Charge rapidement • … 8 Faire un site web c’est bien. Un site de qualité c’est mieux ! Oui mais non… • Beau, bien… c’est subjectif : ça dépend du point de vue • Il y aura toujours des défauts : on n’atteint jamais la perfection, mais on peut toujours améliorer davantage
9. 9 Objectif : contrôle et assurance qualité appliqués au web • Mesurer, évaluer et estimer le niveau de qualité • Gérer, améliorer et contrôler • Garantir, certifier et assurer Du jugement subjectif à l’évaluation objective • 1999 – Création d’un annuaire dédié à la qualité web • 2004 – Liste de bonnes pratiques et définition de la qualité web • 2021 – L’écosystème Opquast est traduit en anglais et en espagnol Faire un site web c’est bien. Un site de qualité c’est mieux ! Réponse : Opquast (Open Quality Standard)
10. 10 Définition proposée en 2004 dans le cadre du projet Opquast. Inspiré de la norme ISO 8402:1994 Management de la qualité et assurance de la qualité). Definition La qualité web représente l’aptitude d’un service en ligne à satisfaire des exigences explicites ou implicites Faire un site web c’est bien. Un site de qualité c’est mieux !
11. La qualité web Un sujet transversal 11
12. 12 VPTCS : un modèle transversal V Visibilité P Perception T Technique C Contenus S Services L’internaute veut trouver le site L’internaute veut utiliser, naviguer L’internaute veut que le site fonctionne L’internaute veut des contenus de bonne qualité L’internaute veut que tout se passe bien après la visite Conçu par Élie Sloïm and Éric Gateau en 2001. Sous licence CC BY-SA 4.0 International. Faire un site web c’est bien. Un site de qualité c’est mieux !
13. 13 VPTCS : une vision des métiers V Visibilité P Perception T Technique C Contenus S Services Référencement Positionnement Marketing Communication Ergonomie Graphisme Design Navigation Sécurité Hébergement Performance Conformité W3C Rédaction Traduction Juridique Éditorial E-commerce Logistique Support Relation client Faire un site web c’est bien. Un site de qualité c’est mieux !
14. 14 VPTCS : vision globale de l’expérience utilisateur V Visibilité P Perception T Technique C Contenus S Services Avant la visite Pendant la visite Après la visite Comment mettre en valeur les contenus et services ? Pourquoi utiliser le site ? UI UX Faire un site web c’est bien. Un site de qualité c’est mieux !
15. Évaluer et gérer la qualité d’un site web 15
16. 16 Philosophie : assurer le minimum vital Accessibilité Ergonomie Performance Vie privée Etc. Securité Marketing Faire un site web c’est bien. Un site de qualité c’est mieux !
17. 17 • Première checklist en 2004 • Élaboration communautaire • Diffusion sous licence CC BY-SA • Évolution dans le temps ◦ Version 4 depuis 2020 : 240 règles Checklist d’assurance qualité Faire un site web c’est bien. Un site de qualité c’est mieux ! https://checklists.opquast.com/fr/assurance-qualite-web/
18. 18 • Avoir une valeur ajoutée pour les utilisateur·ices • Être réaliste • Être vérifiable • Être universelle • Faire consensus dans la communauté Chacune des 240 règles doit… Faire un site web c’est bien. Un site de qualité c’est mieux !
19. 19 Exemple de règle Ce qu’on trouve pour chaque règle : • Objectif Valeur ajoutée pour l’utilisateur·ice • Mise en œuvre Réaliste • Contrôle Vérifiable Faire un site web c’est bien. Un site de qualité c’est mieux !
20. Génial ! Comment on fait ça ? 20
21. 21 • Partager les bonnes pratiques avec les autres intervenants avec qui on travaille ◦ Design, communication, marketing, service client… Utiliser les checklists • Construire ses propres checklists en fonction de ses besoins ◦ Utiliser d’autres checklists et ajouter ses propres règles • Utiliser la checklist Opquast comme une base d’amélioration continue ◦ Définir une liste limitée de règles que l’on souhaite appliquer en priorité ◦ Ajouter de nouvelles règles au fur et à mesure que l’on maîtrise les précédentes Faire un site web c’est bien. Un site de qualité c’est mieux !
22. 22 • Examen final ◦ QCM de 125 questions en 1h30 ◦ Note de 0 à 1000 ; niveau d'expertise à partir de 500 points Certification « Maîtrise de la qualité en projet Web » • Acquérir un savoir commun et améliorer ses compétences ◦ Obtenir un socle de connaissances transversales ◦ Apprendre un vocabulaire commun ◦ Comprendre les exigences fondamentales des utilisateur·ices ◦ Maîtriser les risques majeurs et agir en connaissance de cause ◦ Tenir compte de la diversité des utilisateur·ices • Plateforme de formation en ligne accessible pendant 3 mois Faire un site web c’est bien. Un site de qualité c’est mieux !
23. Quelques outils complémentaires Le livre 23 Faire un site web c’est bien. Un site de qualité c’est mieux ! Les outils de l’écosystème 3e édition le 2 décembre !
24. Rendons le web meilleur ! 24