Em alguns testes, você terá a opção de relatar bugs visuais. Bugs visuais se referem às interfaces gráficas de usuário de sites ou aplicativos, por exemplo:

Problemas de estrutura de layout, como textos/elementos desalinhados
Um problema de Design Responsivo, por exemplo, um elemento é exibido em um dispositivo móvel, mas não em outro
Textos/elementos que se sobrepõem involuntariamente
Textos/elementos que são cortados
Qualquer coisa que possa ser corrigida nos arquivos HTML ou CSS

Problemas repetitivos

Quando um problema visual ocorre repetidamente, ele só pode ser enviado uma vez, mesmo que cada ocorrência tenha um URL, link, imagem, etc. diferentes. Isso também vale se as ocorrências estiverem na mesma página ou em páginas diferentes. Um único relatório de bug deve indicar que outros URLs, links, imagens, etc., também estão envolvidos.

Relatórios de bugs individuais para cada ocorrência do problema não devem ser enviados já que serão rejeitados. O cliente só precisa de uma única referência para ser informado do problema visual. Eles investigarão o problema e o resolverão para todas as ocorrências.

Exemplos:

Alguns elementos apresentam o mesmo problema gráfico, como texto ou imagens maiores do que suas caixas.
Os campos de entrada não são grandes o suficiente para conter seus textos padrão, que por sua vez não são completamente visíveis.
Itens de conteúdo que se sobrepõem a outras partes da página.

Atualização para bug funcional

Assim que um bug visual impedir uma funcionalidade, ele deve ser relatado como um bug funcional, mesmo que não seja a própria função que esteja defeituosa.

Suponha que a funcionalidade possa ser alcançada de forma intuitiva e fácil por meio de um caminho ou opção diferente. Nesse caso, os usuários não são efetivamente impedidos de usar a funcionalidade, então o problema não pode ser enviado como um bug funcional. Ele permanece como um problema visual.

Documentação de problemas visuais

Relatórios visuais devem conter capturas de tela. Pode ser necessário uma gravação de tela adicional se uma ação causar o problema visual. Para obter mais informações sobre como os relatórios de bug devem ser documentados, visite nosso artigo Requisitos de Relatório de Bugs.

Teste Responsivo Online Gratuito

O Google Mobile-Friendly test pode ser um auxílio valioso para garantir que as páginas da web estejam otimizadas para dispositivos móveis. Esta ferramenta pode ajudar os testadores a identificar problemas visuais em páginas da web avaliando fatores de usabilidade móvel, como tamanho da fonte, alvos de toque e configuração de viewport. Se você encontrar um bug visual, esta ferramenta poderá ajudá-lo a determinar se a causa raiz é a responsividade do site.