Comment exécuter des tests d'assurance qualité (QA) sur votre nouveau site Web

Les sites Web, comme les produits logiciels et les jeux vidéo, nécessitent de nombreux tests. Les erreurs, les bogues et les morceaux cassés sont garantis pour envoyer vos clients potentiels en cours d'exécution. Donc, aujourd'hui, nous examinons comment éviter ces problèmes lorsque vous lancez un nouveau site Web.

Regarder le webinaire

Cet article est basé sur un webinaire que nous avons organisé avec l'expert en assurance qualité, Brian Borg, fondateur et PDG d'OnPath Testing. OnPath Testing sont nos clients ainsi que des partenaires qui nous aident à effectuer des tests d'assurance qualité lorsque nous lançons de nouveaux sites Web. Brian est un expert en test de logiciels et un bon œuf.

Vous pouvez regarder l'enregistrement original ici :

Qu'est-ce que l'assurance qualité ?

Les tests d'assurance qualité vérifient la fonctionnalité d'un site Web (ou de tout autre logiciel).

Pour les sites Web, les testeurs QA se concentrent d'abord sur la fonctionnalité, mais également sur la convivialité de la conception, les performances, la sécurité et la conformité.

Comment décider quoi tester

Les tests nécessitent une compréhension très attentionnée et méthodique de votre site Web et de vos utilisateurs. Vous devez prendre du recul et y penser à partir d'une perspective de 10 000 pieds.

Posez-vous des questions sous toutes sortes d'angles. Qui vient potentiellement sur notre site Web ? D'où viennent-ils ? Quelle géographie ? Sur quels appareils pourraient-ils regarder cela ? Quels navigateurs ? Quels systèmes d'exploitation ? Que fait votre site Web lorsque quelqu'un interagit avec lui ? Et s'ils remplissent un formulaire ? Vous attendez un email dans votre boîte de réception ? Vous attendez-vous à un message de remerciement sur la page ?

Faire un plan de test

Pour exécuter ces tests, créez un plan de test avec des cas de test granulaires, qui est essentiellement une liste de contrôle glorifiée. Cela vous permet de rester honnête, en veillant à ce que vous ne manquiez de rien d'important. Idéalement, cela vivra dans un outil de cycle de vie de développement logiciel (SDLC). Mais, vous pouvez suivre les tests sur quelque chose comme Excel :

Dans l'exemple ci-dessus, vous voyez que nous examinons les domaines et les fonctionnalités. Les scénarios de test sur le côté gauche, puis les navigateurs, les systèmes d'exploitation et les appareils en haut. Cette façon de suivre les tests signifie que vous pouvez revérifier les correctifs (tests de régression) et rendre compte des mesures de test aux principales parties prenantes.

Le tout est que la communication soit claire et sans ambiguïté. De cette façon, les correctifs peuvent être efficaces.

Outils de test d'assurance qualité

Essayez certains de ces outils de suivi et de gestion des tests (nous utilisons Notion chez Articulate, mais votre kilométrage peut varier).

• Jira
• Rail d'essai
• Bugzilla
• Trello
• Tester le lien
• Notion

Tout le crédit à Brian pour la moitié ci-dessus de ce blog. Maintenant, quelques idées tirées de l'expérience d'Articulate dans la création de sites Web pour les clients.

8 choses courantes que vous devez tester sur votre site Web

1. Lorem ipsum

Les écrivains et les concepteurs utilisent généralement la copie d'espace réservé « Lorem ipsum » lorsqu'ils créent un site Web. Ensuite, ils oublient de le remplacer. Effectuez une recherche approfondie pour vérifier s'il reste des morceaux de lorem ipsum.

2. Pages manquantes

Chapeau à GitHub pour l'image.

Si vous n'effectuez pas correctement la redirection de votre ancien site vers un nouveau site en mappant les URL des pages, vous obtenez des liens rompus et des pages manquantes. La redirection d'URL est une partie très importante du lancement d'un nouveau site Web pour nous. Nous avons vu plusieurs cas de liens brisés dans les menus. Très souvent, le lien du menu est connecté à une page de test de développement en raison de la façon dont il a été codé en dur.

3. Erreurs SSL

Google pénalisera un site qui contient des erreurs SSL. Il est probable que vous ne le remarquerez pas à moins que vous ne le testiez.

L'un des problèmes avec les sites HubSpot est que, dans la plupart des cas, vous ne pouvez pas héberger un site Web HubSpot sur un domaine apex natif. Cela signifie que vous ne pouvez pas avoir de code HTTPS sur articulatemarketing.com ; il doit s'agir de www.articulatemarketing.com. Dans ce cas, vous devez effectuer une redirection du domaine apex vers le sous-domaine www. Si vous n'avez pas correctement configuré cette redirection, elle ne sera pas cryptée et déclenchera une erreur SSL.

4. Images grasses

Votre concepteur télécharge un fichier graphique de 16 mégaoctets. Vous pourriez mettre ça sur un panneau publicitaire. Il n'a pas sa place sur votre site Web. Au lieu de cela, essayez de vous assurer que vos images font moins de 300 kilo-octets et respectez les JPEG ou, mieux encore, les SVG.

Si vous êtes sur HubSpot, vous pouvez utiliser notre application, Fizz+Ginger, pour compresser les images.

5. Caché de Google

Ne pas publier votre site sur Google est étonnamment courant. Il est très rare que nous reprenions le site Web d'un client et qu'il ait déjà une liste Google Search Console. Si cela ne fait que brûler vos oreilles, rendez-vous ici pour en savoir plus sur les cartes du site.

De plus, nous reprenons parfois des sites qui ont des robots.txt qui bloquent des pages importantes des moteurs de recherche. Vous voudrez peut-être supprimer la visibilité sur certaines pages. Cependant, s'il est mal configuré, vous masquez des pages que vous souhaitez que les internautes puissent trouver sur Google.

Astuce : si vous développez un site WordPress, veillez à ne pas cocher la case « Décourager les moteurs de recherche d'indexer ce site » après le lancement.

6. Compatibilité du navigateur

Autrefois, c'était un problème plus important qu'il ne l'est aujourd'hui. Internet Explorer est souvent le coupable de ne pas être compatible avec les normes de l'industrie. En règle générale, si vous utilisez confortablement une version moderne de Chrome ou Safari, vous êtes probablement bien sur d'autres navigateurs, mais cela vaut toujours la peine d'être testé. N'essayez pas de vous adapter à des navigateurs très obsolètes. Cela ne vaut pas l'effort.

7. Réactivité mobile

Environ un tiers de notre trafic provient du mobile. Plus de la moitié du trafic Internet sur le Web est mobile. Google effectue une indexation mobile d'abord. Le mobile est l'avenir, en bref.

Commencez par exécuter le test adapté aux mobiles de Google, mais ne vous arrêtez pas là. Vérifiez une gamme d'appareils et de tailles d'écran pour des éléments tels que les menus déroulants et les fenêtres contextuelles.

Astuce : AMP (Accelerated Mobile Pages) est un moyen de rendre vos pages ultra rapides sur mobile, mais vous perdez beaucoup de contrôle sur la visibilité, le formatage, la conception et la mise en page. Cependant, c'est probablement une bonne idée de l'activer si vous rencontrez une baisse du trafic en raison des récentes mises à jour de l'algorithme de Google.

8. Des formulaires qui ne vont nulle part

Vérifiez que tous les formulaires vont à quelqu'un, en particulier les formulaires de la page de contact. Le logiciel CRM de HubSpot enregistrera les remplissages de formulaires, mais c'est à vous de configurer un système de notification afin que les personnes de votre entreprise sachent que quelqu'un essaie de vous contacter.

Une note finale

Nous sommes une agence de marketing axée sur les données et axée sur les détails, nous aimons donc plutôt les principes rigoureux des tests d'assurance qualité.

Parlez à OnPath Testing pour les services de test ou parlez à l'un de nos consultants si vous avez besoin d'un nouveau site Web.

Nous vous laissons sur cette réflexion :

« Le test est un processus infini consistant à comparer l'invisible à l'ambigu afin d'éviter que l'impensable n'arrive à l'anonyme.

—James Bach