Variações para cada usuário
Resoluções de uso deste site (estatísticas)
O público deste site é formado, em sua maioria, por profissionais web de diversas áreas de atuação (gerencial, de projetos, de desenvolvimento, de pesquisa), bem como por estudantes da área. Há uma proporção de uso de monitores de última geração com altas resoluções de tela acima da média em relação a segmentos do público em geral.
Publicamos abaixo uma planilha com as estatísticas de acesso das principais resoluções usadas pelos usuários deste site, para ilustrar que para cada segmento deve-se considerar, no projeto da interface, uma resolução de tela ideal. Ou seja, embora haja tendências gerais, a resolução de tela majoritária deve acompanhar o perfil do público.
A tabela abaixo indica a variação mensal (em percentual) de uso de algumas resoluções de tela pelos usuários deste site (dados do Google Analytics) desde 2007:
| Mês/ ano | 240x320 | 800x600 | 1024x768 | 1280x800 | 1280x1024 | 1440x900 | 1920x1200 |
| 7.2007 | - | 14,01 | 54,48 | 15,32 | |||
| 8.2007 | - | 15,23 | 58,36 | 12,16 | |||
| 9.2007 | - | 16,05 | 59,75 | 11,29 | |||
| 10.2007 | 0,01 | 17,04 | 56,52 | 11,37 | |||
| 11.2007 | - | 15,02 | 57,52 | 11,46 | |||
| 12.2007 | 0,01 | 11,8 | 55,41 | 14,12 | 0,09 | ||
| 1.2008 | 0,02 | 15,97 | 53,34 | 10,54 | 0,04 | ||
| 2.2008 | 0,01 | 11,11 | 53,36 | 15,75 | 0,01 | ||
| 3.2008 | - | 11,54 | 56,19 | 13,55 | 0,05 | ||
| 4.2008 | - | 11,95 | 57,32 | 12,10 | 0,08 | ||
| 5.2008 | 0,01 | 10,66 | 55,69 | 11,61 | 0,06 | ||
| 6.2008 | 0,07 | 9,05 | 54,25 | 13,01 | 0,05 | ||
| 7.2008 | - | 7,41 | 50,97 | 14,41 | 0,15 | ||
| 8.2008 | 0,01 | 8,54 | 52,11 | 13,6 | 0,07 | ||
| 9.2008 | 0,01 | 8,36 | 51,17 | 13,76 | 14,04 | 0,05 | |
| 10.2008 | 0,01 | 7,76 | 50,42 | 14,87 | 13,94 | 0,08 | |
| 11.2008 | 0,01 | 7,17 | 50,60 | 16,15 | 12,66 | 0,1 | |
| 12.2008 | 0,01 | 6,39 | 45,65 | 18,4 | 14,36 | 0,12 | |
| 1.2009 | 0,01 | 4,54 | 42,24 | 20,12 | 15,67 | 0,02 | |
| 2.2009 | 0,02 | 5,58 | 44,67 | 19,2 | 13,38 | 0,18 | |
| 3.2009 | 0,01 | 6,32 | 47,43 | 18,2 | 11,53 | 0,17 | |
| 4.2009 | - | 5,78 | 47,81 | 17,44 | 11,09 | 0,09 | |
| 5.2009 | 0,01 | 5,36 | 47,52 | 17,49 | 11,14 | 0,18 | |
| 6.2009 | - | 4,97 | 44,98 | 18,71 | 10,96 | 7,77 | 0,14 |
| 7.2009 | - | 4,46 | 41,38 | 20,68 | 11,97 | 7,38 | 0,09 |
| 8.2009 | - | 4,16 | 41,64 | 19,70 | 11,44 | 6,82 | 0,42 |
| 9.2009 | 0,03 | 4,2 | 42,51 | 19,06 | 10,78 | 7,51 | 0,19 |
| 10.2009 | - | 3,93 | 40,64 | 19,65 | 10,28 | 8,01 | 0,29 |
| 11.2009 | 0,02 | 3,79 | 41,36 | 19,06 | 10,10 | 7,33 | 0,25 |
| 12.2009 | - | 3,31 | 37,45 | 21,11 | 9,83 | 8,28 | 0,2 |
| 1 .2010 | - | 2,39 | 33,12 | 21,78 | 11,8 | 8,72 | 0,27 |
| 2 .2010 | - | 2,7 | 35,28 | 20,91 | 10,33 | 8,13 | 0,27 |
| 3 .2010 | - | 3,06 | 37,07 | 19,45 | 9,68 | 8,0 | 0,3 |
| 4 .2010 | - | 2,78 | 36,67 | 19,71 | 9,89 | 7,74 | 1,04 |
| 5 .2010 | 0,04 | 2,89 | 34,29 | 20,33 | 9,26 | 8,04 | 0,28 |
| 6 .2010 | 0,05 | 2,39 | 32,27 | 21,22 | 9,01 | 8,48 | 0,47 |
| 7 .2010 | 0,03 | 1,78 | 29,7 | 21,38 | 10,09 | 8,93 | 0,42 |
| 1 .2012 | 0,06 | 0,78 | 14,42 | 14,45 | 7,8 | 9,24 | 7,25 |
Vemos que o uso da resolução 1024x 768 não é mais majoritário, teve seu pico entre o final de 2007 e no primeiro semestre de 2008, declinando desde então. Nos últimos 12 meses seu uso declinou fortemente, com aumento de uso das resoluções maiores, especialmente de 1280x800 (wide screen). Houve também tendência cada vez maior à diversificação de formatos.
Agradecimentos a Herminio Vitoria, pelas dicas e pelas trocas de ideias.
Assuntos relacionados
► Design para a tela pequena
► Textos em telas pequenas
► Testes : Resolução de tela
► A configuração técnica do usuário
► Layout líquido: usar ou não?
► Acessibilidade
► Javascript
► CSS
Fontes e Referências sobre resolução de telas e web sites
► W3Counter (acesso em 6.4.2010)
► Market Share (acesso em 6.4.2010)
► Profissão web (acesso em 19.8.2009)
► Screen resolution and page layout (Alertbox, acesso em 6.8.2006)
► Scrolling and scrollbars (Alertbox, acesso em 1.8.2005)
Mais informação sobre o assunto (links externos)
► Actual browser sizes - Preview (Baekdal, acesso em 22.9.2009)
► Mobile screens size trends (Sender11, acesso em 20.9.2009)
► More on mobile screen size trends (blog da mBricks, acesso em 20.9.2009)
► Estatísticas anuais de acesso global de uso de resoluções de tela (W3C Schools)
► iPhone development: 12 tips to get you started, de Stoyan Stefanov (SitePoint, acesso em 10.4.2009)
► Grids CSS: Examples (Yahoo Developer Network, acesso em 20.2.2009)
► Choose the overall page width - YUI grids CSS (Yahoo Developer Network, acesso em 20.2.2009)
► Five simple steps to designing grid systems - Part 4 Fixed (Mark Boulton, acesso em 7.8.2008)
► Five simple steps to designing grid systems - Part 5 Fluid (Mark Boulton, acesso em 7.8.2008)
► Rating: Blasting the myth of the fold (Boxesandarrows, acesso em 11.11.2007)
► CSS mastery: Fixed-width, liquid, and elastic layouts and faux columns (Web Reference, acesso em 7.9.2006)
