Educação e Utilidade Pública Educação e Utilidade Pública

Tamanho de site ou largura ideal para ajustar na resolução da tela

Tutorial sobre definição do tamanho ou resolução de um site. Veja as dicas para definir a largura ideal de um site e algumas estatísticas que poderá ajudar. Confira uma série de imagens de 2008 a 2020 que mostra a evolução de uso das resoluções de tela.

Ao construir um site devo me preocupar com o tamanho dele, ou seja, qual é a largura ideal para um site?

Bem, isto é bastante relativo e deve ser levado em consideração o resultado de algumas análises antes de tomar esta decisão.

Se você está refazendo um site, o ideal é você ler os relatórios de visitas do seu site, pois lá constam os percentuais de resolução de telas dos seus usuários e a partir daí você poderá definir qual largura se adequará melhor ao site.

A largura 800 por 600 foi usada durante muitos anos como sendo o tamanho padrão de sites, mas com as novas safras de monitores cada vez maiores este quadro mudou bastante. Portanto não dá para afirmar qual é o tamanho ou a largura ideal, é necessário conhecer o seu usuário para oferecer a ele um layout agradável e adaptado aos seus recursos.

Tendências e Estatísticas

Fiz um comparativo das resoluções de monitores usadas pelos usuários deste blog desde 2008 e olhando para os resultados dá para perceber várias coisas. Tomei como base sempre o mês de março, iniciando em março de 2008 até março de 2020. Veja os resultados abaixo:

Resoluções de tela mais usadas em 2008

Resoluções de tela mais usadas em março de 2008

 

Resoluções de tela mais usadas em 2009

Resoluções de tela mais usadas em março de 2009

 

Resoluções de tela mais usadas em 2010

Resoluções de tela mais usadas em março de 2010

 

Resoluções de tela mais usadas em 2011

Resoluções de tela mais usadas em março de 2011

 

Resoluções de tela mais usadas em 2012

Resoluções de tela mais usadas em março de 2012

 

Resolução de tela em 2013

Resoluções de tela mais usadas em março de 2013

 

Resolução de tela em 2014

Resoluções de tela mais usadas em março de 2014

 

Resolução de tela em 2015

Resoluções de tela mais usadas em março de 2015

 

Resolução de tela em 2016

Resoluções de tela mais usadas em março de 2016

 

Resolução de tela em 2017

Resoluções de tela mais usadas em março de 2017

 

Resolução de tela em 2018

Resoluções de tela mais usadas em março de 2018

 

Resolução de tela em 2019

Resoluções de tela mais usadas em março de 2019

 

Resolução de tela em 2020

Resoluções de tela mais usadas em março de 2020

 

Resolução de tela em 2023

Resoluções de tela mais usadas em janeiro de 2023

Fonte das imagens: Google Analytics

Análise das resoluções de tela

Algumas percepções importantes nos dados acima:

Os dados acima não são científicos, mas é um indicador e pelo menos para mim eles servem como parâmetro para eu entender quem é meu usuário e quando terei de ajudar meu site para melhor atendê-lo. Desta forma o tamanho de um site deve levar em conta esses números e procurar ajustá-lo a eles da melhor forma possível.

Penso que a análise acima é bastante útil e pertinente para quem trabalho com desenvolvimento web, para programadores, designers de interface e webdesigners em geral. Como explicado acima, os dados não são do mercado como um todo, mas apenas deste blog (luis.blog.br). Mas pelo fato de eu estar comparando sempre o mesmo site, creio que os valores devam ser considerados como relevantes.

Veja também