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 !
   

   View Slide

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
   

   View Slide

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 !
   

   View Slide

4. Faire un site web
   C’est facile !
   4
   

   View Slide

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
   

   View Slide

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
   

   View Slide

7. La qualité web
   C’est quoi ?
   7
   

   View Slide

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
   

   View Slide

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)
   

   View Slide

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 !
    

    View Slide

11. La qualité web
    Un sujet transversal
    11
    

    View Slide

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 !
    

    View Slide

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 !
    

    View Slide

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 !
    

    View Slide

15. Évaluer et gérer
    la qualité d’un site web
    15
    

    View Slide

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 !
    

    View Slide

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/
    

    View Slide

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 !
    

    View Slide

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 !
    

    View Slide

20. Génial !
    Comment on fait ça ?
    20
    

    View Slide

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 !
    

    View Slide

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 !
    

    View Slide

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 !
    

    View Slide

24. Rendons le web meilleur !
    24
    

    View Slide