Como executar testes de garantia de qualidade (QA) em seu novo site

Sites, como produtos de software e videogames, exigem muitos testes. Erros, bugs e bits quebrados são garantidos para enviar seus clientes em potencial em execução. Então, hoje veremos como evitar esses problemas ao lançar um novo site.

Assista ao webinário

Este artigo é baseado em um webinar que realizamos com o especialista em controle de qualidade, Brian Borg, fundador e CEO do OnPath Testing. OnPath Testing são nossos clientes e parceiros que nos ajudam a executar testes de controle de qualidade quando lançamos novos sites. Brian é um especialista em testes de software e um bom ovo.

Você pode assistir a gravação original aqui:

O que é controle de qualidade?

O teste de controle de qualidade verifica a funcionalidade de um site (ou qualquer outro software).

Para sites, os testadores de controle de qualidade se concentram primeiro na funcionalidade, mas também na usabilidade do design, desempenho, segurança e conformidade.

Como decidir o que testar

O teste exige uma compreensão muito cuidadosa e metódica do seu site e de seus usuários. Você tem que dar um passo para trás e pensar sobre isso a partir de uma perspectiva de 10.000 pés.

Faça a si mesmo perguntas de todos os ângulos. Quem está potencialmente vindo ao nosso site? De onde eles estão vindo? Que geografia? Em quais dispositivos eles poderiam estar olhando para isso? Quais navegadores? Quais sistemas operacionais? O que seu site faz quando alguém interage com ele? E se eles preencherem um formulário? Você espera um e-mail em sua caixa de entrada? Você espera uma mensagem de agradecimento na página?

Faça um plano de teste

Para executar esses testes, crie um plano de teste com casos de teste granulares, que é essencialmente uma lista de verificação glorificada. Mantém você honesto, garantindo que você não perca nada importante. Idealmente, isso ficará em uma ferramenta de ciclo de vida de desenvolvimento de software (SDLC). Mas, você pode acompanhar testes em algo como o Excel:

No exemplo acima, você vê que estamos analisando domínios e funcionalidades. Os casos de teste no lado esquerdo, depois os navegadores, sistemas operacionais e dispositivos na parte superior. Essa maneira de rastrear testes significa que você pode verificar novamente as correções (teste de regressão) e relatar as métricas de teste para os principais interessados.

O ponto principal é que a comunicação seja clara e inequívoca. Dessa forma, as correções podem ser eficazes.

Ferramentas de teste de controle de qualidade

Experimente algumas dessas ferramentas para rastrear e gerenciar testes (usamos o Notion at Articulate, mas sua milhagem pode variar).

• Jira
• Trilho de Teste
• Bugzilla
• Trello
• Link de teste
• Noção

Todos os créditos a Brian pela metade acima deste blog. Agora, alguns insights da experiência da Articulate com a construção de sites para clientes.

8 coisas comuns que você precisa testar em seu site

1. Lorem ipsum

Escritores e designers normalmente usam a cópia de espaço reservado 'Lorem ipsum' quando constroem um site. Então, eles esquecem de substituí-lo. Faça uma busca completa para verificar se há pedaços remanescentes de lorem ipsum.

2. Páginas ausentes

Dica de chapéu para o GitHub para a imagem.

Se você não fizer o redirecionamento do seu site antigo para um novo site corretamente mapeando os URLs das páginas, você obterá links quebrados e páginas ausentes. O redirecionamento de URL é uma parte muito importante do lançamento de um novo site para nós. Vimos vários casos de links quebrados em menus. Muitas vezes, o link do menu está conectado a uma página de teste do desenvolvedor devido à forma como foi codificado.

3. Erros SSL

O Google penalizará um site que tenha erros de SSL. É provável que você não perceba isso a menos que esteja testando.

Um dos problemas com os sites da HubSpot é que, na maioria dos casos, você não pode hospedar um site da HubSpot em um domínio apex nativo. Ou seja, você não pode ter o código HTTPS no articuladomarketing.com; tem que ser www.articulatemarketing.com. Nesse caso, você precisa fazer um redirecionamento do domínio apex para o subdomínio www. Se você não tiver esse redirecionamento configurado corretamente, ele não será criptografado e acionará um erro de SSL.

4. Imagens gordas

Seu designer carrega um arquivo gráfico de 16 megabytes. Você poderia colocar isso em um outdoor. Não tem lugar no seu site. Em vez disso, tente garantir que suas imagens tenham menos de 300 kilobytes e use JPEGs ou, melhor ainda, SVGs.

Se você estiver no HubSpot, poderá usar nosso aplicativo Fizz+Ginger para compactar imagens.

5. Oculto do Google

Não publicar seu site no Google é surpreendentemente comum. É muito raro assumirmos o site de um cliente e ele já possui uma listagem do Google Search Console. Se isso só fez seus ouvidos queimarem, então vá aqui para aprender sobre mapas do site.

Além disso, às vezes assumimos sites que possuem robots.txt que bloqueiam páginas importantes dos mecanismos de pesquisa. Você pode querer remover a visibilidade em determinadas páginas. No entanto, se estiver configurado incorretamente, você estará ocultando páginas que deseja que as pessoas encontrem no Google.

Dica principal: Se você estiver desenvolvendo um site WordPress, tome cuidado para não manter a opção 'Desencorajar os mecanismos de pesquisa de indexar este site' marcada após o lançamento.

6. Compatibilidade do navegador

Isso costumava ser um problema maior do que é hoje. O Internet Explorer é frequentemente o culpado por não ser compatível com os padrões da indústria. Como regra geral, se você estiver executando confortavelmente em uma versão moderna do Chrome ou Safari, provavelmente estará bem em outros navegadores, mas ainda vale a pena testar. Não tente acomodar navegadores muito desatualizados. Não vale o esforço.

7. Capacidade de resposta móvel

Cerca de um terço do nosso tráfego vem do celular. Mais da metade do tráfego de internet na web é móvel. O Google faz a indexação mobile-first. O celular é o futuro, em suma.

Comece executando o teste de compatibilidade com dispositivos móveis do Google, mas não pare por aí. Verifique uma variedade de dispositivos e tamanhos de tela para itens como menus suspensos e pop-ups.

Dica principal: AMP (Accelerated Mobile Pages) é uma maneira de tornar suas páginas extremamente rápidas em dispositivos móveis, mas você perde muito controle sobre visibilidade, formatação, design e layout. No entanto, provavelmente é uma boa ideia ativá-lo se você estiver enfrentando uma queda no tráfego devido às recentes atualizações do algoritmo do Google.

8. Formulários que não vão a lugar nenhum

Verifique se todos os formulários vão para alguém, especialmente os formulários da página de contato. O software de CRM da HubSpot registrará preenchimentos de formulários, mas cabe a você configurar um sistema de notificação para que as pessoas em sua empresa saibam que alguém está tentando entrar em contato.

Uma nota final

Somos uma agência de marketing orientada a dados e orientada a detalhes, por isso gostamos dos princípios rigorosos dos testes de controle de qualidade.

Fale com o OnPath Testing para serviços de teste ou fale com um de nossos consultores se precisar de um novo site.

Vamos deixá-lo com este pensamento:

"Testar é um processo infinito de comparar o invisível com o ambíguo para evitar que o impensável aconteça com o anônimo."

-James Bach