O Google adicionou ontem ao Google Labs o BrowserSize, uma ferramenta para web designers que permite visualizar quais áreas de um determinado site estão visíveis para a maioria dos usuários.

A motivação vem da constante necessidade de fazer com que determinada página seja acessada na maioria das resoluções existentes, um problema ainda maior recentemente, devido aos diferentes tamanhos de telas dos dispositivos disponíveis no mercado.

Com o BrowserSize, são mostradas as porcentagens de usuários que conseguem visualizar diversas áreas de uma página. Basta inserir a URL do site que a ferramenta mostra, por meio de uma imagem translúcida, as áreas visíveis para a maioria dos usuários.

Os dados são obtidos através da base de dados do Google, que registra a resolução de tela de todos os visitantes do buscador, gerando estatísticas confiáveis e recentes.

Com informações de iMasters

Conheça melhor o Google Browser Size

Google Browser Size é uma visualização de tamanhos de janela de navegador para quem visita o Google. Por exemplo, o contorno “90%” significa que 90% das pessoas que visitam o Google tem sua janela do navegador aberta pelo menos esse tamanho, ou maior.

Isso é útil para garantir que partes importantes de uma interface possam ser vistas por um público amplo. Na página de exemplo que você vê quando você visitar o Google Browser, há um “Donate Now” botão que fica dentro do contorno de “80%”, o que significa que 20% dos usuários não pode ver este botão quando visitar pela primeira vez a página. 20% é um número significativo, sabendo deste fato incentivaria o designer a mover o botão mais para o topo da página, para que possa ser visto sem rolagem.

Para ver o seu próprio Website com este mesmo gráfico sobreposto sobre ele, basta digitar a URL no campo “Enter URL here” no topo da janela e clique em “Go”.

Notas:

  • Você pode alterar a opacidade da sobreposição clicando nas caixas em tons de cinza ao lado da palavra “Opacity” na parte superior da janela.
  • Quando você mover o mouse sobre a janela, você verá um retângulo transparente, seguindo o ponteiro do mouse. Esta funcionalidade permite-lhe interagir normalmente com a página que você está visualizando, mesmo que tenha uma sobreposição gráfica em cima dele.
  • Os tamanhos representados neste contorno, são tamanhos ‘cliente área’, ou seja, tamanhos da janela e não do navegador. Isso significa que eles representam o tamanho do browser, sem barra de título, barras de ferramentas, barras de status, etc, para que assim dê uma verdadeira representação da quantidade de conteúdo que pode ser visto por um determinado segmento da Web.
  • Browser Size funciona melhor em páginas da web com um layout fixo alinhado à esquerda. Se o refluxo do conteúdo como a largura é ajustada ou se centrado os resultados podem ser enganadores. Neste caso, você pode obter resultados mais precisos, reduzindo a largura do navegador para uma coluna de porcentagem, de por exemplo, 90% para visualizar o conteúdo dentro da linha horizontal.
  • Estamos procurando ativamente desenvolver e melhorar a ferramenta. Portanto, se você tiver comentários ou sugestões, não hesite em nos contatar: browser-size-external-feedback@google.com.

Equipe do Google Browser Size