Testes
Compatibilidade com browsers (portabilidade)
Os testes de compatibilidade com browsers verificam as páginas de um web site em várias versões de programas, com ou sem o uso de plugins, em diversos dispositivos e plataformas. Pode-se através deles avaliar um aplicativo online em situações de uso próximas às da maioria dos usuários e verificar como aparecem em cada uma delas.
O público online usa ampla variedade de browsers e plataformas, com diferentes configurações e recursos, que interpretam à sua maneira os padrões web. Muitos interpretam os códigos de programação de cada página de modo inconsistente. Felizmente, as especificações em desenvolvimento do HTML 5 facilitam a compabilidade entre programas e o desenvolvimento em geral, mas até a sua aprovação final é importante manter regularmente estes testes, antes e depois do lançamento de web sites e plataformas online.
O ajuste do código, levando em conta cada programa de acesso e o uso de padrões web para definir o layout e a programação, ajuda a contornar os problemas causados por estas diferenças.
Para permitir a percepção do uso em diversas configurações, é importante testar cada modelo de página nos principais browsers, plataformas e dispositivos . Pode-se assim garantir com mais segurança o acesso apropriado da maior parte dos usuários ao web site.
A programação deve ser também compatível com versões antigas dos navegadores, na medida em que os usuários se preocupam cada vez menos em atualizar suas versões dos navegadores e programas adicionais, como plug-ins.
De qualquer forma, mesmo que o código não funcione perfeitamente numa plataforma ou programa, é importante que ao menos a estrutura da página e seu conteúdo se mantenham estruturados em diversos modos de acesso.
Atividades relacionadas
■ Pesquisar os browsers mais utilizados pela maioria dos usuários nas etapas iniciais de desenvolvimento do web site, em estatísticas de acesso gerais da web e de site já existente; pesquisar também o perfil dos equipamentos dos usuários mais frequentes de uma interface específica.
■ Estabelecer as situações de uso prioritárias, criar parâmetros e valores para a avaliação; fazer o mesmo para as situações de uso secundárias e estabelecer os valores (notas) mínimas aceitáveis.
■ Testar a interface em diferentes versões de:
◊ Programas navegadores (Internet Explorer, Firefox Mozilla, Chrome, Opera, Safari, em diversas versões, Jaws para pessoas com deficiência visual).
Nos programas navegadores, é importante verificar:
▪ Se as páginas são compreensíveis sem uso de JavaScript.
▪ Se é possível navegar sem o uso de plug-ins.
▪ Se é possível navegar sem visualizar imagens.
Ferramentas como Microsoft Expression Web e Dreamweaver permitem a visualização de diferentes previews de web sites em diferentes browsers, para a resolução imediata de problemas e diferenças no modo de visualização dos layouts.
◊ Sistemas operacionais (PC, Mac, Linux), se possível, em diversas versões de cada um.
◊ Dispositivos, inclusive em aparelhos móveis ou emuladores destes aparelhos. Como nos computadores pessoais, deve-se escolher os aparelhos mais populares para realizar os testes. Serviços como DotMobi Virtual Developer Lab, proveem acesso a diversos dispositivos móveis.
Dispositivos móveis têm usado versões compactas dos browsers para PCs, o que facilita os testes, muitos dos quais podem ser feitos simplesmente com a redução da janela no próprio computador e a setagem do CSS para dispositivos móveis. Testes mais aprofundados exigem o uso nos próprios dispositivos, para simular a experiência real, especialmente crítica em relação aos espaços de toque entre links e botões.
■ Avaliar os resultados de acordo com as referências criadas inicialmente.
■ Analisar o código do web site e fazer os ajustes necessários para garantir a compatibilidade nas principais situações de uso. É importante também considerar os custos de desenvolvimento das soluções compatíveis, de modo que fique dentro das estimativas de custo do projeto.
Para o ajuste de JavaScript e código backend, pode-se usar o Selenium, sistema para testes de apps web que pode controlar diversos browsers, simulando a experiência dos usuários reais e permitindo melhor avaliação do uso. (1)
■ Verificar a compatiblidade com browsers em sites como BrowserShots.
■ Verificar a compatiblidade com dispositivos móveis em sites como mobi.Ready, W3C mobileOK Checker, TAW mobileOK Basic .
Assuntos relacionados
► Navegadores (browsers utilizados)
► Contratação de agência web
► Indicadores de qualidade - exemplo de lista de checagem
► Acessibilidade : Abrangência das soluções
Referências e fontes
1) Tips on cross browser Web testing, de Justin James (TechRepublic, acesso em 15.11.2011)
► Should Web developers keep up with browser statistics? (TechRepublic, acesso em 26.8.2008)
► Get expert advice on how to decide which web browsers to support (acesso em 8.8.2005)
Mais informação sobre o assunto (links externos)
► 55 Google website optimizer tips and tricks - dicas sobre o uso do Google Website Optimizer (Conversion Rate Optimization, acesso em 7.12.2009)
► test everything!, ferramenta para teste de web sites na validação do código, em SEO, em mídias sociais e outros recursos (B2B, acesso em 8.12.2008)
► Testing web applications with multiple browsers (TechRepublic, 7.1.2008)
► Use metrics to justify dropping browser support (TechRepublic, 14.8.2003)
► The web developer - extensão que acrescenta um menu e uma caixa de ferramentas ao browser, com recursos como a capacidade de editar o CSS da página visualizada, ou obter informação sobre o HTML e as imagens. Pode-se também validar o CSS, o HTML e a acessibilidade. Roda em Windows, Mac OS X e Linux e é compatível com Firefox, Flock, Mozilla e Seamonkey
► The Web Analythics Association - organização para a criação de standards para os termos e definições sobre análise de uso da web. Realiza treinamentos e reúne regularmente profissionais de análise de dados, consultores e usuários para discutir metodologias e aplicações (acesso em 21.4.2006)
► Browser Shots - programa que faz captura de telas de sites em diferentes versões de browsers
