 Luc Poupard qui va nous faire une une conférence est ce que mon site est de qualité donc je vais le vu qu'on est un peu en retard je le laisse se présenter et donc là il va faire sa conférence on attend que les derniers s'installent dans le silence et puis on va y aller pour attraper leur tard mais en tout cas on l'applaudit s'il vous plaît pour sa conférence de 15 minutes. Merci pour l'accueil donc aujourd'hui je vais vous parler de qualité de qualité web en particulier c'est un sujet que j'ai l'habitude de traiter sur des formes un peu plus long du coup j'ai essayé de synthétiser pour entrer dans le temps qui m'est imparti. Donc pour commencer petite présentation de moi-même donc je suis actuellement développeur WordPress chez Protom Mail accessoirement on recrute plein de profils différents donc je vous invite à regarder les offres si jamais vous cherchez ou les changer de boulot et au niveau du web je suis organisateur je fais partie des organisateurs de paris web donc c'est un événement orienté sur l'accessibilité et la qualité web dans la conception web en général et c'est ce qui m'amène devant vous. Donc faire un site web souvent quand on parle avec n'importe qui peu importe le profil des gens dans l'imaginaire c'est quelque chose qui n'est pas forcément très compliqué enfin je pense qu'on a tous expérimenté ce genre de choses ou on a un client qui vient je voudrais un site pour demain parce que dans sa tête c'est quelque chose qui est vite fait pas très compliqué à faire mais en vérité quand on commence à parler de développer un site ou une application web ça implique une grande variété de sujets dont on est tous plus ou moins conscients qui sont tout ce qui est gestion de contenu l'argonomie le développement et à toute une partie technique avec les serveurs la performance la sécurité donc au final quand on prend un peu du recul sur ce que ça veut dire de faire un site ou une application web on se rend compte que ce n'est pas si facile que ça et puis voilà c'est compliqué au-delà des domaines sur lesquels on peut être amené à travailler quand on développe un site ou une application on a aussi tout un tas de contexte d'utilisation à prendre en compte donc les plus simples c'est évidemment le fait d'avoir le site qui soit utilisable sur desktop ou sur mobile sur des interfaces avec le clavier et la souris ou des interfaces tactile ça c'est des choses qui viennent à peu près à l'esprit de tout le monde mais il y a en vérité toute une variété beaucoup plus vaste que ça de contexte d'utilisation donc à commencer par tout ce qu'est objet connecté maintenant il y a à peu près tout n'importe quel objet qui peut être connecté et puis sur lesquels on peut avoir un travail sur une interface web donc il peut y avoir des tailles différents des rendus différents des supports différents aussi parce que quand on fait une page web potentiellement les utilisateurs peuvent l'imprimer cette page web du coup il faut aussi prendre ça en compte voilà c'est dans le même ordre d'idées que la slide d'avant voilà ça fait tout un tas de choses à prendre en compte qui fait que c'est pas si facile que ça et donc du coup quand on parle de gérer la qualité d'un site web ça veut dire qu'il faut prendre en compte tous les éléments qu'on a vus que je vous ai montré avant et puis là encore je n'ai pas parlé de technologie d'outils de développement enfin voilà ça fait encore il y a vraiment des couches qu'on ne peut pas compter donc la qualité web c'est quoi pour restituer un petit peu parce que quand on dit à quelqu'un pour vous c'est quoi un site de qualité je pense que la plupart des gens instinctivement ils vont dire c'est un site qui est beau qui est bien qui est ergonomique qui est performant et mais quand on dit ça au final c'est pas forcément très palpable parce que c'est des qualificatifs qui sont très subjectifs au final enfin quelqu'un qui trouve quelque chose beau une autre personne ne va pas trouver la même chose aussi belle enfin voilà c'est ça manque de critères objectifs pour vraiment évaluer qu'on a un site de qualité et au-delà de ça quand on parle de qualité on a facilement tendance aussi à penser à la perfection d'avoir le site idéal mais aussi il faut se faire à l'idée de ce côté là qu'on peut jamais atteindre la perfection enfin je pense qu'on en a tous plus ou moins conscience sans forcément le conceptualiser mais on va jamais arriver à faire un truc vraiment parfait il y aura toujours des imperfections et des problèmes donc on peut toujours avoir des choses à améliorer donc ce qu'il faut retenir sur cette introduction un peu du contexte dans lequel s'insère la qualité web c'est que la qualité web c'est un sujet transversal et ça recoupe vraiment une grande diversité de sujets et donc on va rentrer un peu plus là dedans maintenant donc ce que je voulais vous présenter pour traiter ce sujet de la qualité web c'est des outils et un écosystème qui a été mis en place par hop quest qui est une entreprise et là je vais vous présenter le modèle vptcs qui a été conçu par les fondateurs de cette entreprise qui sont Elise Loïm et Eric Gâteau il y a les références sur les slides donc ils ont mis en place ce modèle le modèle vptcs en 2001 donc ça fait plus de 20 ans déjà alors qu'ils travaillaient justement déjà sur définir la qualité web et puis voir comment comment on peut travailler et mesurer contrôler la qualité d'un site web et donc du coup ils ont mis en place ce modèle vptcs qui est en fait le sigle des cinq catégories qui sont représentées dans le modèle donc il y a le v qui veut dire visibilité qui en fait le sujet c'est que l'internaute de 3L7 en fait le site pardon et donc ces cinq catégories en fait ça répond chaque catégorie répond à un besoin de l'utilisateur donc le v c'est l'internaute qui veut trouver le site le p pour perception c'est l'internaute qui veut être en mesure d'utiliser le site le t pour technique c'est du fait que le site fonctionne forcément le c pour contenu c'est que l'internaute il s'attend à trouver des contenus de qualité quand il arrive sur votre site et enfin le est de service c'est que l'internaute il s'attend à pouvoir utiliser les services et puis à trouver des services de qualité un peu même titre que les contenus donc ça c'est un modèle qui a été posé en 2001 pour poser les bases vraiment le concept de la qualité web et dans le temps ce modèle s'est tout fait le modèle lui-même n'a pas bougé mais il y a tout un tas de nouvelles couches qui se sont ajoutées sur ce modèle et puis qui ont consolidé au final la première version du modèle qui est resté un changé depuis donc par exemple on peut faire matcher ces cinq catégories avec les métiers les domaines qui sont impliqués dans la création d'un site web donc derrière le vise de visibilité derrière visibilité il y a tous les communications marketing référencement derrière la perception il y a tout ce qui a trait au design à l'interface à l'ergonomie au sens large derrière le t il fait évidemment tout ce qui est lié au code et puis au serveur l'hébergement la sécurité voilà en contenu évidemment tout ce qui est éditorial et travail de l'image juridique tout ce qui est tout ce qui se rapproche des contenus et pour les services ben il y a tout ce qui est plutôt services annexes qui peuvent satéliter autour du site type le suivi des commandes pour un site et commerce la relation le service qui ayant voilà c'est des métiers qui ne sont pas forcément directement sur le site mais qui ont forcément un impact sur sur lui au delà des domaines il est aussi très utile pour se rendre compte de la vision globale de l'expérience utilisateur notamment parce que le derrière contenu et service en fait on trouve tous les sujets de pourquoi les internautes viennent sur notre site ou utilise notre application et derrière la visibilité la perception la technique on trouve ben tous les moyens de mettre en avant et en valeur ses contenus et ses services au delà de au delà de l'utilité des grands domaines on a aussi une ça permet aussi d'avoir une vision sur la chronologie de l'expérience du site ou l'application par par l'internaute ou utilisateur en par exemple visibilité c'est généralement des sujets qui ont qui sont liés à des domaines avant que le site que l'internaute arrive sur le site donc typiquement une campagne de communication une campagne si est sur sur une google ads voilà c'est des sujets qui sont souvent avant que le site que l'internaute arrive vraiment sur notre site ou notre application les trois domaines perception technique et contenu c'est là où le moment où il est vraiment confronté au site web et à l'application donc c'est ouais c'est son moment d'interaction avec le site on va dire et puis les services c'est le parce qu'il vient après ou souvent ben typiquement comme je parlais avant de de suivi de livraison ben voilà c'est une fois qu'il a vécu son expérience d'achat sur le site ou il y a encore il continue à avoir des interactions avec nous par des services c'est-à-dire que la suivi de livraison ou le service client et du coup on peut synthétiser ça ou ben ça sous perception technique et contenu on a vraiment toute l'interaction avec l'interface du site et puis si on prend les cinq catégories tout ensemble ben au final on se retrouve avec la gestion de l'expérience utilisateur complète vis-à-vis du site et du client pourquoi je vous ai présenté ce modèle c'est parce que c'est vraiment le SOC de base à partir du moment où on parle de gérer de vouloir gérer la qualité de son site ou de son application c'est vraiment ce qui un modèle qui permet de servir de SOC de base sur le travail pour aller plus loin et donc du coup je vais pouvoir ça tager quelques outils qui sont toujours développés par off-quest initialement donc le premier outil c'est la checklist d'assurance qualité qui est une liste de règles qui est une qui a été mise en place toujours dans ce processus des membres fondateurs d'op-quest pour essayer de gérer la qualité d'un site web aujourd'hui c'est une checklist qui a 240 règles qui évoluent dans le temps parce que la première c'était en 2004 il y a eu 3 versions et puis là on a la quatrième maintenant de 240 règles et ces 240 règles en fait recoupent toutes les thématiques qu'on a pu voir dans le modèle VPTSS donc pour les différents métiers des différents domaines de compétences on a des bonnes pratiques des règles qui s'appliquent vraiment à l'ensemble des sujets et ce qu'il faut savoir sur cette liste sur cette checklist et qu'elle vient d'une d'une élaboration communautaire en fait c'est différents professionnels du web qui soit designer en développeur enfin voilà de différents métiers qui ont co-construit cette liste-là pour être... enfin voilà c'est pour dire que les règles viennent d'un consensus vraiment de différents sujets, différents domaines, différentes expertises et donc voilà donc d'habitude je fais un petit détail je montre une exemple de règles et tout ça mais vu que c'est un peu court je vous invite à aller voir le lien de la checklist où vous pouvez vous rendre compte vraiment de la consistance des règles un autre outil qui pour moi est le plus important c'est la certification qui est proposée par HubQuest donc l'intitule est exacte c'est certification maîtrise de la qualité en projet web qui est en fait un outil qui donne accès à une formation en ligne où on a accès à partir du moment où on s'inscrit à la certification on a trois mois puis de manière complètement autonome on a tout un parcours à suivre avec des articles à consulter il y a tout un guide aussi de certification des vidéos à regarder puis tout un système de quiz pour valider quand on a bien acquis les connaissances et les compétences qui peuvent être impliquées dans la gestion de la qualité puis notamment ça couvre tout le traitement de toute la liste de règles dont je parlais avant donc c'est un très bon outil pour justement assimiler ça et puis ça donne accès une fois qu'on fait la certification elle donne une fois qu'on arrive au bout on a un examen final avec un QCM un peu comme sur le modèle du TOIC pour les lanques avec un QCM 225 questions à remplir et puis on a une note de 0 à 1000 avec des niveaux d'expertise un peu comme on peut voir pour les tests de lanques et puis comme autre outil ou complémentaire que je peux vous partager il y a le livre qui a été édité où on retrouve toutes les informations contre une certification il y a aussi la checklist complète avec les 240 règles qui sont complètement détaillées qu'il y a tout qui se trouve dans ce livre donc ça c'est vraiment la Bible de la science qualité web si c'est un sujet qui vous intéresse je vous recommande fortement de vous le procurer je pense qu'on peut l'avoir en digital il faut peut-être acheter la papier mais enfin que ça va vérifier mais ça doit pouvoir et puis vu que c'est très orienté sur un travail communautaire il y a tout un tas d'outils qui est développé par des gens de la communauté il y a notamment un plugin WordPress qui a été développé par J.B. qui n'est pas tout à fait à jour encore sur le niveau sur la version de la checklist mais voilà il y a vraiment un écosystème vivant au niveau des professionnels du web francophone là-dessus et je suis juste à temps Right in time effectivement merci beaucoup à cinq secondes près j'ai vu le timer il était tout pile, nickel alors est-ce que vous avez des questions ? parce que l'accessibilité là j'ai vu à la fin dès qu'on commence à rentrer dans les trucs quoi c'est là, il y a souvent beaucoup beaucoup de questions mais l'habitude c'est trois fois le temps que... bonjour je vous fais ici pour votre conférence c'était intéressant en tout cas pour moi et l'idée est que la certification qu'est-ce que vous propose elle est valable W3 W3C ? il n'y a aucun lien entre les deux c'est une chose mais en tout cas la qualitative expertique qualitative c'est les fondateurs de base la plupart des professionnels qui travaillent en la constitution des checklists et tout ça et puis de la travail de la certification c'est des gens qui sont très impliqués d'un certain qui peuvent être dans des organes comme W3C et Mozilla enfin voilà c'est... il y a pas mal de gens assez reconnus voilà parfait merci et ça prend en compte toutes les problématiques d'accessibilité de sécurité et tout ça couvre très largement une autre petite question j'ai vu plusieurs minces levé non il n'y a plus ? ok alors c'est ma faute j'ai cru très bien et bien encore une fois merci beaucoup merci