Em qualquer processo de desenvolvimento uma das partes mais importantes que geralmente é deixada de lado são os testes. Realizando testes prevenimos futuras frustrações de clientes com erros pequenos ou até mesmo erros que comprometem a experiência e usabilidade do usuário, como:
- Bugs;
- demora no carregamento das páginas;
- problema de usabilidade;
- versão do site responsiva com experiência prejudicada.
O processo de testes pode ser complexo e demorado, exigindo atenção, detalhismo e conhecimento do escopo do projeto, ele pode ser realizado de várias maneiras. A metodologia que eu prefiro é realizar os testes baseando-se em checklist com os tópicos separados em “geral” e “páginas”. O checklist é uma lista de verificação como um passo a passo do que deve ser testado, claro que existem outras maneiras, por exemplo, testes automatizados, TDD, casos de testes, mapas de ações, etc…
Bom, explicando minha metodologia, o tópico geral é onde engloba os itens que vão em todas as páginas e que pode ser testado de maneira objetiva e única para todo o site, alguns exemplos são:
- Favicon;
- OG Image;
- elementos no header e footer;
- Google Analytics, entre outros.
Já o tópico “páginas” é onde o teste será executado página por página de maneira isolada, por exemplo:
- Links;
- botões;
- imagens;
- direcionamentos, etc…
Além destes dois tópicos algo que tem extrema relevância nos dias atuais, é o teste do responsivo, diversos sites tem seu maior número de acessos através de plataformas mobile, não temos como fazer um site para cada tamanho de tela. Portanto precisamos garantir que o site se adapte a todos os aparelhos, podemos realizar o teste de duas maneiras de acordo com a estrutura do site para mobile. Alguns são responsivos apenas tornando-se idênticos e outros adaptativos que tem um layout específico para mobile, alguns pontos observados no teste são:
- Pointer events;
- input type de acordo com o formulário;
- hambúrguer no menu, etc…
Muitos dos problemas que ocorrem por não ser testado um site, são “invisíveis” aos olhos humanos, são os problemas de SEO (heading tags sem hierarquia certa, imagens sem alt, links, sem title, etc.). O usuário leigo não irá perceber se a hierarquia está correta ou se a imagem possui alt, mas se o seu SEO estiver incorreto a indexação ao Google estará prejudicada, fazendo com que o site perca acessos.
Dica: 4 dicas para fazer sua empresa aparecer no Google
Além desses dois tópicos, é necessário conferir se o layout está exatamente adequado ao design solicitado pelo cliente, se o design foi aprovado, o cliente espera ter ele como resultado final, se isto não acontecer há grandes chances de ele ficar muito insatisfeito com o projeto.
Ainda há muitos processos de testes que podem ser feitos, tornando a etapa de qualidade muito mais precisa, quando há o processo de qualidade sólido e fixo dentro do processo de desenvolvimento as chances de ocorrer algum problema que comprometa a entrega do produto são menores e as chances do cliente ficar satisfeito com seu site perfeito muito maiores.
