Dans certains tests, vous aurez la possibilité de signaler des bogues visuels. Les bogues visuels concernent les interfaces utilisateur graphiques des sites Web ou des applications, par exemple:
Problèmes de mise en page, tels que des textes ou éléments mal alignés.
Un problème de design adaptatif, par exemple, un élément est affiché sur un appareil mobile mais pas sur un autre.
Textes/éléments se chevauchent involontairement.
Textes/éléments sont coupés.
Tout ce qui peut être corrigé dans les fichiers HTML ou CSS.
Problèmes répétitifs
Lorsqu'un problème visuel se produit de manière répétée,il peut n'être signalé qu'une seule fois, même si chaque occurrence a une URL différente, un lien, une image, etc. C'est également le cas si les occurrences se trouvent sur la même page ou sur des pages différentes. Ce rapport de bogue doit indiquer que d'autres URL, liens, images, etc., sont également concernés.
Ne soumettez pas de rapports de bogue individuels pour chaque occurrence du même problème, car ils seront rejetés. Le client n'a besoin que d'une seule référence pour être informé du problème de visuel. Il enquêtera sur le problème et le résoudra pour toutes les occurrences.
Exemples:
Certaines éléments présentent le même problème graphique, par exemple des textes ou des images qui sont plus grands que leurs boîtes.
Les champs de saisie ne sont pas suffisamment grands pour contenir leurs textes par défaut, qui ne sont pas complètement visibles.
Les teasers se chevauchent involontairement avec d'autres éléments.
Évolution d'un bogue visuel en un bogue fonctionnel
Dès qu'un bogue de visuel entrave une fonctionnalité, il doit être signalé comme un bogue fonctionnel, même s'il n'affecte pas directement la fonction elle-même.
Supposons que la fonctionnalité puisse être intuitivement et facilement accessible par un autre chemin ou une autre option. Dans ce cas, les utilisateurs ne sont pas automatiquement empêchés d'utiliser la fonctionnalité, ce qui signifie que le problème ne peut pas être soumis comme un bogue fonctionnel, mais plutôt comme un problème visuel.
Documentation des problèmes visuels
Les rapports visuels doivent inclure des captures d'écran. Dans certains cas, un screencast supplémentaire peut être nécessaire si une action spécifique déclenche le problème visuel. Pour des détails complets sur la documentation des rapports de bogue, veuillez consulter notre article Exigences pour les Rapports de Bogue.
Test de Responsive Design en ligne gratuit
L'outil Google Mobile-Friendly Test peut s'avérer très utile pour vérifier que les pages web sont optimisées pour les appareils mobiles. Cet outil permet aux testeurs d'identifier d'éventuels problèmes visuels sur les pages web en évaluant des éléments clés de l'expérience mobile, tels que la taille de la police, les éléments interactifs et la configuration du viewport. Si vous rencontrez un bogue visuel, cet outil pourrait vous aider à déterminer si la cause première est la réactivité de la page.