Elsewhen

Défi

Elsewhen a fait appel à QAwerk pour tester en profondeur son site corporate lors de sa refonte. Il avait besoin du soutien de notre équipe QA dédiée pour lancer le site dans les délais et avoir l’assurance qu’il serait peaufiné et offrirait une expérience utilisateur satisfaisante.

Voici un bref résumé des objectifs de test que nous avons définis :

• Cohérence du design : Valider l’uniformité du design dans les différentes sections du site, notamment les pages de premier niveau et les pages dynamiques.
• Animations et transitions : S’assurer que les animations et transitions sont fluides et conformes aux attentes sur l’ensemble du site.
• Tests fonctionnels : Tester les fonctionnalités clés du site web telles que la recherche, les formulaires et les liens pour garantir leur bon fonctionnement.
• Tests multi-navigateurs et multi-appareils : Confirmer la compatibilité sur différents navigateurs et appareils pour une expérience utilisateur cohérente.
• SEO et accessibilité : Évaluer et améliorer les éléments SEO et les normes d’accessibilité du site.
• Tests de performance : Garantir des performances optimales du site dans diverses conditions de charge, avec des temps de chargement rapides et une navigation fluide.

L’objectif principal était de s’assurer que le design mis à jour conservait sa cohérence sur les pages de premier niveau et les pages dynamiques, tout en vérifiant la fonctionnalité, les performances et l’expérience utilisateur globale.

Solution

Nous élaborons une stratégie de test sur mesure pour chaque projet auquel nous contribuons. Plongeons plus en profondeur dans le travail réalisé par notre équipe QA et l’impact qu’il a eu sur le chiffre d’affaires et la perception globale de la marque de notre client.

Tests fonctionnels

Nous avons testé manuellement tous les domaines critiques — page d’accueil, navigation, affichage du contenu, liens, gestion des erreurs et éléments interactifs — en accordant une attention particulière aux zones hautement dynamiques et riches en fonctionnalités, telles que les filtres de recherche et les formulaires de contact.

Pourquoi c’est important : Les tests fonctionnels permettent de s’assurer que les utilisateurs peuvent accomplir leurs tâches sans erreurs ni obstacles. Ils contribuent également à réduire les demandes d’assistance et à augmenter les taux de conversion en maintenant une expérience fluide.

Tests d’interface utilisateur

L’équipe Elsewhen nous a partagé leur fichier de design, et nous avons parcouru le site en le comparant avec le design. Nous avons vérifié la mise en page, la typographie, les espacements et l’utilisation des couleurs sur l’ensemble de l’interface du site. Nos ingénieurs QA ont également vérifié les effets de mouvement entre les états de l’interface, notamment les chargements, les états de survol et les ouvertures de modales.

Pourquoi c’est important : Les tests d’interface utilisateur améliorent la confiance des utilisateurs et la perception de la marque grâce à un aspect soigné et professionnel. La cohérence du design réduit la charge cognitive, aidant les utilisateurs à naviguer plus rapidement et avec plus d’assurance. Tester les animations et les transitions a permis de s’assurer qu’il n’y avait pas de transitions brusques susceptibles de frustrer ou de désorienter les utilisateurs, contribuant à une expérience plus premium et moderne.

Tests d’accessibilité

Pour les tests d’accessibilité, nous avons convenu d’un périmètre de travail optimal pour le contrôle initial, comprenant :

• Vérifier si le site fournit des sous-titres et des transcriptions pour les contenus audio et vidéo
• S’assurer que le texte est lisible et présente un contraste suffisant avec l’arrière-plan
• S’assurer que toutes les fonctionnalités sont accessibles via la navigation au clavier
• S’assurer que le site aide les utilisateurs à éviter et à corriger les erreurs, notamment dans les formulaires de contact
• Vérifier la compatibilité avec les lecteurs d’écran

Pourquoi c’est important : Nos tests d’accessibilité ont contribué à rendre le site inclusif et conforme aux Règles pour l’accessibilité des contenus Web (WCAG). Nous avons identifié des problèmes de contraste et documenté comment ils peuvent être corrigés et surveillés à l’avenir. Nous avons également signalé des erreurs HTML qui entravent le fonctionnement des lecteurs d’écran et peuvent causer des problèmes d’affichage. Nos ingénieurs QA ont trouvé plusieurs cas de descriptions Alt manquantes, ce qui est essentiel pour les utilisateurs malvoyants.

Dans l’ensemble, nos efforts de test ont contribué à améliorer l’expérience web et mobile pour les utilisateurs en situation de handicap, les utilisateurs âgés et ceux se trouvant dans des environnements peu éclairés.

Tests SEO

Pour le contrôle SEO, nous avons identifié les domaines de test suivants :

• Liens brisés et erreurs 404
• Configuration du plan de site XML et du fichier robots.txt
• Vitesse de chargement des pages et compatibilité mobile
• Certification SSL et statut HTTPS
• Balises de titre et méta-descriptions
• Structure des balises d’en-tête (H1, H2, etc.)
• Textes alternatifs des images
• Autres balises méta
• Structure des URL des pages
• Favicon

Pourquoi c’est important : Les tests SEO aident à améliorer la visibilité organique, permettant à davantage d’utilisateurs de découvrir le produit via les moteurs de recherche. Lors du contrôle SEO, trois problèmes ont été identifiés : la duplication du H1 sur certaines pages, l’absence de texte Alt pour quelques images et un faible score de performance sur les appareils mobiles. Corriger ces erreurs identifiées se traduit par une augmentation du trafic vers le site sans marketing payant. Nous avons veillé à ce que les pages soient correctement indexées et accessibles aux robots d’indexation.

Tests de compatibilité

Les tests de compatibilité étaient essentiels, car les designs d’Elsewhen présentaient souvent des mises en page différentes ou des modifications de design par point de rupture, et parfois des fonctionnalités différentes pour faciliter l’expérience utilisateur. Nos ingénieurs QA ont testé le site sur ordinateur (Chrome, Edge, Firefox) et sur les navigateurs mobiles (Chrome pour Android, Safari sur iOS, Samsung Internet, Opera Mobile).

Pourquoi c’est important : Les tests de compatibilité que nous avons réalisés ont garanti une expérience cohérente et fiable, quel que soit l’appareil ou la plateforme. Nous avons aidé Elsewhen à étendre leur portée à tous les segments d’utilisateurs, en évitant les expériences dégradées sur les navigateurs secondaires.

Tests de performance

Étant donné qu’un site web B2B n’est pas censé gérer un grand nombre d’utilisateurs simultanés, nous n’avons pas simulé une charge élevée de 1 000 utilisateurs ou plus. Notre équipe QA s’est plutôt concentrée sur l’analyse du temps de chargement, du comportement dans différentes conditions réseau et CPU, des ressources bloquant le rendu, et de quelques autres facteurs. Les performances du site ont été testées sur ordinateur et mobile via le navigateur Chrome.

Pourquoi c’est important : Nous avons constaté que les performances sur mobile nécessitaient une amélioration significative, avec des scores moyens autour de 50, indiquant un délai de chargement important. Sur certaines pages, l’élément de contenu le plus volumineux prenait plus de 10 secondes à se charger, ce qui diffère considérablement des attentes modernes des utilisateurs (2-3 secondes maximum).

Sur la base des résultats de l’évaluation des performances, QAwerk a formulé les recommandations suivantes :

• Réduire le nombre de requêtes HTTP
• Minimiser le temps d’exécution de JavaScript
• S’assurer que les images sont adaptées aux appareils mobiles
• Implémenter le CSS critique en ligne pour éviter de bloquer le rendu

Grâce à nos efforts de tests de performance, Elsewhen a pu améliorer l’utilisabilité mobile et réduire les taux de rebond, offrant ainsi une expérience rapide et réactive.