Comment nettoyer votre processus de contrôle qualité

Le contrôle de la qualité (CQ) peut faire ou défaire votre projet. Néanmoins, ce processus essentiel peut être un peu intimidant car les clients WordPress s'attendent à ce que les sites fonctionnent et aient fière allure sur tous les types d'appareils, des mobiles aux téléviseurs HD intelligents.

L'assurance qualité haut de gamme implique une approche cohérente, les bons outils et une collaboration entre les concepteurs et les développeurs. Et n'oubliez pas de communiquer clairement le processus à votre client afin qu'il sache à quoi s'attendre et quand participer.

1. Suivez un processus cohérent

Pour de meilleurs résultats sur une nouvelle construction de site Web, utilisez l'approche en cascade avec plusieurs cycles d'assurance et de contrôle de la qualité - correctement chronométrés, bien sûr.

Tout le contenu doit déjà être ajouté au site et tout travail de développement majeur doit être entièrement terminé lorsque vous démarrez le contrôle de la qualité. Si vous n'avez pas encore fini de créer le site et que vous finissez par apporter des tonnes de modifications, vous devrez recommencer le processus.

Le QC prendra plus que quelques heures, alors assurez-vous de laisser suffisamment de temps pour cette phase essentielle. En règle générale, un CQ complet peut prendre 5 à 7 jours ouvrables si vous examinez tout. Le processus peut prendre plus de temps pour les sites plus grands avec de nombreuses pages ou pour les sites de commerce électronique et d'adhésion.

Si vous effectuez deux ou trois cycles de contrôle qualité, vous pouvez impliquer différents membres de l'équipe à chaque étape. Le premier tour implique généralement que le développeur et le concepteur examinent le site et vérifient que tout correspond à la conception et à la portée.

Le deuxième tour est généralement l'étape la plus approfondie et peut impliquer des tests de navigateur et l'examen du site sur de nombreuses tailles d'appareils, tandis que le tour final implique le client. Espérons qu'à ce stade, il n'y aura plus de problèmes à signaler au client !

2. Utiliser le navigateur et les outils de test

Les bons outils rendront le CQ beaucoup plus efficace. Voici quelques-uns des meilleurs pour rationaliser le processus.

Browser Stack est une plate-forme de test de site Web et mobile populaire qui vous permet de tester et de simuler un site Web sur plus de 2000 appareils et navigateurs. Vous pouvez également facilement capturer des captures d'écran de bogues ou de correctifs lorsque vous consultez le site. Avec autant d'appareils et de tailles de téléphones mobiles et de tablettes différents, il est très difficile de contrôler un site Web sans utiliser une telle plate-forme. Après tout, votre équipe ne possède probablement pas toutes les variantes d'iPhone et d'Android pour tester correctement le site sans l'aide d'une plate-forme de test.

Bien sûr, c'est toujours une bonne idée de consulter le site Web sur autant de navigateurs différents sur des ordinateurs en direct (et des appareils mobiles) que possible. Alors que les simulations de test peuvent fournir des représentations très précises du site, la vérification sur l'appareil lui-même donne une autre couche de certitude et peut simplement découvrir quelque chose qui aurait autrement été manqué.

Deux autres ressources intéressantes sont ChromeDev Tools et les audits Chrome Lighthouse. Avec Google Chrome Lighthouse, vous pouvez auditer les performances, l'accessibilité et les bonnes pratiques. Mais, quels que soient les outils que vous sélectionnez, assurez-vous que votre équipe suit une liste de contrôle claire sur les navigateurs, les appareils et les résolutions que vous avez l'intention de tester - et garde une trace des résultats.

Au début du projet, établissez des directives claires avec les clients sur les navigateurs et les résolutions pris en charge par votre équipe. Par exemple, certains navigateurs comme Internet Explorer ne sont plus bien supportés, il ne sert donc à rien de passer des heures sur une plate-forme instable.

3. Incluez les commentaires de votre designer

Le contrôle et l'assurance qualité ne sont pas seulement une tâche pour l'équipe de développement. Il existe de nombreux problèmes qui pourraient survenir que le concepteur de sites Web est le mieux placé pour remarquer.

Un concepteur peut examiner les conceptions de formulaires, les choix de couleurs et les survols sur le site, en s'assurant que tout correspond aux maquettes. Ils peuvent également vous aider pour tout problème de réactivité sur le site. Si le développeur est aux prises avec un problème sur mobile, un concepteur peut offrir des commentaires précieux sur la façon dont les éléments doivent s'effondrer pour être positionnés sur des appareils plus petits. Si le site comprend des micro-animations et des animations de défilement, un concepteur peut également les examiner et s'assurer qu'elles correspondent à sa vision.

Enfin, un concepteur peut surveiller la qualité et la résolution des images et des éléments de conception sur le site construit. Un développeur optimise souvent les performances des images pendant la construction, et parfois le travail d'optimisation peut trop réduire la résolution et nuire à la qualité de la conception.

À mesure que les conceptions deviennent plus complexes et impliquent des éléments plus dynamiques, il existe certainement de nombreux domaines de collaboration entre les concepteurs et les développeurs. Dans cet esprit, un concepteur de sites Web peut réduire certains allers-retours au cours du processus de contrôle qualité en préparant un guide de style de site Web et des notes de concepteur pour l'équipe de développement.

Il peut également être utile de demander au concepteur de préparer une maquette mobile pour la page d'accueil ou une partie du menu mobile, afin de réduire les tonnes de modifications mobiles pendant le CQ.

4. Concentrez-vous sur la performance et l'accessibilité

Aujourd'hui, toutes les équipes de sites Web doivent prendre en compte les performances à chaque étape du projet. En résolvant les problèmes de performances pendant le processus de CQ, vous pouvez éviter d'importants travaux d'optimisation après le lancement et les plaintes des clients.

Depuis plusieurs années maintenant, les performances et les temps de chargement des pages sont un facteur de classement pour l'optimisation des moteurs de recherche et il ne s'agit pas seulement de classements. Les temps de chargement des pages ont également un impact sur l'expérience utilisateur sur le site. Lorsque vous prenez des décisions dans le processus de développement, tenez compte des ramifications des performances, des plugins sélectionnés au thème parent.

L'accessibilité du Web est une autre considération importante pour QC. Le respect des meilleures pratiques de développement et des directives pour l'accessibilité du contenu Web peut minimiser d'autres erreurs sur le site. Pour l'accessibilité, vous voudrez revoir les capacités de navigation du clavier, le contraste des couleurs dans les mises en page de conception et les messages d'erreur sur tous les formulaires. Vous pouvez utiliser l'outil de contraste des couleurs de WebAIM pour vérifier les rapports de contraste sur le site.

Pendant le processus de contrôle qualité, assurez-vous d'exécuter des tests de vitesse WordPress de base - et de les répéter après le lancement. Si vous construisez le nouveau site sur un environnement de serveur de production, vous risquez de ne pas obtenir de résultats précis si la mise en cache n'est pas activée ou si le site sera éventuellement hébergé sur une plate-forme différente.

5. Commerce électronique et contrôles de développement complexes

En plus de vérifier les problèmes visuels pendant le processus de contrôle qualité, vous devrez allouer plus de temps aux versions complexes, telles que le commerce électronique ou les sites d'adhésion.

Il est utile d'avoir un processus spécifique pour ces types de projets afin de ne manquer aucun test crucial. En plus des éléments QC normaux ci-dessus, vous devrez tester le panier, revoir les paramètres d'expédition et vérifier tout filtrage de produit ou options de recherche pour un site Web de commerce électronique. Vous devrez également surveiller les problèmes d'intégration avec la plateforme de messagerie et/ou le CRM.

Pour les sites d'adhésion, vous voudrez tester les étapes d'inscription d'un nouvel abonnement, le traitement des paiements (le cas échéant) et les étapes de renouvellement. La plupart des passerelles de paiement comme PayPal et Stripe offrent des moyens de tester les paiements sur un site de production sans avoir à traiter un paiement puis un remboursement.

Tous ces éléments peuvent ajouter plusieurs jours au processus de contrôle qualité pour ce type de sites. Les étapes de contrôle de la qualité sont encore plus critiques pour un site de commerce électronique, car tout problème majeur affectera directement les ventes et les revenus.

Si votre client ajoute des produits au site avant le lancement, il est utile de suspendre le contrôle de la qualité jusqu'à ce que tout le contenu et les produits soient configurés sur le site.

Se rapprocher de la perfection

Il peut y avoir beaucoup de détails à prendre en charge pendant le processus de CQ, mais tout dépend de la cohérence, de la collaboration et d'outils bien pris en charge.

Et bien sûr, établir des limites claires quant à la fin de la responsabilité de votre équipe. Une fois qu'un client a accès au site ou a déplacé le site vers une autre plate-forme d'hébergement, il peut être très difficile d'anticiper les erreurs.

Téléchargez l'outil de développement WordPress local n°1 pour les développeurs Web !

Local a tout ce dont vous avez besoin pour accomplir plus de travail. C'est un moyen simple de développer localement des sites WordPress grâce à son installation en un clic, ses contrôles de connexion d'hébergement instantanés et son excellent support lorsque vous rencontrez un hoquet. Plus de 100 000 développeurs talentueux du monde entier lui font confiance (et le meilleur, c'est gratuit) ! Commencez avec Local ici.