Google Resizer – Teste seu Projeto em Várias Resoluções
A ferramenta gratuita Resizer foi recém anunciada pelo Google. Ela permite a desenvolvedores de sites e aplicações web testar como seus produtos digitais respondem a diferentes tamanhos de tela.
A nova ferramenta do Google é destinada aos profissionais que criam para a web, sendo bastante simples o seu funcionamento. Basta acessar o site da Resizer e introduzir uma URL para verificar como a página é exibida em diferentes tamanhos de tela, como desktop, tablet e smartphone por exemplo.
Na página de apresentação da ferramenta, pode-se ler o seguinte:
“Como designers e desenvolvedores de produtos digitais, um dos nossos maiores desafios é descobrir como as interfaces gráficas podem servir ao usuário da melhor maneira, no momento certo.[…] Agora, com Resizer, temos uma forma dinâmica para testar essa orientação, estimulando conversas significativas entre designers, desenvolvedores e outras partes interessadas em design responsivo. ” (tradução livre)
Digitando qualquer URL na caixa de endereços do Resizer, ele mostrará o mesmo site nos três tamanhos de dispositivos padrões de uma só vez. É possível também clicar em um formato, deixando a visualização focada em um tamanho só, mas ver todas as telas ao mesmo tempo dá uma ideia da visão geral do projeto, quando acessado por diferentes dispositivos. Resoluções e dimensões de tela precisas são exibidas em uma espécie de régua na parte superior da página, o que dá uma boa noção do que a maioria dos visitantes do site vai ver.
Os pontos de vista dos sites acessados a partir do recurso são totalmente interativos, sendo possível clicar e rolar os sites à vontade. Caso você submeta um site protegido em que está usando logado, as páginas carregadas pela ferramenta irão manter o login ativo. Os desenvolvedores que trabalham em sites protegidos por senha podem considerar esse recurso particularmente útil.
A iniciativa, apesar de muito interessante e de ter suas particularidades, não é tão inovadora. Existem outras ótimas ferramentas gratuitas que listamos aqui para testar a experiência de quem acessa seu site usando diferentes dispositivos. Conheça e escolha a ferramenta que melhor atende às necessidades do seu projeto!
- Negócios online: 6 dicas para gerar credibilidade - 14 de novembro de 2018
- Projetos web: entenda a importância da performance - 13 de novembro de 2018
- Desenvolvimento mobile: 7 dicas de performance para sites e aplicativos - 7 de novembro de 2018
