Esta tradução ainda não foi revista editorialmente. A versão alemã é vinculativa. Deutsche Fassung →
Responsive
Em que tamanhos de ecrã deve um website ser testado?
Um website deve ser testado em três tamanhos de ecrã: smartphone com 390, tablet com 768 e desktop com 1440 pixels de largura. Estes três perfis cobrem as classes de dispositivo comuns. O serviço de verificação simula dispositivos reais — com interação por toque, identificação de navegador móvel e densidade de pixels apropriada — em vez de simplesmente redimensionar uma janela do navegador.
Três perfis cobrem as classes de dispositivo
O perfil de smartphone tem 390 por 844 pixels — o formato de um telemóvel moderno comum. O perfil de tablet tem 768 por 1024 pixels, um tablet em modo retrato. O perfil de desktop tem 1440 por 900 pixels, um monitor comum. Nestes três pontos de largura a maioria dos websites muda a sua apresentação: o menu encolhe, as colunas empilham-se, as imagens escalam. Por isso um único olhar no seu ecrã não é suficiente — uma página pode parecer perfeita no desktop e deslocar-se lateralmente no telemóvel, cortar textos ou diminuir botões. Por isso cada perfil é verificado independentemente e reportado separadamente no relatório, com imagem de ecrã incluída.
Simulação real do dispositivo fornece resultados reais
Uma simples janela do navegador redimensionada comporta-se diferentemente de um telemóvel. Muitos websites ligam a visualização móvel apenas quando o navegador se identifica como dispositivo móvel: com entrada por toque, identificação de navegador móvel e densidade de pixels mais elevada do ecrã de um telemóvel. O serviço de verificação configura portanto para cada perfil uma simulação completa do dispositivo — o perfil de smartphone apresenta-se como telefone com toque e tripla densidade de pixels, o perfil de tablet como tablet. Sem esta simulação resultariam achados falsos: a verificação veria uma forma intermédia da página que nenhum visitante real vê. Com ela vê a mesma apresentação que o público.
A verificação vê a página como um visitante
Antes da medição a verificação deixa a página carregar completamente e repousar. Depois rola lentamente até ao fim e de volta ao topo — como um visitante que está a ver a volta. Há uma razão técnica: muitas páginas mostram conteúdo apenas ao deslocar-se. Se a medição acontecesse antes, estes blocos ainda estariam na posição inicial, e a verificação reportaria um layout que não existe em uso real. Apenas após este percurso começa a medição real: comportamento de deslocamento, superfícies de interação, quebra de linha, conteúdo no primeiro ecrã — para cada perfil, com imagem de ecrã como prova.
- Verifique novas páginas em pelo menos um smartphone real, para além da visualização no monitor do computador.
- Compare as três imagens de ecrã no relatório de verificação — mostram como a mesma página se parece para cada classe de dispositivo.
- Pergunte à sua agência em que larguras de ecrã o seu website muda o layout e deixe-a testar precisamente estas transições.
- Considere a visualização móvel como visualização principal, pois muitos visitantes veem o seu website exclusivamente no telemóvel.