L'importance de l'assurance qualité dans le web | MultipleMedia
Lisez sur nos vingt ans !

L’importance de l’assurance qualité dans le web

L’assurance qualité (ou QA) est une des étapes de production durant laquelle tous les tests de fonctionnement et de qualité sont effectués.

 

L’objectif est de valider la cohérence du livrable avec ce qui a été défini dans le contrat et/ou le cahier des charges.

 

L’assurance qualité doit être présente à tous les niveaux de développement d’un site : du début de l’intégration des gabarits jusqu’à la finalisation du site.

Voici les éléments clés de la vérification avant la livraison d’un produit :

  • Performance du site
  • Visuel
  • Ergonomie
  • Référencement

 

À travers ces items (la liste est non exhaustive), nous pouvons dresser une liste de questions à se poser lors de la mise en place du QA d’un site :

  • Est-ce que le site s’affiche correctement et est navigable ?
  • Le site est-il fidèle aux maquettes d’un point de vue visuel?
  • La recherche est-elle fonctionnelle?
  • Les fonctionnalités du site (inscriptions aux formulaires, espace membre…) sont-elles opérationnelles?
  • Le site est-il bien référencé?

 

Pour illustrer nos propos, voici un exemple d’étapes à vérifier lors d’un QA:

 

  1. L’aspect visuel – Le « layout » du site.

Il est essentiel de s’appuyer sur les maquettes approuvées par le client pour valider la conformité du site au niveau du rendu visuel. Les dimensions, les différents positionnements, les couleurs ou encore les fontes doivent être correctement représentés sur le site web. Chaque élément doit correspondre en tout point à ce qui a été proposé et approuvé.

 

  1. Les fonctionnalités du site web.

Il est important que les fonctionnalités du site soient disponibles suivant ce qui a été inclut dans l’offre de service.  Il peut s’agir d’un formulaire de contact, d’une API connectée, d’un widget de partage, etc. Selon la fonctionnalité, différents tests seront effectués : optimisation, vitesse de chargement, …

 

  1. La mobilité – le « responsive ».

Il s’agit ici de déterminer à quel point le site est réactif aux différentes résolutions d’écrans : mobiles, tablettes et desktop. Le site doit utiliser l'espace de façon efficace sans briser les fonctionnalités dans chacun des formats.

 

  1. La spécificité d’une application Web.

Lorsqu’il est question d’une application Web, il est possible d’ajouter des scénarios de tests aux processus de validation. Ces derniers permettent à la fois d’orienter l’équipe lors de la validation, mais également d’assurer que le produit final rencontre les critères d’utilisation établis au départ.

 

Un contrôle qualité efficace est toujours effectué par l’intermédiaire de plusieurs membres de l’équipe. Chacun apporte son expertise. Le développeur, par exemple, doit s’assurer d’avoir préalablement effectué ses propres tests avant de soumettre le site au chargé de projets qui effectuera à son tour son propre QA.

 

Quelles démarches à suivre pour un QA efficace ?

 

  1. Communiquer

Afin d'être efficace dans les étapes de QA, il est important de communiquer et d'éviter de se répéter. Pour cela, il faut centraliser les informations pour les rendre facilement accessibles à toute l’équipe.

Il est très facile de perdre du temps lors de l'assurance qualité. Si un même élément est mentionné plusieurs fois de façons différentes et que plusieurs développeurs s'occupent du même problème sans le savoir, cela causera un conflit lors de la synchronisation avec l'outil de versionnage.

  1. Archiver

Il est également nécessaire de garder une archive de ce qui a été corrigé et mentionné à propos d'un bug. En documentant les problèmes soulevés durant les tests, il est possible de mieux savoir pourquoi un problème a été corrigé d'une certaine façon, et si le problème réapparaît plus tard, il est possible de connaitre en détails qu'est-ce qui causait un bug et de le corriger plus rapidement.

 

Pour nous, la qualité est essentielle à l'optimisation de notre travail. Il en va de notre image de marque et de notre crédibilité en tant qu'agence web.

UI Design | TOP 10 Animations Add To Cart

Plaisirs

26 octobre 2018

UI Design, les meilleures animations Add To Cart (ajout au panier d'achat).   Découvrez notre sélection d’animations " UI Design" (User Interface Design) sur un sujet...

Par : Jean-Philippe Georges, Responsable Marketing et Communication et
Jean-Philippe Talamon, Designer UX/UI

WordPress 5 et Gutenberg | Avantages et Inconvénients

Recherche

23 octobre 2018

WordPress 5 et Gutenberg: notre verdict !   Résultat mitigé, heureusement il reste de la place pour d'éventuelles améliorations à venir! Cependant, nous commençons...

Par : Nathalie Vallières, Développeur et
Jean-Philippe Georges, Responsable Marketing et Communication

Application mobile et site web au rendez-vous du congrès APFF.

Nouvelles

9 octobre 2018

L'APFF nous a demandé de concevoir une nouvelle application mobile de gestion des événements ainsi qu'un site web dédié.   Pour accompagner l’organisation et la...

Par : Jean-Philippe Georges, Responsable Marketing et Communication